@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;750;800&display=swap');
:root{--purple:#6a43ee;--purple-dark:#35215f;--ink:#2d2340;--muted:#82788f;--line:#ece8f1;--page:#f6f5f9;--sidebar:#251938;--green:#228c75;--orange:#c27b25;--red:#c25d72;--font:'DM Sans',Arial,sans-serif;--head:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--head);letter-spacing:-.035em;line-height:1.3}p{color:var(--muted)}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #b39bf8;outline-offset:4px}input,select{max-width:100%}svg{flex-shrink:0}.skip-link{position:fixed;left:12px;top:10px;padding:10px 16px;background:var(--purple);color:#fff;z-index:200;transform:translateY(-180%)}.skip-link:focus{transform:none}.sidebar{width:238px;position:fixed;top:0;bottom:0;left:0;background:var(--sidebar);color:#e9e2f5;padding:31px 19px 21px;display:flex;flex-direction:column;z-index:40;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#544166 transparent}.nuvio-logo{display:flex;align-items:center;gap:8px;padding:0 10px;font:800 2.25rem/1 var(--head);letter-spacing:-.065em;color:white}.nuvio-logo img{object-fit:contain;filter:brightness(1.3);width:43px;height:43px}.nuvio-logo>span>span{color:#b7a0ff}.store-switch{display:flex;align-items:center;gap:10px;border:1px solid #ffffff16;border-radius:10px;padding:13px 10px;margin:32px 0 28px;background:#ffffff04}.store-avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:37px;border-radius:8px;background:#f0bd85;color:#49301e;font:800 1.3rem var(--head)}.store-switch strong{display:block;font-size:.875rem;font-weight:500;color:white}.store-switch>div>span{display:block;font-size:.75rem;color:#a89bb8;line-height:1.4;margin-top:4px}.nav-label{font-size:.75rem;letter-spacing:.1em;font-weight:500;color:#8f7caa;margin:0 13px 11px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 12px;color:#b9accd;border:0;background:transparent;border-radius:8px;text-align:left;font-size:.875rem;line-height:1.3;min-height:46px;transition:background .15s,color .15s}.nav-item>span:first-child{display:flex;align-items:center}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#ffffff09;color:#f0ebf8}.nav-item.active{background:var(--purple);color:#fff;box-shadow:0 5px 14px #10082320}.nav-count{font-size:.75rem;background:#ffffff16;padding:2px 5px;min-width:23px;text-align:center;border-radius:4px;margin-left:auto;color:#e5d8fc}.sidebar-bottom{margin-top:auto;padding-top:35px}.sandbox-card{background:#ffffff05;border:1px solid #ffffff10;border-radius:10px;padding:14px}.sandbox-title{font-size:.75rem;color:#bda6e6;letter-spacing:.025em;font-weight:500}.sandbox-card p{font-size:.875rem;line-height:1.65;color:#a497b6;margin-top:8px}.sandbox-card button{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.875rem;background:transparent;border:0;padding:0;margin-top:12px;color:#d6c4f7;width:100%}.owner-profile{display:flex;align-items:center;gap:10px;margin:24px 8px 0}.owner-avatar,.top-avatar{display:grid;place-items:center;background:#e8dff8;color:#7556a0;border-radius:50%;width:36px;height:36px;font-size:.75rem;font-weight:600;flex-shrink:0}.owner-avatar{background:#62478c;color:#e5d8fa}.owner-profile strong{display:block;color:#e4daef;font-size:.875rem;font-weight:500}.owner-profile>div>span{font-size:.75rem;color:#9788a7}.back-nuvio{display:block;font-size:.75rem;color:#9e8aaf;margin:20px 11px 0}.workspace{margin-left:238px;min-width:0}.topbar{height:78px;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 34px;z-index:25}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.breadcrumb{font-size:.875rem;color:#918699;display:flex;gap:13px;align-items:center}.breadcrumb>span{color:#c5bbce}.breadcrumb strong{font-weight:500;color:#62546f}.demo-badge{background:#f3eefc;color:#9678b3;border:1px solid #e9dff5;font-size:.75rem;font-weight:500;padding:5px 9px;border-radius:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;padding:10px 15px;border:1px solid transparent;border-radius:7px;font-size:.875rem;font-weight:500;line-height:1.4;transition:background .15s,box-shadow .15s}.button svg{width:17px;height:17px}.button-primary{background:var(--purple);color:white;box-shadow:0 3px 7px #6a43ee16}.button-primary:hover{background:#5731d6}.button-outline{background:white;border-color:#e3dce9;color:#675972}.button-outline:hover{background:#faf8fd}.button-soft{background:#f1ecfd;color:var(--purple);border-color:#e9e0fd}.button-soft:hover{background:#e8defa}.full-width{width:100%}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--muted);font-size:1.4rem;line-height:1;flex-shrink:0}.mobile-menu{display:none}main{padding:31px 34px 22px;max-width:1720px;margin:0 auto;min-width:0}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;color:#a58eaf}.page-intro h1{font-size:1.85rem;font-weight:750;line-height:1.25;margin-top:9px}.page-intro>div>p:last-child{font-size:.875rem;margin-top:9px;color:#8a7f95}.page-intro .button{flex-shrink:0}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.filter-fields{display:flex;align-items:center;gap:10px}.filter-fields label{display:flex;align-items:center;gap:8px;border:1px solid #e5deee;border-radius:7px;background:white;padding:0 11px;color:#9a87af}.filter-fields label svg{width:16px;height:16px}.filter-fields select{border:0;background:none;font-size:.875rem;color:#645570;padding:9px 20px 9px 0;cursor:pointer;min-height:40px}.filter-bar>span{font-size:.875rem;color:#9a8eaa}.data-note{display:flex;align-items:flex-start;gap:9px;font-size:.75rem;color:#978a9f;margin-bottom:20px;line-height:1.6}.data-note strong{font-weight:500}.data-note-mark{font:500 .7rem/1 var(--font);border:1px solid #beafcc;display:grid;place-items:center;width:14px;height:14px;flex-shrink:0;border-radius:50%;margin-top:2px}.workspace-footer{margin-top:33px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem;color:#aa9bb6}.workspace-footer button{background:none;border:0;color:#93819f;font-size:.75rem;padding:0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.kpi{padding:20px 20px 17px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:.875rem;color:#8a7c97;line-height:1.4}.kpi-top>span:first-child{padding-top:3px}.kpi-icon{background:#f4f0fb;color:#9674c6;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.kpi-icon svg{width:17px;height:17px}.kpi-value{font:750 clamp(1.35rem,1.9vw,1.9rem)/1.3 var(--head);letter-spacing:-.045em;display:block;margin-top:15px;overflow-wrap:anywhere}.kpi-bottom{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;font-size:.75rem;min-height:20px}.comparison{font-size:.75rem;font-weight:500;white-space:nowrap}.positive,.text-positive{color:var(--green)}.negative,.text-negative{color:var(--red)}.neutral{color:#ad9bb8}.comparison-note{color:#ae9fba;font-size:.75rem}.kpi-help{color:#998aa6;font-size:.75rem;line-height:1.5}.kpi-caption{color:#b0a2bb;font-size:.75rem;line-height:1.5;margin-top:5px}.grid-wide{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(260px,1fr);gap:22px;margin-bottom:22px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;min-width:0;margin-bottom:22px}.grid-wide>.panel,.grid-two>.panel,.grid-three>.panel{margin-bottom:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.panel-head h2{font-size:1rem;font-weight:700;line-height:1.45;letter-spacing:-.025em}.panel-head>div>p{font-size:.75rem;color:#a095aa;margin-top:5px;line-height:1.6}.panel-head>.button{font-size:.875rem;min-height:34px;padding:7px 10px;flex-shrink:0}.text-button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#977bac;font-size:.75rem;white-space:nowrap;padding:3px 0}.text-button svg{width:15px;height:15px}.segmented{display:flex;background:#f5f2fa;border:1px solid #ede7f4;padding:3px;border-radius:7px;flex-shrink:0}.segmented button{border:0;background:transparent;color:#a08cad;font-size:.75rem;border-radius:4px;padding:6px 10px;white-space:nowrap}.segmented button.active{background:white;box-shadow:0 1px 4px #39265112;color:#75539c}.chart-scroll{overflow-x:auto;scrollbar-width:thin}.line-chart{display:block;width:100%;min-width:440px;height:auto;overflow:visible}.line-chart circle{cursor:crosshair;opacity:0;transition:opacity .12s}.line-chart circle:hover,.line-chart circle:focus{opacity:1;outline:none}.line-chart circle:last-of-type{opacity:1}.chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:23px;margin-top:10px;font-size:.75rem;color:#a291af}.chart-legend>span{display:flex;align-items:center;gap:7px}.chart-legend i,.legend-dot{width:7px;height:7px;border-radius:2px;display:inline-block;flex-shrink:0}.bar-list{display:grid;gap:19px}.bar-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px;font-size:.875rem;color:#7d6f8b}.bar-label strong{color:#514160;font-size:.875rem;font-weight:600;white-space:nowrap}.bar-track{height:7px;background:#f4f0f9;border-radius:3px;overflow:hidden}.bar-track>span{display:block;height:100%;border-radius:3px}.bar-row>p{font-size:.75rem;margin-top:6px}.column-chart{display:flex;justify-content:space-around;gap:12px;overflow:auto;padding:12px 0 3px;scrollbar-width:thin}.column{display:flex;flex-direction:column;align-items:center;flex:1;min-width:43px;gap:9px}.column-value{font-size:.75rem;color:#9985ab;white-space:nowrap}.column-track{height:156px;width:100%;max-width:46px;display:flex;align-items:flex-end;background:#f9f7fc;border-radius:5px}.column-track>div{border-radius:5px 5px 1px 1px;width:100%;min-height:2px;cursor:crosshair}.column-label{font-size:.75rem;color:#9a8ba8;white-space:nowrap}.donut-layout{display:flex;flex-direction:column;align-items:center;gap:21px}.donut{width:158px;height:158px;border-radius:50%;padding:17px;flex-shrink:0;display:grid;place-items:center;transform:rotate(-90deg)}.donut>div{width:124px;height:124px;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;transform:rotate(90deg)}.donut strong{font:750 1.3rem var(--head);letter-spacing:-.035em}.donut span{font-size:.75rem;color:#a394b0;margin-top:2px}.donut-legend{width:100%;display:grid;gap:11px}.donut-legend>div{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#8d7c9e}.donut-legend strong{font-size:.875rem;color:#61516f;margin-left:auto;font-weight:600}.operation-total{display:flex;align-items:baseline;gap:12px;margin-top:-6px}.operation-total>strong{font:750 2.2rem var(--head);letter-spacing:-.06em}.operation-total>span{font-size:.875rem;color:#9e8bac}.operation-list{display:grid;gap:0;margin:15px 0 18px}.operation-list button{display:flex;align-items:center;gap:10px;font-size:.875rem;border:0;background:white;border-bottom:1px solid #f3eef8;padding:11px 0;color:#9886a8;text-align:left}.operation-list button:hover{color:#684286}.operation-list strong{margin-left:auto;font-weight:600;color:#665274}.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#b69acb}.status-dot.novo{background:#9b78e5}.status-dot.preparo{background:#e5b563}.status-dot.pronto{background:#75a2d1}.status-dot.entrega{background:#6abbb3}.status-dot.concluido{background:#76b698}.ranking-list{display:grid;gap:0;margin-top:-7px}.ranking-list>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f4eff8}.ranking-list>div:last-child{border:0}.ranking-list img{width:40px;height:40px;object-fit:cover;border-radius:7px}.rank-number{font-size:.75rem;color:#b09cbd;min-width:12px}.rank-name{font-size:.875rem;font-weight:500;line-height:1.4;flex:1;min-width:0}.rank-name small{display:block;font-size:.75rem;color:#a796b4;font-weight:400;margin-top:3px}.ranking-list>div>strong{font-size:.875rem;font-weight:600;text-align:right}.ranking-list>div>strong>small{font-size:.75rem;font-weight:400;display:block;color:#aa9ab4}.product-letter{height:40px;width:40px;flex-shrink:0;border-radius:7px;background:#f3eef8;color:#b393ca;display:grid;place-items:center;font-size:1rem}.month-value{font:750 1.85rem var(--head);letter-spacing:-.045em;margin-top:9px}.metric-muted{color:#a998b6;font-size:.875rem;margin-top:4px}.goal-progress{height:8px;background:#f2edf9;border-radius:5px;margin-top:27px;overflow:hidden}.goal-progress span{display:block;height:100%;background:var(--purple);border-radius:5px}.goal-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;font-size:.75rem;color:#af9bbe}.goal-caption strong{font-weight:500;color:#9b7cb4}.insight-note{display:flex;align-items:flex-start;gap:11px;padding:14px;background:#f9f6fd;border:1px solid #f2ecfa;border-radius:8px;margin-top:27px}.insight-note>span{color:#a389c0;padding-top:2px}.insight-note svg{width:17px}.insight-note p{font-size:.875rem;line-height:1.7;color:#a08cac}.insight-note strong{color:#7d5b92;font-weight:500}
.table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left;white-space:normal}th{color:#ac9cb8;font-size:.75rem;font-weight:500;padding:0 12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}td{padding:15px 12px;border-bottom:1px solid #f2edf6;color:#7f6e8d;vertical-align:middle;line-height:1.5}tr:last-child td{border-bottom:0}.strong{font-weight:600;color:#62506f}.nowrap{white-space:nowrap}.muted{color:#a895b5}.cell-sub{display:block;font-size:.75rem;font-weight:400;color:#b09bbd;margin-top:3px}.table-order{font-size:.875rem;font-weight:600;border:0;background:none;padding:0;color:#725289}.row-open{border:1px solid #eee5f6;background:white;border-radius:6px;color:#bca6cc;height:28px;width:28px}.status{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:.75rem;border-radius:5px;white-space:nowrap;background:#f1eaf9;color:#8d6ba5;font-weight:500}.status.novo{background:#eee7fd;color:#9674c6}.status.preparo{background:#fcf2de;color:#c09953}.status.pronto{background:#ebf1f9;color:#82a1c2}.status.entrega{background:#e9f5f3;color:#75a89f}.status.concluido{background:#ecf6f0;color:#7aaa8f}.status.cancelado{background:#faeaf0;color:#c4869c}.channel-tag{background:#faf7fc;border:1px solid #f0e7f7;padding:3px 7px;border-radius:4px;font-size:.75rem;white-space:nowrap;color:#ae96bc}.table-empty{text-align:center;padding:35px;color:#a98db9}.order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.order-summary>div{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:9px;padding:17px}.order-summary strong{font:700 1.4rem var(--head)}.order-summary>div>span:last-child{font-size:.875rem;color:#a28aaf;line-height:1.4}.orders-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:17px;margin-bottom:20px}.orders-toolbar>div:first-child{display:flex;align-items:center;gap:13px}.today-chip{display:inline-flex;align-items:center;gap:8px;color:#8e72a3;font-size:.875rem}.today-chip svg{width:16px;height:16px}.subtle{font-size:.75rem;color:#b39bbe}.orders-controls{display:flex;align-items:center;gap:9px}.orders-controls select,.panel-head>select{background:white;border:1px solid #e9dfef;border-radius:7px;padding:9px 25px 9px 11px;font-size:.875rem;color:#9c84ad}.search-field{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e9dfef;border-radius:7px;padding:9px 12px;color:#b09cbe}.search-field svg{width:16px;height:16px}.search-field input{border:0;outline:none;font-size:.875rem;background:transparent;max-width:180px;min-width:0;color:#7e6590}.search-field input::placeholder{color:#b9a2c6}.kanban{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:17px;overflow-x:auto;align-items:start;padding-bottom:14px;scrollbar-width:thin}.kanban-column{padding:14px 11px 9px;background:#efebf4;border:1px solid #e8e0f0;border-radius:11px;min-height:460px}.kanban-heading{display:flex;align-items:center;gap:8px;padding:0 6px 16px}.kanban-heading h2{font-size:.875rem;font-weight:600;color:#8b709d}.kanban-heading>span:last-child{margin-left:auto;font-size:.75rem;color:#aa90bb;background:white;border-radius:4px;padding:1px 6px}.order-card{border:1px solid #e9e0f0;border-radius:8px;padding:15px;background:white;margin-bottom:11px;box-shadow:0 3px 5px #31184603}.order-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.order-card-top button{border:0;background:none;padding:0;color:#826195;font-weight:600;font-size:.875rem}.order-card-top>span{font-size:.75rem;color:#b59ac3}.order-card>strong{font-size:.875rem;font-weight:500;color:#76607f}.order-card>p{font-size:.875rem;line-height:1.7;color:#ad95ba;margin-top:8px;min-height:45px}.order-card-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.75rem;color:#bda3c8;margin-top:14px}.order-card-meta>span:last-child{font-weight:600;color:#9673a6;font-size:.875rem}.order-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid #f5eef9}.order-card-bottom>span{font-size:.75rem;color:#b89cc6}.order-advance{display:flex;align-items:center;gap:5px;border:0;background:#f3eafa;color:#9c71b4;padding:7px 8px;border-radius:5px;font-size:.75rem}.order-advance svg{width:13px;height:13px}.kanban-empty{padding:35px 12px;text-align:center;font-size:.875rem;color:#b49bc3}.connection-note{margin-top:22px;display:flex;align-items:center;gap:17px;padding:20px;border:1px solid #e4d8f3;background:#f1ebfa;border-radius:10px;color:#a183bc}.connection-note>div{flex:1}.connection-note strong{font-size:.875rem;font-weight:600;color:#9570aa}.connection-note p{font-size:.875rem;color:#af95bf;margin-top:4px}.connection-note .button{font-size:.875rem}
.chart-footnote{font-size:.75rem;line-height:1.75;color:#a895b4;margin-top:21px}.heatmap{display:grid;grid-template-columns:32px repeat(6,minmax(0,1fr));gap:7px;align-items:center}.heat-label{font-size:.75rem;color:#aa96b8;text-align:center}.heat-cell{height:30px;display:grid;place-items:center;border-radius:4px;font-size:.75rem;cursor:crosshair}.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:.75rem;color:#b8a0c4;margin-top:17px}.heat-legend i{display:block;height:8px;width:68px;background:linear-gradient(90deg,#f4effb,#9d7bdc,#6940db);border-radius:3px}.product-cell{display:flex;align-items:center;gap:11px;min-width:180px}.product-cell img{width:42px;height:42px;object-fit:cover;border-radius:7px}.product-cell strong{font-weight:500;font-size:.875rem;white-space:nowrap;color:#8e709e}.product-cell small{display:block;font-size:.75rem;color:#bba2c7;margin-top:3px}.table-progress{display:inline-flex;width:58px;height:5px;background:#f4eafb;border-radius:3px;margin-right:9px;vertical-align:middle}.table-progress>span{height:100%;background:#b79ad5;border-radius:3px}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell strong{font-weight:500}.customer-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0e5fa;color:#a078bb;font-size:.875rem;flex-shrink:0}.big-number{font:750 2.5rem var(--head);letter-spacing:-.05em;color:#8e6ba6;margin-top:5px}.coupon-insight{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#fbf6fe;border:1px solid #f5eafb;border-radius:8px;margin-top:24px}.coupon-insight>span{color:#bc99d1}.coupon-insight p{font-size:.875rem;line-height:1.75;color:#b492c6}.coupon-insight strong{font-weight:500;color:#9d76b1}.coupon-code{display:inline-block;font-family:var(--head);font-size:.875rem;color:#9d6eb7;letter-spacing:.02em;background:#f7eefc;padding:4px 7px;border:1px dashed #e9d7f4;border-radius:4px}.table-actions{display:flex;gap:10px}.table-actions button{font-size:.75rem;padding:6px 0;border:0;background:none;color:#b393c4}.table-actions button:hover{color:var(--purple)}.district-rank{display:inline-block;font-size:.75rem;color:#c4a7d2;min-width:25px}.district-rank+strong{font-weight:500;white-space:nowrap;color:#a481b7}.delivery-simulator{display:grid;gap:16px}.delivery-simulator label,.recurring-inputs label,form>label,.form-grid>label{display:grid;gap:7px;font-size:.875rem;color:#9671aa}.delivery-simulator input,.recurring-inputs input,form input,form select{background:#fff;border:1px solid #e4d5ef;border-radius:6px;padding:10px 11px;min-width:0;font-size:1rem;color:#825898;width:100%;min-height:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sim-result{background:#f5eefa;border-radius:8px;padding:16px;display:grid;gap:12px}.sim-result>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.sim-result span{font-size:.875rem;color:#b190c4}.sim-result strong{color:#8b5ca9;font-weight:600;font-size:1.1rem}.form-note{font-size:.75rem;line-height:1.75;color:#b290c6}.finance-lines{display:grid;gap:0}.finance-lines>div{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:12px 0;color:#9d7dae;font-size:.875rem;border-bottom:1px solid #f3eafb}.finance-lines strong{font-weight:500;white-space:nowrap}.finance-lines>.minus{color:#b59ac3}.finance-lines>.subtotal{font-weight:600;color:#9972ac;background:#fcf9fe;padding:12px 10px;margin:0 -10px}.finance-lines>.final{font-weight:600;font-size:1rem;color:#85559f;background:#f2e8fa;padding:15px 12px;margin:12px -12px 0;border-radius:7px;border-bottom:0}.finance-lines>.final strong{font-weight:700}.payment-breakdown{display:grid;gap:12px;margin-top:25px;border-top:1px solid #f1e6f9;padding-top:18px}.payment-breakdown>div{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#b393c4;gap:15px}.payment-breakdown strong{color:#a57bb9;font-weight:500}.recurring-panel{background:#35215f;color:white;padding:28px;border-radius:12px;margin-top:22px}.recurring-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.scenario-label{font-size:.75rem;letter-spacing:.075em;color:#c0a6eb}.recurring-head h2{font-size:1.45rem;margin-top:10px}.recurring-head p{font-size:.875rem;color:#bda6d7;margin-top:10px;max-width:700px;line-height:1.7}.recurring-icon{background:#ffffff0c;color:#b895e5;display:grid;place-items:center;width:57px;height:57px;border:1px solid #ffffff15;border-radius:13px}.recurring-icon svg{width:26px;height:26px}.recurring-grid{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;gap:30px;align-items:center;margin-top:27px}.recurring-inputs{display:grid;gap:13px}.recurring-inputs label{color:#bd9ad9;font-size:.875rem}.recurring-inputs input{background:#ffffff09;border-color:#ffffff1c;color:white}.recurring-metric{padding-left:20px;border-left:1px solid #ffffff1c}.recurring-metric>span{font-size:.875rem;color:#c1a4df;display:block}.recurring-metric>strong{display:block;font:750 1.85rem var(--head);letter-spacing:-.04em;margin-top:10px;color:#efe3ff}.recurring-metric>small{display:block;font-size:.75rem;color:#b193ca;margin-top:10px}.recurring-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff19;margin-top:27px;padding-top:20px;font-size:.75rem;color:#a98bc4}.recurring-foot button{border:0;background:none;color:#ceb0ee;font-size:.75rem;padding:0}
dialog{border:1px solid #e5d8ee;border-radius:16px;width:min(560px,calc(100% - 30px));max-height:calc(100dvh - 32px);padding:28px;color:var(--ink);background:white;overflow:auto;box-shadow:0 25px 100px #24143744}dialog::backdrop{background:#24133877;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:23px}.dialog-head h2{font-size:1.6rem;margin-top:9px;color:#72518a}.dialog-head .eyebrow{color:#b293c7}.dialog-head .icon-button{font-size:1.5rem;color:#b794cd}.form-dialog form{display:grid;gap:20px}.form-error{font-size:.875rem;color:#bd668c;background:#fceaf2;padding:10px;border-radius:6px}.side-dialog{width:480px;height:100dvh;max-height:100dvh;max-width:calc(100% - 16px);margin:0 0 0 auto;border-radius:16px 0 0 16px;padding:29px}.order-detail-status{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.875rem;color:#b396c4}.detail-customer{display:flex;align-items:center;gap:12px;padding:23px 0;border-bottom:1px solid #f0e6f7;margin-bottom:7px}.detail-customer strong{font-weight:500;font-size:1rem;color:#9d75b1}.detail-customer small{display:block;color:#b799c7;font-size:.75rem;margin-top:4px}.detail-items>div{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #f4ebfa;font-size:.875rem;color:#a780bc}.detail-items strong{font-weight:500}.detail-items>div>strong{white-space:nowrap}.detail-items small{display:block;color:#bf9cce;overflow-wrap:anywhere;line-height:1.5;margin-top:7px}.detail-totals{margin:17px 0;display:grid;gap:13px}.detail-totals>div{display:flex;justify-content:space-between;gap:20px;font-size:.875rem;color:#ba98cc}.detail-totals dd{margin:0;white-space:nowrap}.detail-totals .detail-grand{border-top:1px solid #efddf8;padding-top:17px;margin-top:4px;color:#9765af;font-size:1.15rem;font-weight:600}.detail-payment{display:flex;justify-content:space-between;gap:20px;border:1px solid #f1e6f8;background:#fcf9fe;padding:15px;border-radius:7px;color:#b693c9;font-size:.875rem}.detail-payment strong{font-weight:500;color:#a67bbd}.order-timeline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:28px 0}.order-timeline>span{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;font-size:.75rem;text-align:center;color:#d2b8df;line-height:1.5}.order-timeline i{display:block;width:10px;height:10px;border-radius:50%;background:#f0e4f9;border:2px solid white;outline:1px solid #e8d4f4}.order-timeline .reached{color:#9e70b6}.order-timeline .reached i{background:#b594da;outline-color:#d6bce9}.cancel-order{width:100%;padding:13px;border:0;background:white;color:#c099b9;font-size:.875rem;margin-top:8px}.side-dialog>.form-note,.side-dialog .form-note{text-align:center;margin-top:18px}.help-dialog{width:min(660px,calc(100% - 30px))}.help-content h3{font-size:1rem;margin:23px 0 9px;color:#9d73b4}.help-content p{font-size:.94rem;line-height:1.8;color:#b18ac4}.help-content dt{font-size:.875rem;font-weight:600;color:#a071b8;margin-top:16px}.help-content dd{margin:6px 0 0;color:#b597c5;font-size:.875rem;line-height:1.8}.help-content>.form-note{font-size:.875rem;padding:15px;background:#fbf5ff;border-radius:7px;margin-top:20px}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);background:#35215f;color:#f2eafa;border:1px solid #ffffff14;padding:13px 19px;border-radius:9px;box-shadow:0 10px 35px #2f194433;z-index:80;font-size:.875rem;max-width:min(540px,calc(100% - 32px));width:max-content;line-height:1.6}.chart-tooltip{position:fixed;max-width:220px;background:#3a2355;color:#f5eafb;border:1px solid #ffffff10;border-radius:6px;padding:9px 12px;box-shadow:0 3px 15px #2b193544;font-size:.75rem;pointer-events:none;z-index:70}.empty-state{padding:50px;text-align:center;font-size:.94rem;color:#aa87bb}.sidebar-backdrop{position:fixed;inset:0;z-index:39;background:#1b102960;border:0;backdrop-filter:blur(3px)}
/* Keep chart and table text legible against quiet surfaces. */
.bar-label,.rank-name,.product-cell strong,.customer-cell strong,td,.finance-lines>div,.detail-items>div,.detail-customer strong,.detail-payment strong{color:#675473}
.finance-lines>div>span>small{display:block;font-size:.75rem;color:#93819f;margin-top:3px;line-height:1.5}.finance-lines .link-button{color:#7955ad}.finance-lines>.minus>strong{color:#8c6f9c}.kpi-top,.operation-list button,.donut-legend>div,.metric-muted,.order-summary>div>span:last-child,.table-actions button,.district-rank+strong,.delivery-simulator label,.form-grid>label,form>label{color:#80678f}.kpi-help,.kpi-caption,.comparison-note,.panel-head>div>p,.chart-footnote,.cell-sub,.product-cell small,.rank-name small,.data-note,.filter-bar>span,.form-note,.heat-label,.column-label,.column-value,.chart-legend,.workspace-footer,.workspace-footer button{color:#93819f}.help-content p,.help-content dd,.order-card>p,.order-card-meta,.order-card-bottom>span,.detail-items small,.detail-totals>div,.detail-payment,.connection-note p{color:#91759f}.help-content h3,.help-content dt,.dialog-head h2,.detail-totals .detail-grand{color:#79528f}.status.concluido{color:#408062}.status.novo{color:#7955ad}.status.preparo{color:#a3772d}.status.pronto{color:#577da8}.status.entrega{color:#428b7f}.status.cancelado{color:#ab5f7b}.coupon-code,.order-advance,.order-card-top button{color:#8b5ba7}.coupon-insight p,.insight-note p{color:#9474a4}.text-positive{color:var(--green)}.text-negative{color:var(--red)}
@media(min-width:1700px){main{padding:36px 45px}.kpi{padding:24px}.kpi-value{font-size:2rem}.panel{padding:27px}.topbar{padding:0 45px}.grid-wide{grid-template-columns:minmax(0,2.2fr) minmax(320px,1fr)}}
@media(max-width:1250px){.sidebar{width:222px;padding-left:13px;padding-right:13px}.workspace{margin-left:222px}main{padding:28px 24px}.topbar{padding:0 24px}.kpi-grid{gap:13px}.kpi{padding:17px}.kpi-top{font-size:.875rem}.kpi-icon{width:26px;height:26px}.kpi-value{font-size:1.6rem}.grid-wide{grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:18px}.grid-three{gap:18px}.panel{padding:20px}.panel-head{gap:12px}.panel-head h2{font-size:.94rem}.grid-three>.panel .panel-head .text-button{display:none}.ranking-list>div{gap:8px}.rank-name{font-size:.875rem}.ranking-list img{width:33px;height:33px}.month-value{font-size:1.5rem}.donut{width:144px;height:144px;padding:15px}.donut>div{width:114px;height:114px}.donut strong{font-size:1.1rem}.recurring-grid{gap:20px}.recurring-metric{padding-left:15px}.recurring-metric>strong{font-size:1.5rem}.order-summary{gap:10px}.order-summary>div{padding:14px;gap:8px}.order-summary>div>span:last-child{font-size:.75rem}.topbar-right{gap:13px}}
@media(max-width:1050px){.sidebar{transform:translateX(-100%);width:238px;transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar-left{gap:15px}.toast{left:50%}.topbar{height:72px}.page-intro h1{font-size:1.8rem}.kpi-top{font-size:.875rem}.kpi-value{font-size:1.6rem}.grid-wide{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}}
@media(max-width:800px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.kpi{padding:20px}.kpi-value{font-size:1.8rem}.grid-wide{grid-template-columns:1fr}.grid-two{grid-template-columns:1fr}.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three>.panel:last-child{grid-column:1/-1}.operation-list{grid-template-columns:repeat(2,1fr);gap:0 25px}.operation-total{margin-top:0}.operation-list+.button{max-width:300px}.page-intro{align-items:flex-start}.page-intro h1{max-width:480px}.page-intro .button{margin-top:9px;max-width:150px}.line-chart{min-width:440px}.grid-two .donut-layout{flex-direction:row;justify-content:center;gap:35px}.grid-two .donut-legend{max-width:240px}.recurring-grid{grid-template-columns:1fr 1fr;gap:25px}.recurring-inputs{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px}.recurring-metric{padding-left:0;border:0}.recurring-metric>strong{font-size:1.8rem}.recurring-icon{display:none}.order-summary{grid-template-columns:1fr 1fr}.orders-controls{width:100%;flex-wrap:wrap}.orders-controls .search-field{flex:1}.orders-controls .search-field input{max-width:none;width:100%}.connection-note{align-items:flex-start;flex-wrap:wrap}.connection-note>.button{margin-left:37px}.panel-head h2{font-size:1rem}.donut{width:158px;height:158px}.donut>div{width:128px;height:128px}.donut strong{font-size:1.2rem}}
@media(max-width:600px){main{padding:24px 16px 19px}.topbar{height:65px;padding:0 16px;gap:14px}.topbar-left{gap:10px;min-width:0}.breadcrumb{font-size:.875rem}.breadcrumb>span,.breadcrumb{gap:8px}.breadcrumb{font-size:0}.breadcrumb>span{display:none}.breadcrumb strong{font-size:.875rem;font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:8px}.top-avatar{display:none}.demo-badge{display:none}.site-link{font-size:.75rem;padding:9px 10px;min-height:34px;gap:7px}.site-link svg{width:14px;height:14px}.page-intro{flex-direction:column;gap:16px}.page-intro h1{font-size:1.65rem;margin-top:8px}.page-intro>div>p:last-child{font-size:.875rem;line-height:1.7}.page-intro .button{margin:0;max-width:none;font-size:.875rem;padding:11px 14px}.eyebrow{font-size:.75rem}.filter-bar{align-items:flex-start;flex-direction:column;gap:10px}.filter-fields{width:100%;gap:8px}.filter-fields label{padding:0 9px;flex:1;min-width:0;gap:5px}.filter-fields select{font-size:.875rem;min-width:0;width:100%;padding-right:2px}.filter-fields label svg{width:14px;height:14px}.data-note{font-size:.75rem;line-height:1.65;margin-bottom:18px}.kpi-grid{gap:11px;margin-bottom:17px}.kpi{padding:16px 14px}.kpi-top{font-size:.875rem;gap:8px;line-height:1.5}.kpi-icon{display:none}.kpi-value{font-size:1.5rem;margin-top:12px}.kpi-bottom{font-size:.75rem;gap:5px;margin-top:10px}.kpi-caption{font-size:.75rem;line-height:1.6}.comparison-note{font-size:.75rem}.grid-wide,.grid-two,.grid-three{gap:17px;margin-bottom:17px}.grid-three{grid-template-columns:1fr}.grid-three>.panel:last-child{grid-column:auto}.panel{padding:18px;margin-bottom:17px;border-radius:10px}.panel-head{gap:12px;margin-bottom:22px;flex-wrap:wrap}.panel-head h2{font-size:1rem}.panel-head>div>p{font-size:.75rem;line-height:1.7}.line-chart{min-width:490px}.chart-legend{justify-content:flex-start;gap:16px;font-size:.75rem}.grid-three>.panel .panel-head .text-button{display:flex}.donut-layout,.grid-two .donut-layout{flex-direction:row;gap:25px;justify-content:center;flex-wrap:wrap}.donut-legend,.grid-two .donut-legend{flex:1;min-width:135px;max-width:240px}.donut{width:140px;height:140px;padding:15px}.donut>div{width:110px;height:110px}.donut strong{font-size:1.1rem}.ranking-list>div{gap:12px}.ranking-list img{width:43px;height:43px}.rank-name{font-size:.875rem}.month-value{font-size:1.8rem}.goal-progress{margin-top:22px}.insight-note{margin-top:20px}.bar-label{font-size:.875rem}.bar-list{gap:20px}.column-chart{gap:10px;justify-content:flex-start}.column{min-width:40px}.column-value{font-size:.75rem}.column-track{height:135px}.heatmap{grid-template-columns:27px repeat(6,minmax(0,1fr));gap:5px}.heat-cell{height:30px;font-size:.75rem}.heat-label{font-size:.75rem}.heat-legend{font-size:.75rem;gap:6px}.table-scroll table{min-width:600px}.order-summary{gap:10px}.order-summary>div{flex-wrap:wrap;gap:7px;padding:14px}.order-summary>div>span:last-child{flex-basis:100%;font-size:.875rem}.order-summary strong{font-size:1.4rem}.orders-toolbar>div:first-child{gap:10px}.orders-controls{gap:10px}.orders-controls .search-field{flex-basis:100%;padding:11px 13px}.orders-controls select{flex:1}.orders-controls .segmented{margin-left:auto}.kanban{grid-template-columns:repeat(4,265px);gap:13px}.connection-note{padding:18px;gap:12px}.connection-note p{font-size:.875rem;line-height:1.7}.connection-note>div{min-width:200px}.connection-note>.button{margin-left:0}.recurring-panel{padding:22px;border-radius:10px}.recurring-head h2{font-size:1.3rem}.recurring-head p{font-size:.875rem;line-height:1.75}.scenario-label{font-size:.75rem;line-height:1.7}.recurring-grid{grid-template-columns:1fr;gap:25px}.recurring-inputs{grid-template-columns:1fr 1fr;gap:12px}.recurring-metric>strong{font-size:1.85rem}.recurring-metric{padding-top:19px;border-top:1px solid #ffffff16}.recurring-metric>span{font-size:.875rem}.recurring-foot{align-items:flex-start;flex-direction:column;gap:14px;line-height:1.7}.workspace-footer{flex-direction:column;align-items:flex-start;gap:12px;font-size:.75rem;line-height:1.7}.workspace-footer button{font-size:.75rem}.form-grid{gap:12px}.sim-result>div{align-items:flex-start}.sim-result strong{font-size:1rem;white-space:nowrap}.sim-result span{font-size:.875rem}.finance-lines>div{font-size:.875rem}.finance-lines>.final{font-size:.94rem}.form-dialog,.help-dialog{padding:23px}.dialog-head h2{font-size:1.4rem}.side-dialog{padding:24px}.detail-items>div{font-size:.875rem}.order-timeline{gap:5px}.order-timeline>span{font-size:.75rem}.toast{bottom:18px;padding:12px 16px;font-size:.875rem}.help-content p{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.kpi-help,.kpi-caption,.comparison-note,.panel-head>div>p,.chart-footnote,.cell-sub,.product-cell small,.rank-name small,.data-note,.filter-bar>span,.form-note,.heat-label,.column-label,.column-value,.chart-legend,.workspace-footer,.workspace-footer button{color:#7d6d88}

.line-chart{min-width:560px}.kpi-top{font-size:.875rem}

/* ───────────── Nuvio 0.5 · painel conectado: modos, estados e animações ───────────── */
[data-mode="demo"] .only-connected,[data-mode="connected"] .only-demo{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--ease:cubic-bezier(.2,.7,.2,1);--warning:#a3772d}
.link-button{border:0;background:none;padding:0;color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.store-switch>div{min-width:0}.store-switch strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-state{display:inline-flex!important;align-items:center;gap:6px;font-size:.75rem;margin-top:6px!important;color:#c9b8e6!important}
.store-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#8f7caa}
.store-state.is-open:before{background:#5fd0a8}.store-state.is-closed:before{background:#e88aa1}
.store-select{width:100%;margin:-16px 0 24px;background:#ffffff08;border:1px solid #ffffff1a;color:#e9e2f5;border-radius:8px;padding:9px 10px;font-size:.875rem}
.store-select option{color:#231b33}
.sandbox-card button+button{margin-top:8px}
.owner-profile .link-button{color:#b9a8d2;font-size:.75rem}
.nav-count:empty{display:none}
.connection-pill{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:500;padding:6px 10px;border-radius:20px;border:1px solid var(--line);background:#fff;color:#6c5d7b;white-space:nowrap}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#b8a9c8;flex-shrink:0}
.conn-live .pulse-dot{background:#2aa37f;box-shadow:0 0 0 0 #2aa37f66;animation:live-pulse 2.4s var(--ease) infinite}
.conn-live{color:#257a61;border-color:#cdeadf;background:#f2fbf7}
.conn-polling .pulse-dot{background:#d29b3c}.conn-polling{color:#8b6420;border-color:#f1dfbd;background:#fdf8ee}
.conn-offline .pulse-dot{background:#c25d72}.conn-offline{color:#a64d63;border-color:#f3d2db;background:#fdf3f6}
.conn-demo .pulse-dot{background:#a68af4}
@keyframes live-pulse{0%{box-shadow:0 0 0 0 #2aa37f55}70%{box-shadow:0 0 0 7px #2aa37f00}100%{box-shadow:0 0 0 0 #2aa37f00}}
#sound-toggle[aria-pressed="true"]{background:#f1ecfd;color:var(--purple);border-color:#ddd0fb}
.filter-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#7d6d88}
.filter-meta #updated-at{font-size:.75rem;color:#93819f}
.filter-meta .icon-button svg{width:16px;height:16px}
.filter-meta .icon-button:hover{color:var(--purple)}

/* Tabs e segmentos */
.view-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto;scrollbar-width:none}
.view-tabs button{border:0;background:none;padding:11px 16px 13px;font-size:.875rem;color:#7d6d88;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .2s}
.view-tabs button.active{color:var(--purple);border-bottom-color:var(--purple);font-weight:600}
.view-tabs button:hover{color:#5a3fb5}
.segmented button{transition:background .15s,color .15s,box-shadow .15s}
.segmented button:disabled{opacity:.45}

/* Estados */
.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:44px 20px;color:#7d6d88}
.empty-state strong{font:700 1.05rem var(--head);color:#3d2d52;letter-spacing:-.02em}
.empty-state p{max-width:460px;font-size:.875rem;line-height:1.7;color:#7d6d88}
.empty-state .button{margin-top:6px}
.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f1ecfd;color:var(--purple)}
.empty-chart{padding:46px 16px;text-align:center;font-size:.875rem;color:#93819f;background:#fbfafd;border:1px dashed #e7e0f0;border-radius:10px}
.error-panel{display:grid;gap:12px;justify-items:start;border-color:#f0d6de}
.error-panel strong{font:700 1.1rem var(--head);color:#3d2d52}
.error-panel p{font-size:.94rem;line-height:1.7;max-width:620px}
.skeleton{min-height:130px;background:linear-gradient(100deg,#f4f1f8 30%,#faf8fc 50%,#f4f1f8 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite;border-color:#efeaf5}
.skeleton.tall{min-height:320px}
@keyframes shimmer{to{background-position:-150% 0}}
.text-warning{color:var(--warning)!important}
.form-error{font-size:.875rem;color:#a64d63;background:#fcecf1;padding:10px 12px;border-radius:7px}
.today-line{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:#80678f;background:#faf8fd;border:1px solid #f0eaf7;border-radius:8px;padding:10px 12px;margin:-4px 0 16px}
.today-line strong{color:#4b3a5c;font-weight:600}
.dialog-loading{padding:60px 0;text-align:center;color:#93819f}

/* Pedidos */
.order-card>p small{color:#9a83a8;font-size:.75rem}
.order-card-note{font-size:.75rem!important;min-height:0!important;background:#fff8ec;border-radius:5px;padding:6px 8px;color:#8b6420!important;margin-top:8px!important}
.order-card{transition:box-shadow .2s,transform .2s}
.order-card:hover{box-shadow:0 6px 18px #31184610}
.order-card.is-new{animation:new-card 1.6s var(--ease)}
@keyframes new-card{0%{opacity:0;transform:translateY(-10px) scale(.98);box-shadow:0 0 0 3px #6a43ee66}35%{opacity:1;transform:none;box-shadow:0 0 0 3px #6a43ee55}100%{box-shadow:0 3px 5px #31184603}}
.order-advance{transition:background .15s,color .15s}
.order-advance:hover{background:var(--purple);color:#fff}
.subtle.conn-offline{color:#a64d63}.subtle.conn-polling{color:#8b6420}.subtle.conn-live{color:#257a61}
.detail-address{display:grid;gap:4px;font-size:.875rem;color:#675473;padding:14px;border:1px solid #f1e6f8;border-radius:8px;margin:12px 0 4px}
.detail-address strong{color:#4b3a5c;font-weight:600}
.detail-address small{color:#93819f;font-size:.75rem}
.detail-customer small a{color:var(--purple)}
.detail-note{font-size:.875rem;background:#fff8ec;color:#7a5a1e;border-radius:7px;padding:10px 12px;margin:12px 0}
.detail-payment{align-items:center}
.detail-payment>span{display:grid;gap:3px}
.detail-payment small{font-size:.75rem;color:#93819f}
.detail-payment .button{min-height:34px;padding:6px 10px;font-size:.75rem}
.detail-history{margin-top:18px;border-top:1px solid #f0e6f7;padding-top:12px}
.detail-history summary{cursor:pointer;font-size:.875rem;font-weight:600;color:#6c4f85}
.detail-history ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.detail-history li{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;color:#675473}
.detail-history li .status-dot{margin-top:7px}
.detail-history small{display:block;font-size:.75rem;color:#93819f}
.detail-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.cancel-order:hover{color:#a64d63}

/* Cardápio */
.menu-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.menu-stats{font-size:.875rem;color:#7d6d88}.menu-stats strong{color:#3d2d52}
.menu-actions{display:flex;gap:8px;flex-wrap:wrap}
.menu-category{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 18px 10px;margin-bottom:16px}
.menu-category.is-inactive{background:#fbfafc;border-style:dashed}
.menu-category-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0 10px;border-bottom:1px solid #f2edf6}
.menu-category-head h2{font-size:1rem;font-weight:700}
.menu-category-head span{font-size:.75rem;color:#93819f}
.menu-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #f4f0f8;transition:background .2s,opacity .2s}
.menu-item:last-child{border-bottom:0}
.menu-item.is-paused .menu-thumb,.menu-item.is-paused .menu-info{opacity:.55}
.menu-thumb{width:56px;height:56px;border-radius:9px;background:#f4f0f9;display:grid;place-items:center;color:#b19bc8;overflow:hidden}
.menu-thumb img{width:100%;height:100%;object-fit:cover}
.menu-info{min-width:0;display:grid;gap:3px}
.menu-info strong{font-size:.94rem;font-weight:600;color:#3d2d52}
.menu-info>span{font-size:.8125rem;color:#80678f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.tag{font-style:normal;font-size:.6875rem;font-weight:500;padding:2px 7px;border-radius:5px;background:#f6f0e8;color:#7a5a37}
.tag-purple{background:#efe8fd;color:#6a43ee}.tag-soft{background:#f4f1f8;color:#7d6d88}
.menu-price{font:700 .94rem var(--head);color:#3d2d52;white-space:nowrap}
.menu-empty{font-size:.875rem;color:#93819f;padding:16px 0}
.menu-archived{background:#fbfafc;border:1px dashed #e4dcee;border-radius:12px;padding:12px 18px;margin-bottom:16px}
.menu-archived summary{cursor:pointer;font-size:.875rem;font-weight:600;color:#6c4f85}
.row-actions{display:flex;align-items:center;gap:4px}
.icon-mini{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ece5f3;border-radius:7px;background:#fff;color:#7d6d88;transition:background .15s,color .15s,border-color .15s}
.icon-mini svg{width:16px;height:16px}
.icon-mini:hover:not(:disabled){background:#f4effd;color:var(--purple);border-color:#ddd0fb}
.icon-mini:disabled{opacity:.35}
.group-list{display:grid;gap:0}
.group-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #f4f0f8}
.group-row:last-child{border-bottom:0}
.group-row strong{font-size:.94rem;color:#3d2d52}
.group-row span{display:block;font-size:.75rem;color:#93819f;margin-top:3px}
.group-row p{font-size:.8125rem;margin-top:6px;color:#675473}

/* Interruptor acessível */
.switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch>span[aria-hidden]{width:38px;height:22px;border-radius:22px;background:#ddd5e7;position:relative;transition:background .2s var(--ease);flex-shrink:0}
.switch>span[aria-hidden]:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2c1a4433;transition:transform .2s var(--ease)}
.switch input:checked+span[aria-hidden]{background:#2aa37f}
.switch input:checked+span[aria-hidden]:after{transform:translateX(16px)}
.switch input:focus-visible+span[aria-hidden]{outline:3px solid #b39bf8;outline-offset:3px}
.switch input:disabled+span[aria-hidden]{opacity:.45}
.switch em{font-style:normal;font-size:.75rem;color:#7d6d88;min-width:64px}
.switch-large>span[aria-hidden]{width:52px;height:30px}
.switch-large>span[aria-hidden]:after{width:24px;height:24px}
.switch-large input:checked+span[aria-hidden]:after{transform:translateX(22px)}

/* Formulários nos diálogos */
.form-dialog{width:min(600px,calc(100% - 24px))}
#generic-form,.settings-form{display:grid;gap:16px}
#generic-form label,.settings-form label,.invite-form label{display:grid;gap:6px;font-size:.875rem;color:#675473;font-weight:500}
#generic-form label small,.settings-form label small{font-weight:400;color:#93819f;font-size:.75rem}
#generic-form input:not([type=checkbox]):not([type=file]),#generic-form select,#generic-form textarea,.settings-form input:not([type=checkbox]):not([type=color]):not([type=file]),.settings-form textarea,.settings-form select,.invite-form input,.invite-form select,.hours-editor input,.confirm-input input{background:#fff;border:1px solid #e1d6ec;border-radius:7px;padding:10px 11px;font-size:1rem;color:#3d2d52;min-height:42px;width:100%;transition:border-color .15s,box-shadow .15s}
#generic-form textarea,.settings-form textarea{resize:vertical;font:inherit;line-height:1.5}
#generic-form input:focus,#generic-form select:focus,#generic-form textarea:focus,.settings-form input:focus,.settings-form textarea:focus,.invite-form input:focus,.hours-editor input:focus{outline:none;border-color:#9b7bf4;box-shadow:0 0 0 3px #6a43ee22}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{font-size:.875rem;font-weight:600;color:#4b3a5c;margin-bottom:10px;padding:0}
legend small{display:block;font-weight:400;font-size:.75rem;color:#93819f;margin-top:3px}
.check-grid{display:flex;flex-wrap:wrap;gap:10px 18px}
.check{display:inline-flex!important;align-items:center;gap:8px!important;font-weight:400!important;cursor:pointer;grid-template-columns:none!important}
.check input{width:18px;height:18px;accent-color:var(--purple);margin:0}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:6px}
.dialog-actions [data-danger]{margin-right:auto}
.button-danger{background:#b4475f;color:#fff}.button-danger:hover{background:#983a50}
.button-ghost-danger{background:#fff;border-color:#f0d3dc;color:#a64d63}.button-ghost-danger:hover{background:#fdf2f5}
.button.is-busy{position:relative;color:transparent!important;pointer-events:none}
.button.is-busy:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;border-right-color:transparent;animation:spin .7s linear infinite}
.button-outline.is-busy:after{border-color:var(--purple);border-right-color:transparent}
@keyframes spin{to{transform:rotate(360deg)}}
.file-button{cursor:pointer;width:max-content}
.image-field,.logo-field{display:flex;align-items:center;gap:16px}
.image-preview{width:96px;height:96px;border-radius:12px;background:#f4f0f9;display:grid;place-items:center;color:#b19bc8;overflow:hidden;flex-shrink:0}
.image-preview img{width:100%;height:100%;object-fit:cover}
.image-field .text-button{margin-top:6px}
.combo-fieldset{border:1px solid #efe8f6;border-radius:10px;padding:12px 14px}
.combo-row{display:grid!important;grid-template-columns:auto 1fr 74px!important;align-items:center;gap:10px!important;font-weight:400!important;padding:4px 0}
.combo-row input[type=number]{min-height:36px!important;padding:6px 8px!important}
.combo-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple)}
.option-list{display:grid;gap:8px}
.option-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px auto auto;gap:8px;align-items:center}
.option-head{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px 118px;gap:8px;font-size:.75rem;color:#93819f;margin:6px 0 -2px}
.margin-hint{display:grid;gap:3px;font-size:.875rem;margin:-4px 0 4px;min-height:1px}.margin-hint small{font-size:.75rem;color:#93819f}.margin-hint .text-button{justify-self:start}
.cost-settings{margin:-6px 0 16px;display:grid}.cost-settings>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #f3eef8;font-size:.875rem;color:#80678f}.cost-settings strong{font-weight:600;color:#62506f;white-space:nowrap}.cost-settings+.button{width:100%;justify-content:center}
.breakeven{display:grid;gap:4px}.breakeven strong{font:750 1.85rem var(--head);letter-spacing:-.045em}.breakeven span{font-size:.875rem;color:#80678f;line-height:1.5}
.breakeven-track{position:relative;height:10px;background:#f2edf9;border-radius:6px;margin:20px 0 10px}.breakeven-track>span{display:block;height:100%;background:var(--purple);border-radius:6px;transition:width .8s cubic-bezier(.2,.7,.2,1)}.breakeven-track>i{position:absolute;top:-5px;width:3px;height:20px;background:#eab465;border-radius:2px;transform:translateX(-50%)}
.breakeven-legend{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;color:#93819f}.breakeven-legend strong{font-weight:600}
.finance-lines>.final.is-negative strong{color:var(--red)}
.expense-list{display:grid;margin-top:-8px}.expense-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 170px auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #f3eef8}.expense-row:last-child{border-bottom:0}.expense-main{display:grid;gap:3px;min-width:0}.expense-main strong{font-size:.875rem;font-weight:600;color:#62506f}.expense-main span,.expense-amount span{font-size:.75rem;color:#93819f}.expense-row>.status{justify-self:start}.expense-amount{display:grid;gap:2px;text-align:right}.expense-amount strong{font-size:.875rem;font-weight:600;color:#62506f;white-space:nowrap}
.expense-cats-head{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#93819f;margin:12px 0 2px}
@media(max-width:700px){.expense-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.expense-row>.status{grid-row:2;grid-column:1}.expense-amount{grid-row:1;grid-column:2}.expense-row>.row-actions{grid-row:2;grid-column:2;justify-self:end}}
.panel-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}
.expense-cats{display:grid;gap:0;margin:4px 0 14px;max-height:300px;overflow:auto}.expense-cat-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f3eef8}.expense-cat-row>span{flex:1;min-width:0;display:grid}.expense-cat-row strong{font-size:.875rem;font-weight:600}.expense-cat-row small{font-size:.75rem;color:#93819f}.expense-cat-row.is-archived strong{color:#a998b6;text-decoration:line-through}
.option-row .check{font-size:.75rem!important;color:#7d6d88!important}
.confirm-dialog form{display:grid;gap:14px}
.confirm-dialog h2{font-size:1.35rem;color:#3d2d52}
.confirm-dialog p{font-size:.94rem;line-height:1.7;color:#675473}
.confirm-input{display:grid;gap:6px;font-size:.875rem;color:#675473}

/* Configurações */
.open-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #f0d3dc;border-radius:12px;padding:20px 22px;margin-bottom:22px;transition:background .3s,border-color .3s}
.open-toggle.is-open{border-color:#cdeadf;background:linear-gradient(90deg,#f2fbf7,#fff 60%)}
.open-toggle strong{font:700 1.05rem var(--head);color:#3d2d52}
.open-toggle p{font-size:.875rem;margin-top:4px}
.settings-grid{align-items:start}
.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.save-state{font-size:.8125rem;color:#7d6d88}
.save-state.is-ok{color:#257a61}.save-state.is-error{color:#a64d63}
.logo-preview{width:72px;height:72px;border-radius:16px;background:var(--c2);color:#fff;display:grid;place-items:center;font:800 1.8rem var(--head);overflow:hidden;flex-shrink:0;border:3px solid var(--c1)}
.logo-preview img{width:100%;height:100%;object-fit:cover;background:#fff}
.color-field{display:flex;align-items:center;gap:10px}
.color-field input{width:48px;height:40px;border:1px solid #e1d6ec;border-radius:8px;padding:2px;background:#fff;cursor:pointer}
.color-field code{font-size:.8125rem;color:#675473}
.brand-sample{display:flex;align-items:center;gap:14px;padding:14px;border-radius:10px;background:#fbfafd;border:1px solid #f0eaf7}
.brand-sample span{background:var(--c1);color:#fff;padding:8px 14px;border-radius:8px;font-size:.875rem;font-weight:600}
.brand-sample em{font-style:normal;color:var(--c2);font:700 1rem var(--head)}
.hours-editor{display:grid;gap:0}
.hours-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #f4f0f8}
.hours-row>strong{font-size:.875rem;color:#4b3a5c}
.hours-shifts{display:flex;flex-wrap:wrap;gap:8px}
.shift{display:inline-flex;align-items:center;gap:6px;background:#faf8fd;border:1px solid #efe8f6;border-radius:9px;padding:5px 6px 5px 8px;font-size:.8125rem;color:#7d6d88}
.shift input{width:auto!important;min-height:34px!important;padding:4px 6px!important;font-size:.875rem!important}
.shift em{font-style:normal;font-size:.6875rem;color:#8b6420;background:#fff3dd;border-radius:4px;padding:2px 5px}
.closed-day{font-size:.8125rem;color:#a495b3}
.site-url{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.site-url code{flex:1;min-width:220px;background:#faf8fd;border:1px solid #efe8f6;border-radius:8px;padding:10px 12px;font-size:.8125rem;color:#4b3a5c;overflow-wrap:anywhere}
.invite-form{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:10px;align-items:end;margin-top:16px}
.panel-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.panel-tools .search-field input{max-width:160px}

/* Aviso (toast) com ação */
.toast{display:flex;align-items:center;gap:14px}
.toast button{border:0;background:#ffffff1f;color:#fff;border-radius:6px;padding:6px 10px;font-size:.8125rem;font-weight:600}
.toast.toast-new{background:#5a35d6}
.toast.toast-error{background:#7b2c42}
.toast:not([hidden]){animation:toast-in .28s var(--ease)}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

/* Animações de entrada (somente na troca de tela, não nas atualizações) */
.is-entering .kpi,.is-entering .panel,.is-entering .menu-category,.is-entering .menu-toolbar,.is-entering .order-summary>div,.is-entering .open-toggle,.is-entering .recurring-panel,.is-entering .menu-archived{animation:rise .42s var(--ease) both;animation-delay:calc(min(var(--i,0),12) * 32ms)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.view-enter{animation:fade-in .25s ease-out}
@keyframes fade-in{from{opacity:.4}to{opacity:1}}
.is-entering .bar-track>span,.is-entering .goal-progress span,.is-entering .table-progress>span{transform-origin:left;animation:grow-x .7s var(--ease) both;animation-delay:.12s}
@keyframes grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.is-entering .column-track>div{transform-origin:bottom;animation:grow-y .6s var(--ease) both;animation-delay:.1s}
@keyframes grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.is-entering .chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1s var(--ease) .1s forwards}
.is-entering .chart-area{animation:fade-in-full .8s ease-out .3s both}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade-in-full{from{opacity:0}to{opacity:1}}
dialog[open]{animation:pop-in .22s var(--ease)}
dialog[open]::backdrop{animation:fade-in-full .22s ease-out}
.side-dialog[open]{animation:slide-in .28s var(--ease)}
@keyframes pop-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes slide-in{from{opacity:.4;transform:translateX(40px)}to{opacity:1;transform:none}}
.sidebar{transition:transform .25s var(--ease)}
.nav-item{transition:background .15s,color .15s,transform .15s}
.nav-item:active{transform:scale(.98)}
.kpi,.panel{transition:box-shadow .2s,border-color .2s}
.button{transition:background .15s,box-shadow .15s,transform .15s}
.button:active:not(:disabled){transform:translateY(1px)}

/* Login */
.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 500px at 10% -10%,#e9e1ff 0,transparent 60%),var(--page)}
.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 28px;box-shadow:0 30px 80px -40px #35215f55;animation:pop-in .3s var(--ease)}
.auth-logo{color:var(--purple-dark)!important;padding:0;margin-bottom:22px;font-size:2rem}
.auth-logo>span>span{color:var(--purple)!important}
.auth-card h1{font-size:1.65rem;font-weight:750;margin-top:8px}
.auth-lead{font-size:.94rem;margin-top:8px}
.auth-form{display:grid;gap:14px;margin-top:22px}
.auth-form label{display:grid;gap:6px;font-size:.875rem;font-weight:500;color:#675473}
.auth-form input{border:1px solid #e1d6ec;border-radius:8px;padding:11px 12px;font-size:1rem;min-height:46px}
.auth-form input:focus{outline:none;border-color:#9b7bf4;box-shadow:0 0 0 3px #6a43ee22}
.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8125rem;color:#6c4f85}
.auth-message{margin-top:18px;font-size:.875rem;line-height:1.6;border-radius:8px;padding:11px 13px;background:#f4f0fb;color:#4b3a5c}
.auth-message.is-error{background:#fcecf1;color:#8f3d52}.auth-message.is-ok{background:#ecf8f3;color:#256b55}
.auth-foot{margin-top:24px;font-size:.8125rem;text-align:center}
.auth-foot a{color:var(--purple)}

@media(max-width:800px){.menu-item{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:'thumb info price' 'thumb switch actions'}.menu-thumb{grid-area:thumb;width:48px;height:48px}.menu-info{grid-area:info}.menu-price{grid-area:price}.menu-item .switch{grid-area:switch}.menu-item .row-actions{grid-area:actions;justify-self:end}.hours-row{grid-template-columns:1fr auto;}.hours-shifts{grid-column:1/-1;grid-row:2}.invite-form{grid-template-columns:1fr 1fr}.invite-form .button{grid-column:1/-1}.filter-meta{width:100%;justify-content:space-between}}
@media(max-width:600px){.topbar .connection-pill span:last-child{display:none}.topbar .connection-pill{padding:7px}.site-link{display:none}.menu-category{padding:4px 12px 8px}.option-row{grid-template-columns:1fr 72px 72px auto}.option-row .check{grid-column:1/-1;grid-row:2}.option-head{grid-template-columns:1fr 72px 72px 34px}.open-toggle{padding:16px}.image-field,.logo-field{align-items:flex-start}.panel-tools .search-field input{max-width:none}.panel-tools{width:100%}.panel-tools .search-field{flex:1}.dialog-actions .button{flex:1}.dialog-actions [data-danger]{flex-basis:100%;order:3}.auth-card{padding:26px 20px}}
@media print{body *{visibility:hidden}#order-dialog,#order-dialog *{visibility:visible}#order-dialog{position:absolute;inset:0;width:100%;max-width:none;height:auto;max-height:none;margin:0;border:0;box-shadow:none;border-radius:0;padding:0}#order-dialog .button,#order-dialog .cancel-order,#order-dialog [data-close],#order-dialog .detail-footer,#order-dialog .order-timeline{display:none!important}}
@media(prefers-reduced-motion:reduce){.conn-live .pulse-dot{animation:none}.skeleton{animation:none}.is-entering .chart-line{stroke-dasharray:none;stroke-dashoffset:0}}
.page-intro .eyebrow{text-transform:uppercase}
.settings-form label.file-button,#generic-form label.file-button{display:inline-flex;align-items:center;gap:9px;font-weight:500;color:#675473}
[data-mode="demo"] .demo-badge{display:none}
@media(max-width:600px){.kanban{scroll-snap-type:x mandatory;scroll-padding:0 16px}.kanban-column{scroll-snap-align:start}}
.table-scroll,.chart-scroll{position:relative}
.import-summary{font-size:.875rem;color:#675473;margin:4px 0 8px}
.import-table{max-height:260px;overflow:auto;border:1px solid #efe8f6;border-radius:8px}
.import-table table{font-size:.8125rem}.import-table th{position:sticky;top:0;background:#fff}
.import-table td,.import-table th{padding:8px 10px!important}
tr.imp-erro td{color:#a64d63}tr.imp-ignorar td{color:#93819f}tr.imp-atualizar td{color:#8b6420}
#generic-form code{font-size:.75rem;background:#f4f0f9;padding:1px 4px;border-radius:4px}
.support-banner{display:grid;gap:3px;padding:12px 16px;margin-bottom:18px;border:1px solid #e3d6fb;background:#f6f1ff;border-radius:10px;font-size:.8125rem;color:#6f5a86;line-height:1.55}.support-banner strong{color:#5b33c4;font-weight:600}
.sandbox-card.only-connected p a{color:inherit;text-decoration:underline}
.order-card.is-draggable{cursor:grab}.order-card.is-draggable:active{cursor:grabbing}
.order-card.is-dragging{opacity:.45;box-shadow:none}
.kanban-column{transition:background-color .15s,border-color .15s,box-shadow .15s}
.kanban-column.drop-ok{border-style:dashed;border-color:#c9b5f2}
.kanban-column.drop-ok.is-over{background:#ece4ff;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}
.kanban-column.drop-no{opacity:.55}
.kanban-column.drop-no.is-over{background:#f7eef1;border-color:#e3c2cd}
@media(prefers-reduced-motion:reduce){.kanban-column{transition:none}}
.contract-docs{display:grid;gap:10px}
.contract-doc-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:10px}
.contract-doc-row strong{display:block;font-size:.9375rem;color:#4d3a5e}.contract-doc-row span{display:block;font-size:.8125rem;color:#8b759a;margin-top:2px}
/* Modo visualização da Nuvio: somente leitura */
body.is-view-only :is([data-advance],[data-cancel],[data-pay],[data-new-product],[data-new-category],[data-new-group],[data-new-coupon],[data-new-zone],[data-edit-product],[data-edit-category],[data-edit-group],[data-edit-coupon],[data-edit-zone],[data-move-product],[data-move-category],[data-move-zone],[data-import-menu],[data-export-customers],[data-toggle-coupon],[data-remove-member],[data-revoke-invite],[data-add-shift],[data-remove-shift],[data-copy-hours],[data-save-hours],#invite-form,#page-action,#dashboard-content form button[type=submit]){display:none!important}
body.is-view-only .order-card{cursor:default}
.support-banner .form-actions{margin-top:8px;gap:8px}.support-banner.is-request{border-color:#c9b5f2;background:#f1eaff}
.access-request{display:grid;gap:4px;padding:12px 14px;border:1px solid #c9b5f2;background:#f6f1ff;border-radius:10px;margin-bottom:12px}.access-request strong{color:#4d3a5e}.access-request span{font-size:.875rem;color:#7d6290}
.access-state{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#2f7a5f;margin-bottom:10px}.access-state svg{width:18px;height:18px}
.inline-select{display:inline-flex!important;align-items:center;gap:8px!important;grid-template-columns:none!important}
/* Suporte: chamados com a Nuvio */
.support-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#f4efff,#fbf9ff);border:1px solid #e3d7fb;border-radius:12px;padding:22px 24px;margin-bottom:22px}.support-hero>div{flex:1;min-width:0}.support-hero h2{font-size:1.15rem;color:#3d2d52}.support-hero p{font-size:.875rem;line-height:1.7;margin-top:6px;color:#6f6080}.support-hero .button{flex-shrink:0}
.support-hero-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--purple);color:#fff;flex-shrink:0}.support-hero-icon svg{width:22px;height:22px}
.support-contact{font-size:.8rem!important}.support-contact a{color:var(--purple);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.ticket-list{display:grid}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 4px;border:0;border-bottom:1px solid #f2edf6;background:none;text-align:left;border-radius:0}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:#fbf9fe}
.ticket-main{display:grid;gap:3px;min-width:0}.ticket-main strong{font-size:.94rem;font-weight:600;color:#3d2d52;overflow-wrap:anywhere}.ticket-main small,.ticket-side small{font-size:.75rem;color:#93819f}
.ticket-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.ticket-new{font-size:.75rem;font-weight:600;color:#fff;background:var(--purple);padding:3px 8px;border-radius:999px}
.ticket-row.is-unread .ticket-main strong{color:#2a1a40}.ticket-row.is-unread{box-shadow:inset 3px 0 0 var(--purple);padding-left:14px}
.ticket-dialog{width:560px}.ticket-state{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#7d6d88;padding-bottom:18px;border-bottom:1px solid #f0e6f7}
.ticket-thread{list-style:none;margin:0;padding:18px 0;display:grid;gap:14px}
.ticket-msg{display:flex}.ticket-msg.is-mine{justify-content:flex-end}.ticket-bubble{max-width:88%;padding:12px 14px;border-radius:12px;background:#f6f3fb;border:1px solid #ece4f6}.ticket-msg.is-mine .ticket-bubble{background:#efe8ff;border-color:#dccdfb}.ticket-msg.is-nuvio .ticket-bubble{background:white;border-color:#e3d7fb;box-shadow:0 2px 8px #6a43ee0d}
.ticket-author{display:block;font-size:.75rem;font-weight:600;color:#7a5aa0}.ticket-bubble p{font-size:.9rem;line-height:1.65;color:#3d2d52;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}
.ticket-event{text-align:center;font-size:.75rem;color:#93819f}.ticket-event p{font-size:.85rem;color:#4d3a5e;background:#ecf6f0;border-radius:8px;padding:8px 12px;margin:6px auto 0;max-width:90%;white-space:pre-wrap}
.ticket-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ticket-thumb{width:96px;height:96px;padding:0;border:1px solid #e3d7fb;border-radius:8px;overflow:hidden;background:#f4efff}.ticket-thumb img{width:100%;height:100%;object-fit:cover}.ticket-thumb.is-missing{outline:1px dashed #c25d72}
.ticket-file{display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;border:1px solid #e3d7fb;border-radius:8px;background:white;font-size:.8rem;color:#4d3a5e;text-align:left}.ticket-file svg{width:16px;height:16px;color:var(--purple)}.ticket-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.ticket-file small{color:#93819f}
.ticket-video{width:100%;max-height:320px;border-radius:8px;background:#1b1029;margin-top:4px}
.ticket-reply{display:grid;gap:12px;border-top:1px solid #f0e6f7;padding-top:16px}.ticket-reply label{display:grid;gap:8px;font-size:.875rem;color:#80678f}.ticket-reply textarea{background:#fff;border:1px solid #e1d6ec;border-radius:7px;padding:10px 11px;font:inherit;font-size:1rem;line-height:1.5;color:#3d2d52;width:100%;resize:vertical}.ticket-reply textarea:focus{outline:none;border-color:#9b7bf4;box-shadow:0 0 0 3px #6a43ee22}
.file-picker{display:grid;gap:6px;justify-items:start}.picked-files{list-style:none;margin:0;padding:0;display:grid;gap:4px;width:100%}.picked-files li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#4d3a5e}.picked-files li svg{width:15px;height:15px;color:var(--purple)}.picked-files li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.picked-files li small{color:#93819f;flex-shrink:0}.picked-files .picked-problem{color:#b0486a;font-weight:500}
.urgency-choice{border:0;padding:0;margin:0;display:grid;gap:8px}.urgency-choice legend{display:block;font-size:.875rem;color:#80678f;margin:0 0 8px;padding:0;max-width:none}
.urgency-option{display:flex!important;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e6dcf2;border-radius:9px;cursor:pointer}.urgency-option:has(input:checked){border-color:var(--purple);background:#f6f1ff}#generic-form .urgency-option input[type=radio]{width:18px;height:18px;min-height:0;padding:0;margin:2px 0 0;flex:none;border:0;box-shadow:none;accent-color:var(--purple)}.urgency-option span{display:grid;gap:2px;flex:1;min-width:0}.urgency-option strong{font-size:.875rem;font-weight:600;color:#3d2d52}.urgency-option small{font-size:.75rem;color:#93819f}
@media(max-width:600px){.support-hero{flex-direction:column;align-items:flex-start;padding:18px}.support-hero .button{width:100%}.ticket-row{flex-direction:column;align-items:flex-start;gap:8px}.ticket-side{flex-wrap:wrap}.ticket-dialog{width:100%;max-width:100%;border-radius:0}.ticket-bubble{max-width:100%}.ticket-file span{max-width:150px}}
.ticket-reply label.file-button{display:inline-flex;align-items:center;gap:9px;font-weight:500;color:#675473;width:max-content}.file-picker .form-note{text-align:left;margin-top:0}
