/* Junto Negócios — identidade e componentes compartilhados. */
:root{--primary:#087e80;--on-primary:#fff;--accent:#e5f5f3;--nav:#0c2034;--nav-hover:#18364d;--nav-ink:#c1d2e2;--nav-active:#087e80;--bg:#f4f7fb;--paper:#fff;--ink:#182d43;--muted:#62768c;--line:#e4ebf3;--success:#087d64;--success-bg:#e4f8ef;--info:#126bca;--info-bg:#eaf3ff;--warning:#995400;--warning-bg:#fff3e1;--danger:#bb3447;--danger-bg:#fff0f2;--purple:#7250ce;--purple-bg:#f2edff;--shadow:0 3px 20px #14345405;--overlay:#081c3999;--focus:#48b9ba;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
[data-palette=blue]{--primary:#1866bf;--accent:#eaf3ff;--nav-active:#1866bf;--focus:#65aaf4}[data-palette=wine]{--primary:#963e69;--accent:#faedf4;--nav-active:#963e69;--focus:#d984ae}
[data-theme=dark]{--bg:#101d2c;--paper:#17293c;--ink:#edf3fa;--muted:#afc0d2;--line:#30455b;--primary:#56d3c4;--on-primary:#102a31;--accent:#1a3e43;--success:#7adcb6;--success-bg:#1a4038;--info:#83bfff;--info-bg:#233a56;--warning:#ffc981;--warning-bg:#443829;--danger:#ff9faa;--danger-bg:#492c3b;--purple:#c7afff;--purple-bg:#362f51;--shadow:none}[data-theme=dark][data-palette=blue]{--primary:#83bfff;--accent:#233a56}[data-theme=dark][data-palette=wine]{--primary:#efa1c6;--accent:#432d40}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:var(--primary)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 15px;background:var(--primary);color:var(--on-primary);font-weight:600;transition:background .15s,box-shadow .15s}button:hover{box-shadow:0 2px 9px var(--line)}button:disabled{opacity:.55;cursor:wait}button.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}button.danger{background:var(--danger);color:var(--paper)}input,select,textarea{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);min-height:42px}input::placeholder{color:var(--muted)}label{display:block;font-size:.9rem;font-weight:600;line-height:1.6}label input,label select{margin-top:5px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1{font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.8px;line-height:1.2;margin:0 0 6px}h2{font-size:1rem;margin:0}p{line-height:1.6}small,.muted{color:var(--muted)}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.logo{height:auto;max-width:100%}.empty{padding:32px 12px;text-align:center;color:var(--muted);font-size:.9rem;white-space:normal}.notice{padding:13px 16px;border-radius:9px;background:var(--accent);line-height:1.5}.error{color:var(--danger);background:var(--danger-bg)}.error:empty{display:none}.success-message{color:var(--success);background:var(--success-bg)}.success{color:var(--success)}
/* Navegação e estrutura */
.app-layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:var(--nav-ink);padding:22px 14px 14px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;overflow:auto;z-index:30}.sidebar .logo{width:147px;margin:0 10px 28px}.sidebar nav{display:grid;gap:4px}.sidebar button{border-color:transparent;background:transparent;color:var(--nav-ink);text-align:left;border-radius:7px;padding:10px 12px;display:flex;align-items:center;gap:12px;font-weight:450;min-height:40px}.sidebar button:hover{background:var(--nav-hover);box-shadow:none}.sidebar button.active{background:var(--nav-active);color:#fff;font-weight:650}.sidebar button.highlighted:not(.active){border-left:3px solid var(--focus)}.sidebar .icon{width:18px;height:18px}.sidebar-footer{margin-top:auto;padding-top:26px;font-size:.8rem}.company{border:1px solid var(--nav-hover);border-radius:8px;padding:12px 9px;display:flex;gap:9px;align-items:center;overflow-wrap:anywhere}#sidebar-user{display:grid;gap:3px;padding:14px 10px 8px}#sidebar-user small{color:var(--nav-ink)}.sidebar-footer button{font-size:.82rem;min-height:34px}.workspace{padding:0 24px 32px;min-width:0}.topbar{display:flex;align-items:center;gap:18px;min-height:76px;background:var(--paper);border-bottom:1px solid var(--line);margin:0 -24px 24px;padding:12px 24px}.global-search{position:relative;max-width:510px;flex:1}.global-search input{background:var(--bg);border-color:transparent;padding-left:16px;font-size:.85rem}#search-results{position:absolute;top:48px;left:0;width:100%;min-width:240px;max-height:430px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 35px var(--overlay);z-index:35;padding:8px}#search-results button{display:grid;width:100%;gap:4px;text-align:left;margin:3px 0;overflow-wrap:anywhere}#search-results p{padding:12px}.top-actions{display:flex;gap:6px;margin-left:auto}.topbar .icon-button{border:0;color:var(--muted);padding:8px;min-width:38px;position:relative}.has-alerts:after{content:'';width:6px;height:6px;border-radius:50%;background:var(--danger);position:absolute;top:7px;right:7px}.top-identity{display:flex;gap:9px;align-items:center;padding-left:15px;border-left:1px solid var(--line);font-size:.82rem}.top-identity small{display:block;margin-top:3px}.avatar{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--primary);border-radius:50%;font-weight:700;font-size:.8rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:24px 0 20px;flex-wrap:wrap}.page-heading p{margin:0;color:var(--muted);font-size:.95rem}.date-label{display:flex;align-items:center;gap:10px;background:var(--paper);padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:.8rem;color:var(--muted)}.date-label .icon{width:16px}.mobile-menu{display:none}.drawer-overlay{position:fixed;inset:0;border-radius:0;background:var(--overlay);z-index:25}.compact .app-layout{grid-template-columns:76px minmax(0,1fr)}.compact .sidebar{padding:22px 10px 12px}.compact .sidebar .logo{width:44px;height:44px;object-fit:cover;object-position:left;margin:0 6px 28px}.compact .sidebar .nav-label,.compact .sidebar-footer .company,.compact #sidebar-user{display:none}.compact .sidebar nav button{justify-content:center;padding:12px}.compact .sidebar-footer button{font-size:.7rem;padding:6px}
/* Indicadores, atalhos, gráfico e alertas */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel{margin-top:18px}.metric{padding:17px 13px;display:flex;gap:10px;align-items:flex-start;min-width:0}.metric>div{min-width:0}.metric-icon{display:grid;place-items:center;border-radius:9px;width:36px;height:36px;flex-shrink:0}.metric small{font-size:.76rem;display:block;white-space:nowrap}.metric strong{font-size:clamp(.95rem,1.1vw,1.35rem);display:block;letter-spacing:-.4px;margin:8px 0;overflow-wrap:anywhere}.metric-context{font-size:.7rem;line-height:1.5;display:block;color:var(--muted)}.tone-0{--tone:var(--success);--tint:var(--success-bg)}.tone-1{--tone:var(--info);--tint:var(--info-bg)}.tone-2{--tone:var(--purple);--tint:var(--purple-bg)}.tone-3{--tone:var(--warning);--tint:var(--warning-bg)}.tone-4{--tone:var(--danger);--tint:var(--danger-bg)}.tone-5{--tone:var(--primary);--tint:var(--accent)}.metric-icon{color:var(--tone);background:var(--tint)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.section-heading button{font-size:.75rem;min-height:28px;padding:4px 7px;background:transparent;color:var(--primary);border:0}.section-heading select{width:auto;font-size:.73rem;min-height:30px;padding:4px 6px;max-width:140px}.dashboard-panel{padding:16px;min-width:0}.quick-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:80px;padding:12px 5px;font-size:.7rem;font-weight:550;background:var(--tint,var(--bg));color:var(--ink);border:1px solid var(--line)}.quick-action .icon{width:23px;height:23px;color:var(--tone,var(--muted))}.quick-action:hover{border-color:var(--tone,var(--muted));box-shadow:none}.dashboard-lower{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:16px}.dashboard-lower .table-wrap{margin:0;padding:0;border:0;box-shadow:none}.dashboard-lower table{font-size:.72rem}.dashboard-lower td,.dashboard-lower th{padding:10px 5px;white-space:normal;overflow-wrap:anywhere}.dashboard-lower th{font-size:.67rem}.dashboard-lower .status-badge{font-size:.65rem;padding:3px 5px}.chart-total{font-size:1.55rem;display:block;margin:8px 0}.chart-total+small{font-size:.75rem}.sales-chart{width:100%;height:auto;margin-top:14px}.chart-grid{stroke:var(--line);stroke-dasharray:3 3}.chart-label{fill:var(--muted);font-size:10px}.chart-area{fill:var(--info);opacity:.1}.chart-line{stroke:var(--info);stroke-width:2.5;fill:none}.chart-dot{fill:var(--info)}details{font-size:.8rem}summary{cursor:pointer;color:var(--primary);padding:10px 0}.alert-item{width:100%;display:flex;gap:10px;text-align:left;background:transparent!important;color:var(--ink)!important;border:0!important;padding:10px 0!important;min-height:56px;border-radius:0;font-size:.78rem}.alert-item strong{display:block;font-size:.8rem}.alert-item small{display:block;margin-top:3px;font-weight:400;line-height:1.45}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}
/* Listas, formulários e modais compartilhados */
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{padding:13px 11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:.78rem;background:var(--bg)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg)}td button{font-size:.77rem;padding:6px 9px;min-height:34px}td .actions{margin:0;gap:6px}.table-filter{margin-bottom:16px;max-width:370px;font-size:.83rem}.status-badge,.pill{border-radius:20px;padding:4px 9px;font-size:.74rem;background:var(--info-bg);color:var(--info);display:inline-block;white-space:nowrap}.status-badge[data-status=success]{background:var(--success-bg);color:var(--success)}.status-badge[data-status=danger]{background:var(--danger-bg);color:var(--danger)}.status-badge[data-status=warning]{background:var(--warning-bg);color:var(--warning)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.wide{grid-column:1/-1}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;width:min(670px,calc(100vw - 24px));background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 25px 80px var(--overlay)}dialog h2{font-size:1.3rem;margin-bottom:22px}dialog::backdrop{background:var(--overlay)}.list-order{display:grid;gap:7px;padding:0;list-style:none}.list-order li{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:8px;gap:12px}.list-order label{display:flex;align-items:center;gap:10px}.list-order input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary)}.list-order button{padding:4px 10px;min-height:34px}.panel>h2{margin-top:18px}.cart-line{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:12px;min-width:0}.cart-line legend{font-weight:650;padding:0 6px}.cart-line>button{margin-top:12px}.cart .notice{margin-bottom:0}
/* Login */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{background:var(--nav);color:#fff;padding:clamp(32px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;gap:48px}.auth-story>img{background:#fff;padding:10px 16px;border-radius:12px;height:auto;width:290px}.auth-story h1{font-size:clamp(2.2rem,4vw,4.2rem);max-width:580px;line-height:1.12}.auth-story p{max-width:410px;font-size:1.05rem;color:var(--nav-ink)}.auth-story small{color:var(--nav-ink)}.auth-art{display:flex;gap:12px;align-items:flex-end;padding:30px 0;max-width:320px}.auth-art span{display:block;width:66px;border-radius:12px;background:var(--primary);height:90px;opacity:.5}.auth-art span:nth-child(2){height:150px;opacity:.75}.auth-art span:nth-child(3){height:210px;opacity:1}.auth-main{display:grid;place-items:center;padding:32px;background:var(--paper)}.auth-box{width:100%;max-width:390px}.auth-box form{display:grid;gap:18px}.auth-box .logo{margin-bottom:38px}
@media(min-width:1600px){.workspace{padding-left:32px;padding-right:32px}.topbar{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}.metric strong{font-size:1.35rem}}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr 1fr}.dashboard-lower>section:last-child{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric strong{font-size:1.35rem}.top-identity{max-width:180px}.top-identity strong,.top-identity small{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:900px){.app-layout{grid-template-columns:185px minmax(0,1fr)}.workspace{padding:0 18px 28px}.topbar{padding:12px 18px;margin-left:-18px;margin-right:-18px;gap:10px}.top-identity{border:0;padding:0}.top-identity>div{display:none}.dashboard-lower{grid-template-columns:1fr}.dashboard-lower>section:last-child{grid-column:auto}.metric{padding:14px 10px;gap:8px}.metric-icon{width:30px;height:30px}.metric small{white-space:normal}}
@media(max-width:700px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh}.app-layout,.compact .app-layout{display:block}.sidebar,.compact .sidebar{display:none;position:fixed;inset:0 auto 0 0;width:250px;padding:22px 14px}.sidebar.open{display:flex}.compact .sidebar .nav-label,.compact .sidebar-footer .company{display:flex}.compact #sidebar-user{display:grid}.compact .sidebar .logo{width:147px;height:auto;margin:0 10px 28px;object-fit:contain}.compact .sidebar nav button{justify-content:flex-start}.mobile-menu{display:block;font-size:.7rem;padding:8px;min-width:44px}.workspace{padding:0 14px 24px}.topbar{padding:12px 14px;margin:0 -14px 20px;gap:7px;flex-wrap:wrap}.global-search{order:4;flex-basis:100%;max-width:none}.top-identity>div{display:block}.top-identity{margin-left:auto;max-width:170px}.top-actions{margin-left:0}.topbar .icon-button{min-width:34px;padding:6px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px 10px}.metric strong{font-size:1.1rem}.metric small{font-size:.73rem}.metric-context{font-size:.65rem}.metric-icon{width:28px;height:28px}.metric-icon .icon{width:18px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action{min-height:78px;font-size:.72rem}.page-heading{margin:18px 0}.date-label{font-size:.72rem;padding:8px 10px}.page-heading p{font-size:.88rem}.panel{padding:14px}.dashboard-lower{gap:0}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.table-wrap{overflow:visible}table,tbody,tr,td{display:block;min-width:0}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody tr{border:1px solid var(--line);border-radius:9px;margin:10px 0;padding:8px}td,.dashboard-lower td{white-space:normal!important;overflow-wrap:anywhere;display:flex;justify-content:space-between;gap:12px;border:0!important;padding:6px;font-size:.85rem;align-items:flex-start}td:before{content:attr(data-label);font-size:.72rem;color:var(--muted);flex:0 0 30%;font-weight:600}td>*{min-width:0}td .actions{justify-content:flex-end}td details{max-width:100%}.table-filter{max-width:none}dialog{padding:20px}.section-heading h2{font-size:.95rem}.grid:not(.metrics){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.metrics{grid-template-columns:1fr}.top-identity>div{display:none}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#page>h2{margin:24px 0 6px}

.product-thumbnail{display:block;width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.photo-editor{display:grid;gap:14px}.photo-editor>.product-thumbnail{width:180px;height:180px;max-width:100%}.photo-editor p{margin:0}

/* Uso por toque: alvos amplos, formulários legíveis e menu com fechamento explícito. */
.sidebar #close-menu{display:none}
@media(max-width:700px){
 body.drawer-open{overflow:hidden}
 .sidebar #close-menu{display:flex;justify-content:center;border:1px solid var(--nav-ink);margin-bottom:12px;flex-shrink:0}
 .sidebar{overscroll-behavior:contain;padding-bottom:max(14px,env(safe-area-inset-bottom))}
 button,.sidebar button,.sidebar-footer button,.compact .sidebar-footer button,td button,.section-heading button,.list-order button,.topbar .icon-button{min-height:44px}
 .topbar .icon-button,.list-order button{min-width:44px}
 input,select,textarea{font-size:16px;min-height:44px}
 input[type=checkbox]{width:22px;min-height:22px}
 .section-heading{flex-wrap:wrap}
 dialog{max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}
 dialog .actions{gap:8px}
 dialog .actions>button{flex:1 1 110px}
 #page>.actions>button{flex:1 1 130px}
 .auth-main{padding:24px}
 .topbar .top-identity{max-width:135px}
}
@media(max-width:700px){.top-identity>div{min-width:0;flex:1}.top-identity strong,.top-identity small{max-width:100%}}