*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f7f8;color:#16181d}a{color:inherit}.login{min-height:100vh;display:grid;place-items:center}.login-card,.panel{background:#fff;border:1px solid #e8eaed;border-radius:20px;padding:24px;box-shadow:0 12px 40px #0000000d}.login-card{width:min(92%,420px)}.brand{font-weight:900;letter-spacing:.12em;color:#17a954}label{display:block;font-weight:700;margin:14px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid #d9dde3;border-radius:11px;font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 16px;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:#17c964;color:#092312}.danger{background:#fee2e2;color:#991b1b}.muted{color:#68707d}.alert{padding:10px;border-radius:10px;background:#fff1f2;color:#9f1239}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#111318;color:white;padding:24px}.sidebar a{display:block;padding:11px;border-radius:10px;text-decoration:none;margin:4px 0}.sidebar a:hover{background:#ffffff12}.content{padding:28px;max-width:1180px;width:100%}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cards{display:grid;gap:12px}.item{display:flex;gap:14px;align-items:center;background:white;border:1px solid #e6e8eb;padding:12px;border-radius:15px}.item img{width:84px;height:74px;object-fit:cover;border-radius:12px}.item-main{flex:1}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.help{font-size:13px;color:#68707d}.pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#eefbf3;color:#13783a;font-size:12px;font-weight:800}@media(max-width:760px){.layout{display:block}.sidebar{padding:14px;display:flex;overflow:auto;gap:6px}.sidebar h2{display:none}.sidebar a{white-space:nowrap}.content{padding:16px}.grid,.form-grid{grid-template-columns:1fr}.item{align-items:flex-start}.top{align-items:flex-start;flex-direction:column}}
.sidebar a.active{background:#ffffff16}.empty-admin{text-align:center;margin:20px 0}.admin-image-placeholder{width:84px;height:74px;background:#eef0f2;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#9aa1aa}.product-admin-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pills{display:flex;gap:6px;margin-top:8px}.mini-pill{font-size:11px;font-weight:800;border-radius:99px;padding:4px 8px}.mini-pill.ok{background:#e9f9ef;color:#17733b}.mini-pill.warn{background:#fff1f1;color:#a22727}.mini-pill.neutral{background:#eef0f3;color:#626b77}.product-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.product-actions form{margin:0}.product-actions button,.more-actions summary,.category-admin-row button{border:1px solid #dfe3e7;background:#fff;border-radius:10px;padding:9px 11px;font-weight:800;cursor:pointer}.more-actions{position:relative}.more-actions summary{list-style:none}.more-actions summary::-webkit-details-marker{display:none}.more-actions>div{position:absolute;right:0;top:44px;background:#fff;border:1px solid #e0e3e7;border-radius:12px;padding:8px;box-shadow:0 12px 30px #0002;z-index:5;min-width:140px}.more-actions form{display:grid;gap:6px}.danger-link{color:#a51f1f!important}.item-hidden{opacity:.65}.categories-panel{margin-top:24px;scroll-margin-top:20px}.inline-create{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:620px}.category-admin-list{display:grid;gap:9px;margin-top:18px}.category-admin-row form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:7px}.image-preview{display:flex;align-items:center;gap:12px;margin-top:10px}.image-preview img{width:110px;height:90px;object-fit:cover;border-radius:12px}@media(max-width:760px){.product-actions{width:100%;justify-content:flex-start}.item{flex-wrap:wrap}.item-main{min-width:calc(100% - 105px)}.category-admin-row form{grid-template-columns:1fr 1fr}.category-admin-row input{grid-column:1/-1}.inline-create{grid-template-columns:1fr}.more-actions>div{left:0;right:auto}}
.option-toggle{display:flex!important;gap:10px;align-items:center;padding:12px;border:1px solid #e3e6ea;border-radius:12px}.option-toggle input{width:auto}
.option-row{display:grid;grid-template-columns:1fr 150px;gap:8px;margin:8px 0}.sticky-save{position:sticky;bottom:0;background:#fff;padding:14px 0 2px;border-top:1px solid #eceef1}.sticky-save .primary{width:100%}@media(max-width:520px){.option-row{grid-template-columns:1fr 110px}}

/* N5 Menú Pro v0.5.0 */
body{line-height:1.4}.content{max-width:1280px}.success-alert{background:#eafaf0;color:#147a3d}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#17a954;margin:0 0 4px}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dashboard-hero h1{margin:0;font-size:30px}.dashboard-hero p{margin:5px 0 0}.dashboard-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dashboard-actions form{margin:0}.business-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe3e7;background:#fff;border-radius:11px;padding:12px 15px;font-weight:900;cursor:pointer}.business-status span{width:9px;height:9px;border-radius:50%;background:currentColor}.business-status.open{color:#16723b;background:#edf9f1}.business-status.closed{color:#a02828;background:#fff1f1}.share-panel{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#111318;color:#fff;border-radius:17px;padding:15px 17px;margin-bottom:18px}.share-panel>div:first-child{min-width:0}.share-panel b,.share-panel span{display:block}.share-panel span{font-size:12px;color:#b9c0c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px;margin-top:3px}.share-panel>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.share-panel .button{background:#ffffff12;color:#fff;border:1px solid #ffffff20;padding:9px 12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metrics-grid article{background:#fff;border:1px solid #e5e8eb;border-radius:16px;padding:16px;box-shadow:0 5px 18px #00000008}.metrics-grid small,.metrics-grid span{display:block;color:#727b87}.metrics-grid small{font-weight:800}.metrics-grid strong{display:block;font-size:28px;margin:7px 0 3px}.metrics-grid span{font-size:11px}.metrics-grid .metric-wide{grid-column:span 4;background:linear-gradient(135deg,#effbf4,#fff)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.compact-panel{padding:18px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title h2{margin:0}.panel-title p{margin:4px 0}.completion-score{font-size:24px;color:#178243}.progress{height:8px;background:#eef0f2;border-radius:99px;overflow:hidden;margin:14px 0}.progress i{display:block;height:100%;background:#17c964;border-radius:99px}.check-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}.check-list li{color:#7b838e;font-size:13px}.check-list li span{display:inline-block;width:20px;font-weight:900}.check-list li.done{color:#267145}.top-products{padding-left:22px;margin:10px 0 0}.top-products li{padding:9px 0;border-bottom:1px solid #eceef1}.top-products li::marker{font-weight:900;color:#17a954}.top-products span{display:inline-block;width:calc(100% - 40px)}.top-products b{float:right}.empty-mini{padding:24px 10px;text-align:center;color:#79818b;font-size:13px}.admin-section{scroll-margin-top:15px;margin-top:10px}.admin-search input{min-width:240px}.badge-pill{background:#fff3c9;color:#765600}.featured-pill{background:#fff4cf;color:#7c5d00}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #eceef1}.section-heading:first-of-type{margin-top:2px;padding-top:0;border-top:0}.section-heading>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#ecfaf2;color:#16753c;font-size:11px;font-weight:900}.section-heading h2{margin:0;font-size:19px}.section-heading p{margin:2px 0 0;color:#737b87;font-size:13px}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.switch-card{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #e1e5e9;border-radius:13px;padding:13px;margin:0!important;background:#fff;cursor:pointer}.switch-card input{width:auto;margin-top:3px;accent-color:#17c964}.switch-card span{display:block}.switch-card b,.switch-card small{display:block}.switch-card small{color:#737b87;font-weight:500;margin-top:2px;line-height:1.35}.location-admin-button{justify-content:flex-start;background:#f1f7f4;border:1px solid #d7e8de}.settings-panel,.product-editor{max-width:980px}.option-box{padding:13px;border:1px solid #e5e8eb;border-radius:14px;background:#fafbfc}.option-box h3{margin:0}.option-row{grid-template-columns:1fr 150px 42px!important}.remove-row{border:1px solid #e3e6e9;background:#fff;color:#a32929;border-radius:10px;font-size:20px;padding:0;cursor:pointer}.remove-image{display:flex!important;align-items:center;gap:8px;font-size:12px!important;color:#a32929}.remove-image input{width:auto}.sticky-save{z-index:10}.sticky-save .primary{min-height:48px;font-size:16px}
@media(max-width:980px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid .metric-wide{grid-column:span 2}.payment-toggle-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions>*{flex:1}.dashboard-actions button,.dashboard-actions .button{width:100%}.share-panel{align-items:flex-start;flex-direction:column}.share-panel>div:last-child{width:100%}.share-panel .button{flex:1}.metrics-grid{grid-template-columns:1fr 1fr}.toggle-grid{grid-template-columns:1fr}.admin-section .top{gap:10px}.admin-search,.admin-search input{width:100%;min-width:0}.option-row{grid-template-columns:1fr 110px 38px!important}}
@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.metrics-grid .metric-wide{grid-column:span 1}.metrics-grid strong{font-size:25px}.share-panel>div:last-child{display:grid;grid-template-columns:1fr 1fr}.share-panel>div:last-child a{grid-column:1/-1}.dashboard-actions{display:grid;grid-template-columns:1fr}.category-admin-row form{grid-template-columns:1fr}.category-admin-row input{grid-column:auto}.option-row{grid-template-columns:1fr 90px 36px!important;gap:5px}}

/* N5 Menú cierre comercial v0.6.0 */
.support-banner,.migration-banner,.subscription-warning{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:15px;padding:13px 16px;margin-bottom:16px}.support-banner{position:sticky;top:8px;z-index:30;background:#111318;color:#fff;box-shadow:0 10px 30px #0002}.support-banner a{color:#17c964;font-weight:900}.migration-banner{background:#fff7da;border:1px solid #f0d573;color:#654d00}.migration-banner div,.subscription-warning div{display:grid;gap:2px}.migration-banner span,.subscription-warning span{font-size:13px}.subscription-warning{background:#fff0f0;border:1px solid #efcaca;color:#922a2a}.subscription-warning.soon{background:#fff8df;border-color:#ead78a;color:#6e5600}.limit-reached{display:inline-flex;align-items:center;padding:11px 13px;border-radius:11px;background:#fff3dc;color:#815600;font-weight:800;font-size:13px}.qr-button{border-color:#17c964!important;color:#a9ffd0!important}.super-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.super-metrics article{background:#fff;border:1px solid #e4e7ea;border-radius:15px;padding:14px}.super-metrics small,.super-metrics span{display:block;color:#737c87}.super-metrics small{font-weight:800}.super-metrics strong{display:block;font-size:25px;margin:5px 0}.super-metrics span{font-size:11px}.super-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto auto;gap:8px;margin:14px 0}.restaurant-table-wrap{overflow:auto;background:#fff;border:1px solid #e3e6e9;border-radius:17px}.restaurant-table{width:100%;border-collapse:collapse;min-width:940px}.restaurant-table th,.restaurant-table td{text-align:left;padding:14px;border-bottom:1px solid #edf0f2;vertical-align:top}.restaurant-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#737c87;background:#fafbfc}.restaurant-table tr:last-child td{border-bottom:0}.restaurant-table tr.row-warning{background:#fffafa}.client-cell,.plan-cell{display:grid;gap:4px}.client-cell>a{font-size:12px;color:#148348;font-weight:800}.client-cell small,.plan-cell small{color:#737c87}.plan-cell{justify-items:start}.plan-badge,.state-badge{display:inline-block;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.plan-badge{background:#eef4ff;color:#31568c}.state-active{background:#e9f9ef;color:#17733b}.state-suspended{background:#fff0f0;color:#a22727}.text-warn{color:#876300}.text-danger{color:#a32626}.activity-cell{display:flex;gap:12px;flex-wrap:wrap}.activity-cell span{font-size:11px;color:#727b87}.activity-cell b{display:block;font-size:17px;color:#1b1e23}.super-actions{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.super-actions form{margin:0}.super-actions button,.super-actions summary{border:1px solid #dfe3e7;background:#fff;border-radius:10px;padding:9px 10px;font-weight:800;cursor:pointer;white-space:nowrap}.super-actions details{position:relative}.super-actions summary{list-style:none}.super-actions summary::-webkit-details-marker{display:none}.super-actions details>div{position:absolute;right:0;top:42px;background:#fff;border:1px solid #dfe3e7;border-radius:12px;padding:8px;box-shadow:0 14px 35px #0002;z-index:20;min-width:145px}.super-actions details form{display:grid;gap:5px}.super-actions details a{display:block;padding:9px;color:#1c232b;font-weight:800;text-decoration:none}.empty-table{text-align:center!important;color:#777;padding:35px!important}.recent-activity{margin-top:22px}.log-list{display:grid;margin-top:10px}.log-list>div{display:grid;grid-template-columns:90px 180px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f2}.log-list span,.log-list small{color:#737c87}.super-editor{max-width:980px}.qr-dashboard-grid{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(260px,.85fr);gap:15px;margin-bottom:16px}.qr-preview-panel{text-align:center}.qr-brand-preview{max-width:430px;margin:auto;border:1px solid #e4e7ea;border-radius:20px;padding:24px;background:#fff}.qr-brand-preview h2{margin:8px 0 2px}.qr-brand-preview p{margin:0 0 14px;color:#68717c}.qr-brand-preview small{display:block;margin-top:10px;color:#68717c;overflow-wrap:anywhere}.qr-preview-logo{height:58px;display:grid;place-items:center}.qr-preview-logo img{max-height:58px;max-width:180px;object-fit:contain}.qr-preview-logo b{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#111;color:#17c964;font-size:24px}.qr-preview-box{width:min(290px,80vw);margin:auto}.qr-preview-box svg{display:block;width:100%;height:auto}.qr-download-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:14px}.qr-download-actions button{border:1px solid #dce1e5;background:#fff;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}.qr-download-actions .primary{background:#17c964;border-color:#17c964}.qr-side-column{display:grid;align-content:start;gap:14px}.qr-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-metrics article{background:#fff;border:1px solid #e4e7ea;border-radius:15px;padding:15px}.qr-metrics small{display:block;color:#737c87;font-weight:800}.qr-metrics strong{display:block;font-size:25px;margin-top:5px}.qr-metrics .metric-date{font-size:14px;line-height:1.3}.qr-tip h3{margin-top:0}.print-studio{margin-top:16px}.template-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.template-card{border:2px solid #e2e5e8;border-radius:15px;padding:10px;cursor:pointer;background:#fff}.template-card.selected{border-color:#17c964;box-shadow:0 0 0 3px #17c96420}.template-card input{position:absolute;opacity:0;pointer-events:none}.template-card>strong,.template-card>small{display:block;margin-top:6px}.template-card>small{color:#737c87}.template-thumb{height:150px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden}.template-thumb i{width:54px;height:54px;background:repeating-linear-gradient(45deg,#111 0 5px,#fff 5px 9px);border:5px solid #fff;box-shadow:0 0 0 1px #ddd}.template-thumb em{width:60%;height:6px;background:currentColor;opacity:.15;border-radius:99px}.minimal-thumb{border:2px solid #111;background:#fff;color:#111}.promo-thumb{background:#111;color:#17c964}.promo-thumb i{order:2}.promo-thumb em{order:3}.formal-thumb{background:#f4ede2;border:1px solid #a89b87;color:#40382f;font-family:Georgia,serif}.size-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.size-selector label{border:1px solid #dfe3e7;border-radius:13px;padding:13px;display:flex!important;align-items:flex-start;gap:9px;cursor:pointer}.size-selector input{width:auto;margin-top:3px;accent-color:#17c964}.size-selector b,.size-selector small{display:block}.size-selector small{color:#737c87;margin-top:2px}.print-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.print-actions .primary{padding:13px 17px}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metrics-grid .metric-wide{grid-column:span 5}
@media(max-width:1100px){.super-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid .metric-wide{grid-column:span 3}}
@media(max-width:760px){.support-banner,.migration-banner,.subscription-warning{align-items:flex-start;flex-direction:column}.super-metrics{grid-template-columns:1fr 1fr}.super-filters{grid-template-columns:1fr 1fr}.super-filters input{grid-column:1/-1}.log-list>div{grid-template-columns:80px 1fr}.log-list small{grid-column:1/-1}.template-selector,.size-selector{grid-template-columns:1fr}.template-thumb{height:110px}.qr-dashboard-grid{display:block}.qr-side-column{margin-top:14px}.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid .metric-wide{grid-column:span 2}}
@media(max-width:480px){.super-metrics,.qr-metrics{grid-template-columns:1fr 1fr}.super-filters{grid-template-columns:1fr}.super-filters input{grid-column:auto}.qr-download-actions{display:grid;grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr}.metrics-grid .metric-wide{grid-column:span 1}}

/* =========================================================
   N5 MENÚ UX PRO v0.7.0
   Apariencia, accesibilidad y experiencia de panel
   ========================================================= */
:root{
 --n5-bg:#f3f5f7;--n5-surface:#fff;--n5-surface-2:#f8fafb;--n5-text:#171a20;--n5-muted:#68717d;
 --n5-border:#e1e5e9;--n5-brand:#17c964;--n5-brand-ink:#082312;--n5-sidebar:#111318;--n5-sidebar-text:#fff;
 --n5-danger:#a42626;--n5-warning:#886400;--n5-shadow:0 14px 42px #1018280d;--n5-radius:18px
}
html[data-panel-resolved="dark"]{
 --n5-bg:#0d1014;--n5-surface:#15191f;--n5-surface-2:#1b2027;--n5-text:#f2f5f7;--n5-muted:#a6afb9;
 --n5-border:#2b323b;--n5-brand:#28db78;--n5-brand-ink:#071d10;--n5-sidebar:#090b0e;--n5-sidebar-text:#f6f8f9;
 --n5-danger:#ff8585;--n5-warning:#f4ca67;--n5-shadow:0 18px 50px #0006
}
html{background:var(--n5-bg)}
body{background:var(--n5-bg);color:var(--n5-text);transition:background-color .18s ease,color .18s ease}
body,.panel,.item,.restaurant-table-wrap,.metrics-grid article,.super-metrics article,.qr-metrics article,.switch-card,input,textarea,select,button,.button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
::selection{background:color-mix(in srgb,var(--n5-brand) 35%,transparent)}
a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid color-mix(in srgb,var(--n5-brand) 45%,transparent);outline-offset:2px}
.content{margin-inline:auto}
.panel,.login-card{background:var(--n5-surface);border-color:var(--n5-border);box-shadow:var(--n5-shadow)}
.muted,.help,.metrics-grid small,.metrics-grid span,.super-metrics small,.super-metrics span,.qr-metrics small,.section-heading p,.switch-card small,.n5-muted-small{color:var(--n5-muted)!important}
input,textarea,select{background:var(--n5-surface);border-color:var(--n5-border);color:var(--n5-text)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--n5-muted) 78%,transparent)}
button,.button{min-height:42px}
.primary{background:var(--n5-brand);color:var(--n5-brand-ink);box-shadow:0 7px 18px color-mix(in srgb,var(--n5-brand) 22%,transparent)}
.primary:hover{filter:brightness(.96);transform:translateY(-1px)}
button.is-loading{opacity:.72;cursor:wait}
.alert{border:1px solid color-mix(in srgb,#ef476f 30%,transparent)}
.success-alert{border:1px solid color-mix(in srgb,var(--n5-brand) 38%,transparent)}

/* Navegación lateral */
.sidebar{position:sticky;top:0;height:100vh;background:var(--n5-sidebar);color:var(--n5-sidebar-text);display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.sidebar h2{margin:0 0 22px;font-size:17px;letter-spacing:.12em;color:#fff}
.sidebar a{color:var(--n5-sidebar-text);opacity:.79;border:1px solid transparent}
.sidebar a:hover{opacity:1;background:#ffffff0d;border-color:#ffffff12}
.sidebar a.active{opacity:1;background:#ffffff12;border-color:#ffffff16}
.n5-sidebar-tools{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff14}
.n5-theme-toggle{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid #ffffff1c;background:#ffffff0b;color:#fff;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer}
.n5-theme-toggle:hover{background:#ffffff13}
.n5-theme-toggle span:first-child{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#ffffff12;font-size:16px}
.n5-theme-toggle-floating{position:fixed;right:16px;top:16px;z-index:50;width:auto;background:var(--n5-surface);color:var(--n5-text);border-color:var(--n5-border);box-shadow:var(--n5-shadow)}
.n5-theme-toggle-floating span:first-child{background:var(--n5-surface-2)}

/* Superficies y tablas en ambos modos */
.item,.business-status,.switch-card,.option-box,.checkout-section,.category-admin-row,.restaurant-table-wrap,.metrics-grid article,.super-metrics article,.qr-metrics article,.qr-brand-preview,.template-card,.size-selector label{background:var(--n5-surface);border-color:var(--n5-border)}
.item:hover,.template-card:hover,.size-selector label:hover{border-color:color-mix(in srgb,var(--n5-brand) 40%,var(--n5-border));box-shadow:0 9px 24px #0000000d}
.option-box{background:var(--n5-surface-2)}
.restaurant-table th{background:var(--n5-surface-2);color:var(--n5-muted);border-color:var(--n5-border)}
.restaurant-table td,.top-products li,.log-list>div,.n5-log-item{border-color:var(--n5-border)!important}
.restaurant-table tr.row-warning{background:color-mix(in srgb,#ffbc42 7%,var(--n5-surface))}
.product-actions button,.more-actions summary,.category-admin-row button,.super-actions button,.super-actions summary,.n5-actions-inline button,.n5-actions-inline a,.qr-download-actions button{background:var(--n5-surface);border-color:var(--n5-border);color:var(--n5-text)}
.more-actions>div,.super-actions details>div{background:var(--n5-surface);border-color:var(--n5-border);box-shadow:0 18px 45px #0004}
.more-actions>div button,.super-actions details a{color:var(--n5-text)}
.sticky-save{background:color-mix(in srgb,var(--n5-surface) 94%,transparent);backdrop-filter:blur(12px);border-color:var(--n5-border)}
.share-panel{background:linear-gradient(135deg,#111318,#1c2229);box-shadow:0 14px 35px #0002}
html[data-panel-resolved="dark"] .share-panel{background:linear-gradient(135deg,#080a0d,#121820);border:1px solid #ffffff10}
html[data-panel-resolved="dark"] .dashboard-grid .panel,
html[data-panel-resolved="dark"] .metrics-grid article,
html[data-panel-resolved="dark"] .super-metrics article{box-shadow:0 14px 40px #0003}
html[data-panel-resolved="dark"] .metrics-grid .metric-wide{background:linear-gradient(135deg,#11261a,var(--n5-surface))}
html[data-panel-resolved="dark"] .inline-create input,
html[data-panel-resolved="dark"] .product-actions button,
html[data-panel-resolved="dark"] .more-actions summary{background:var(--n5-surface-2)}
html[data-panel-resolved="dark"] .admin-image-placeholder{background:#222933;color:#89939e}
html[data-panel-resolved="dark"] .status-pills .neutral{background:#2a313a;color:#c1c8d0}
html[data-panel-resolved="dark"] .business-status.open{background:#102b1c;color:#61e994;border-color:#214b31}
html[data-panel-resolved="dark"] .business-status.closed{background:#30191b;color:#ff9696;border-color:#5e292d}
html[data-panel-resolved="dark"] .switch-card input{accent-color:var(--n5-brand)}
html[data-panel-resolved="dark"] .n5-notice{background:#10281a;border-color:#2a6040;color:#baf7cf}
html[data-panel-resolved="dark"] .n5-warning,.migration-banner{background:#302711;border-color:#66511d;color:#f7d982}
html[data-panel-resolved="dark"] .subscription-warning{background:#331a1c;border-color:#6d3035;color:#ffb1b1}
html[data-panel-resolved="dark"] .subscription-warning.soon{background:#302711;border-color:#66511d;color:#f7d982}
html[data-panel-resolved="dark"] .template-thumb.minimal-thumb{background:#fff;color:#111}
html[data-panel-resolved="dark"] .formal-thumb{color:#40382f}

/* Centro de acciones rápidas */
.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 18px}
.quick-action-card{display:flex;align-items:center;gap:12px;min-height:84px;padding:14px;background:var(--n5-surface);border:1px solid var(--n5-border);border-radius:16px;text-decoration:none;box-shadow:0 5px 18px #00000008}
.quick-action-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--n5-brand) 42%,var(--n5-border));box-shadow:0 13px 30px #00000012}
.quick-action-card>span{flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--n5-brand) 14%,var(--n5-surface));color:color-mix(in srgb,var(--n5-brand) 72%,#0b381d);display:grid;place-items:center;font-size:20px;font-weight:900}
.quick-action-card b,.quick-action-card small{display:block}.quick-action-card small{color:var(--n5-muted);margin-top:2px;line-height:1.3}
.onboarding-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--n5-brand) 14%,var(--n5-surface)),var(--n5-surface));border:1px solid color-mix(in srgb,var(--n5-brand) 30%,var(--n5-border))}
.onboarding-callout h2{font-size:17px;margin:0 0 3px}.onboarding-callout p{margin:0;color:var(--n5-muted);font-size:13px}.onboarding-callout .button{flex:none}

/* Selector visual de temas */
.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}
.theme-option{display:block!important;margin:0!important;cursor:pointer;position:relative}
.theme-option input{position:absolute;opacity:0;pointer-events:none}
.theme-card{display:block;overflow:hidden;border:2px solid var(--n5-border);border-radius:16px;background:var(--n5-surface);min-height:178px;box-shadow:0 5px 18px #00000008}
.theme-option input:checked+.theme-card{border-color:var(--n5-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--n5-brand) 17%,transparent),0 12px 28px #0001}
.theme-option input:focus-visible+.theme-card{outline:3px solid color-mix(in srgb,var(--n5-brand) 35%,transparent);outline-offset:2px}
.theme-preview{display:grid;grid-template-rows:45px 1fr;height:116px;padding:10px;gap:7px}
.theme-preview::before{content:"";display:block;border-radius:9px;background:var(--tp-cover,#222)}
.theme-preview::after{content:"";display:block;border-radius:9px;background:linear-gradient(90deg,var(--tp-card,#fff) 0 58%,transparent 58%),linear-gradient(var(--tp-card,#fff) 0 47%,transparent 47% 53%,var(--tp-card,#fff) 53%);border:1px solid var(--tp-border,#ddd)}
.theme-card-copy{display:block;padding:11px 12px;border-top:1px solid var(--n5-border)}
.theme-card-copy b,.theme-card-copy small{display:block}.theme-card-copy small{color:var(--n5-muted);font-weight:500;margin-top:2px}
.preview-modern{--tp-cover:linear-gradient(135deg,#222b33,#101317);--tp-card:#fff;--tp-border:#e2e7ea;background:#f2f5f6}
.preview-dark{--tp-cover:linear-gradient(135deg,#263025,#080a0c);--tp-card:#171b20;--tp-border:#343c46;background:#0e1115}
.preview-warm{--tp-cover:linear-gradient(135deg,#a33d22,#e9953e);--tp-card:#fff9f0;--tp-border:#ead7c2;background:#f8efe3}
.preview-coffee{--tp-cover:linear-gradient(135deg,#3b2b22,#9b7659);--tp-card:#faf8f3;--tp-border:#d9d1c5;background:#f2efe8}
.preview-fast{--tp-cover:linear-gradient(90deg,#101216,#ffcc31);--tp-card:#fff;--tp-border:#17191d;background:#fff}
.preview-classic{--tp-cover:linear-gradient(135deg,#74553d,#c6a886);--tp-card:#fffdfa;--tp-border:#bda88c;background:#fbf7f0}

/* Formularios mejor estructurados */
.form-grid>label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{min-height:46px}.form-grid textarea{min-height:105px;resize:vertical}
.section-heading{scroll-margin-top:20px}.section-heading>span{background:color-mix(in srgb,var(--n5-brand) 13%,var(--n5-surface));color:color-mix(in srgb,var(--n5-brand) 72%,#0b381d)}
.settings-panel,.product-editor,.super-editor{width:100%}

/* Animación discreta */
.n5-ui-ready .panel,.n5-ui-ready .dashboard-hero,.n5-ui-ready .share-panel,.n5-ui-ready .metrics-grid,.n5-ui-ready .super-metrics,.n5-ui-ready .quick-actions-grid{animation:n5-rise .28s ease both}
@keyframes n5-rise{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .layout{display:block}.sidebar{position:sticky;z-index:40;top:0;height:auto;display:flex;flex-direction:row;align-items:center;padding:10px 12px;gap:5px;background:color-mix(in srgb,var(--n5-sidebar) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}
 .sidebar h2{display:none}.sidebar a{flex:none;margin:0;padding:9px 11px;font-size:13px}.n5-sidebar-tools{margin:0 0 0 auto;padding:0;border:0;flex:none}.n5-theme-toggle{width:42px;height:42px;padding:0;justify-content:center;border-radius:12px}.n5-theme-toggle span:first-child{background:transparent}.n5-theme-toggle span:last-child{display:none}
 .content{padding:14px}.quick-actions-grid{grid-template-columns:1fr 1fr}.onboarding-callout{align-items:flex-start;flex-direction:column}.onboarding-callout .button{width:100%}.theme-picker{grid-template-columns:1fr 1fr}.theme-card{min-height:158px}.theme-preview{height:100px}
}
@media(max-width:500px){.quick-actions-grid,.theme-picker{grid-template-columns:1fr}.quick-action-card{min-height:72px}.dashboard-hero h1{font-size:26px}.theme-card{min-height:0}.theme-preview{height:88px}.login-card{padding:20px}.content{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}