.client-layout .nav-public-link { display:flex; align-items:center; gap:11px; min-height:42px; padding:0 11px; color:#bdcec4; text-decoration:none; border-radius:5px; }
.client-layout .nav-public-link:hover { color:#fff; background:#244635; }
.client-layout .nav-public-link .lucide { width:18px; height:18px; }
.master-controls { display:flex; align-items:center; gap:12px; margin-left:auto; }
.master-controls span { max-width:260px; overflow:hidden; color:var(--muted); font-size:13px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.master-controls .button { min-height:36px; padding:7px 10px; font-size:13px; }
.master-controls .lucide { width:16px; height:16px; }
.client-grid { display:grid; grid-template-columns:minmax(0, 1fr) 330px; gap:20px; align-items:start; }
.menu-list { padding:7px 14px; }
.menu-row { display:grid; grid-template-columns:22px 38px minmax(0, 1fr) auto; align-items:center; gap:11px; min-height:72px; border-bottom:1px solid #edf1ee; }
.menu-row:last-child { border-bottom:0; }
.menu-row input[type="checkbox"] { width:17px; height:17px; accent-color:var(--green); }
.menu-icon { display:grid; place-items:center; width:34px; height:34px; color:var(--green); background:#e7f1ea; border-radius:5px; }
.menu-icon .lucide { width:18px; }
.icon-picker { margin:18px 0; padding:0; border:0; }
.icon-picker legend { margin-bottom:10px; font-size:13px; font-weight:700; }
.icon-picker > div { display:flex; flex-wrap:wrap; gap:8px; }
.icon-choice { display:grid; place-items:center; width:40px; height:40px; padding:0; color:var(--green); background:#eef5f0; border:1px solid transparent; border-radius:5px; cursor:pointer; }
.icon-choice:hover, .icon-choice.selected { color:#fff; background:var(--green); border-color:var(--green); }
.icon-choice .lucide { width:18px; height:18px; }
.menu-row-content { display:grid; gap:3px; min-width:0; }
.menu-row-content strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.menu-row-content span { color:var(--muted); font-size:12px; }
.menu-row-controls { display:flex; gap:5px; }
.menu-row-controls .button { min-height:32px; width:32px; }
.live-preview { position:sticky; top:22px; padding:16px; background:#eaf0ec; border:1px solid var(--line); border-radius:7px; }
.phone-preview { display:grid; gap:10px; min-height:470px; padding:27px 18px; overflow:hidden; border:7px solid #1b2620; border-radius:24px; box-shadow:0 12px 28px rgba(23,44,33,.16); }
.preview-identity { display:grid; justify-items:center; gap:10px; margin:12px 0 17px; text-align:center; }
.preview-identity img,.logo-fallback { width:66px; height:66px; object-fit:cover; border-radius:50%; }
.logo-fallback { display:grid; place-items:center; color:#fff; font:800 28px Manrope,sans-serif; border:3px solid; }
.preview-button { min-height:44px; padding:12px; overflow:hidden; font-size:13px; font-weight:700; text-align:center; text-overflow:ellipsis; white-space:nowrap; border:1px solid; border-radius:5px; }
.preview-empty { align-self:center; color:inherit; font-size:13px; opacity:.72; text-align:center; }
.client-form-panel { padding:22px; }
.logo-tools { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; margin-top:8px; padding:16px 0; border-top:1px solid var(--line); }
.logo-tools strong { color:var(--ink); }
.logo-tools span { color:var(--muted); font-size:13px; }
.logo-tools input { grid-column:1 / -1; }
.logo-tools button { grid-column:1 / -1; justify-self:start; }
.preview-wrap .live-preview { position:sticky; }
@media (max-width: 960px) { .client-grid { grid-template-columns:1fr; } .live-preview { position:static; max-width:400px; margin:0 auto; } }
@media (max-width: 760px) { .master-controls { gap:8px; } .master-controls span { display:none; } .master-controls .button { width:auto; } }
@media (max-width: 520px) { .menu-list { padding:5px 10px; } .menu-row { grid-template-columns:21px 34px minmax(0,1fr); gap:8px; padding:10px 0; } .menu-row-controls { grid-column:3; justify-self:start; } .logo-tools { grid-template-columns:1fr; } }