/* CUNSIGNAMO V82L — Restyling Amministrazione dal mockup Help Desk v5.
   Solo ruolo amministrazione; nessun elemento operativo viene sostituito. */
body[data-area-role="admin"]{
 --ca82l-bg:#f4f6fa;--ca82l-white:#fff;--ca82l-ink:#192337;--ca82l-muted:#738095;
 --ca82l-border:#e7eaf0;--ca82l-orange:#f47721;--ca82l-green:#15986c;--ca82l-red:#d94a50;
 --ca82l-blue:#3474c9;--ca82l-shadow:0 5px 25px rgba(24,40,67,.055);
 color:var(--ca82l-ink);background:var(--ca82l-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;
}
body[data-area-role="admin"] #app{background:var(--ca82l-bg)!important;color:var(--ca82l-ink)!important;min-height:100dvh;padding:14px 14px calc(94px + env(safe-area-inset-bottom))!important;overflow-x:clip!important;}
body[data-area-role="admin"] #root{color:var(--ca82l-ink)!important;max-width:1500px!important;width:100%;margin:0 auto!important;padding:0 3px!important;overflow:visible!important;box-sizing:border-box!important;}
body[data-area-role="admin"] #root>.top{background:var(--ca82l-white)!important;border:1px solid var(--ca82l-border)!important;border-radius:15px!important;padding:11px 15px!important;box-shadow:var(--ca82l-shadow);gap:12px!important;margin:0 0 15px;position:relative;z-index:5;}
body[data-area-role="admin"] #root>.top .ca-v52-brand,body[data-area-role="admin"] #root>.top #cunsignamo-home-brand{max-width:240px;}
body[data-area-role="admin"] #area-page-title{font-size:clamp(20px,2.2vw,24px)!important;letter-spacing:-.03em;color:var(--ca82l-ink);font-weight:850;margin:15px 0 10px!important;}
/* Shared card treatment extends to all existing Administration screens. */
body[data-area-role="admin"] #root>.card,
body[data-area-role="admin"] #root>.section.card,
body[data-area-role="admin"] #root>section.card,
body[data-area-role="admin"] #ca80u-board,
body[data-area-role="admin"] #ca83-admin-groups,
body[data-area-role="admin"] #root .ca83-inner-panel,
body[data-area-role="admin"] #root .ca80u-block,
body[data-area-role="admin"] #root .food-order,
body[data-area-role="admin"] #root .order-card,
body[data-area-role="admin"] #root .ca80u-order {
 background:var(--ca82l-white)!important;color:var(--ca82l-ink)!important;
 border:1px solid var(--ca82l-border)!important;border-radius:15px!important;
 box-shadow:var(--ca82l-shadow)!important;box-sizing:border-box;min-width:0;
}
body[data-area-role="admin"] #root>.card,body[data-area-role="admin"] #root>.section.card{padding:16px!important;margin:12px 0!important;}
body[data-area-role="admin"] #root .ca80u-order{border-radius:11px!important;box-shadow:none!important;overflow:hidden;}
body[data-area-role="admin"] #root .ca80u-block{border-radius:12px!important;box-shadow:none!important;background:#fbfcff!important;}
body[data-area-role="admin"] #root .ca80u-heading{padding:2px 0 6px;border-bottom:1px solid var(--ca82l-border)}
body[data-area-role="admin"] #root .ca80u-heading h2{font-size:19px!important;color:var(--ca82l-ink)!important;}
body[data-area-role="admin"] #root .ca80u-priority{border-color:var(--ca82l-orange)!important;}
body[data-area-role="admin"] #root .ca80u-line{gap:10px!important;padding:12px!important;}
body[data-area-role="admin"] #root .ca80u-title b{font-weight:850;color:#192337;}
body[data-area-role="admin"] #root .ca80u-title small,body[data-area-role="admin"] #root .muted{color:var(--ca82l-muted)!important;}
body[data-area-role="admin"] #root h2,body[data-area-role="admin"] #root h3,body[data-area-role="admin"] #root h4{color:var(--ca82l-ink);letter-spacing:-.018em;}
body[data-area-role="admin"] #root h3{font-size:15px;}
body[data-area-role="admin"] #root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body[data-area-role="admin"] #root select,
body[data-area-role="admin"] #root textarea{color:#192337;background:#fff;border:1px solid #dfe4ec;border-radius:9px;max-width:100%;box-sizing:border-box;min-height:39px;}
body[data-area-role="admin"] #root input:focus-visible,body[data-area-role="admin"] #root select:focus-visible,body[data-area-role="admin"] #root textarea:focus-visible{outline:2px solid #f4772199;outline-offset:1px;}
body[data-area-role="admin"] #root button{touch-action:manipulation;}
body[data-area-role="admin"] #root .btn:not(.ghost):not(.secondary):not(.danger):not(.red):not(.cancel):not(.btn-danger),body[data-area-role="admin"] #root button[data-u-refresh]{background:#f47721;color:#fff;border-color:#f47721;border-radius:9px;font-weight:800;}
body[data-area-role="admin"] #root .btn.ghost,body[data-area-role="admin"] #root .btn.secondary,body[data-area-role="admin"] #root .ca80u-line>button,body[data-area-role="admin"] #root .ca80u-collapse,
body[data-area-role="admin"] #root .ca80u-actions>button{border-radius:9px;}
body[data-area-role="admin"] #root .ca83-group-button{border-radius:10px!important;min-height:42px;}
body[data-area-role="admin"] #root .ca83-group-button.is-active{background:#fff0e2!important;color:#b65a11!important;border-color:#f8cba7!important;}
body[data-area-role="admin"] #root table{border-collapse:separate;border-spacing:0;max-width:100%;}
body[data-area-role="admin"] #root table th{background:#f5f7fb;color:#536176;font-size:12px;}
body[data-area-role="admin"] #root table td,body[data-area-role="admin"] #root table th{border-color:var(--ca82l-border);}
body[data-area-role="admin"] #root summary{cursor:pointer;}
body[data-area-role="admin"] #root .order-actions,body[data-area-role="admin"] #root .ca80u-actions{gap:8px;}
/* Navigation menu uses original event handlers and data-menu identifiers. */
body[data-area-role="admin"] #area-menu.area-menu.admin{background:#fff!important;border:1px solid var(--ca82l-border)!important;box-shadow:var(--ca82l-shadow)!important;}
body[data-area-role="admin"] #area-menu .menu-button{color:#536076!important;font-size:13px!important;font-weight:750!important;border-radius:9px!important;transition:background-color .13s,color .13s;}
body[data-area-role="admin"] #area-menu .menu-button.active{background:#fff1e7!important;color:#c45b12!important;}
body[data-area-role="admin"] #area-menu .menu-button:focus-visible{outline:2px solid #f47721;outline-offset:2px;}
body[data-area-role="admin"] #area-menu .menu-count{background:#f47721;color:#fff;}
/* Status toolbar: always visible in Administration, including while a different tab is open. */
body[data-area-role="admin"] #ca82l-livebar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;
 background:#fff;border:1px solid var(--ca82l-border);border-radius:12px;padding:11px 13px;margin:0 0 13px;box-shadow:var(--ca82l-shadow);}
#ca82l-livebar[hidden]{display:none!important}
#ca82l-livebar .ca82l-live-title{font-size:12px;font-weight:850;display:flex;align-items:center;gap:7px;color:#192337}
#ca82l-livebar .ca82l-live-note{font-size:11px;color:#738095;line-height:1.4;margin-top:4px}
#ca82l-livebar .ca82l-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
#ca82l-livebar .ca82l-status{font-size:11px;font-weight:850;border-radius:20px;padding:7px 11px;background:#e8f8ef;color:#168457}
#ca82l-livebar .ca82l-status.ca82l-urgent{background:#ffebe9;color:#be303b}
#ca82l-livebar .ca82l-mute{border:1px solid #e4e8ed;background:#f1f4f8;color:#34445b;font-size:12px;font-weight:850;padding:9px 12px;border-radius:9px;min-height:39px}
#ca82l-livebar .ca82l-mute[aria-pressed="true"]{background:#fff0e5;color:#ad540e;border-color:#f4cdad}
body[data-area-role="admin"] .ca82l-pulse{animation:ca82lNavPulse .82s ease-in-out infinite;}
body[data-area-role="admin"] .ca82l-helpdesk-warn{position:relative;}
body[data-area-role="admin"] .ca82l-helpdesk-warn .menu-count{background:#d94a50!important;}
body[data-area-role="admin"] .ca82l-alert-line{border-left:4px solid #d94a50!important;animation:ca82lOrderPulse 1.03s ease-in-out infinite;}
@keyframes ca82lNavPulse{0%,100%{background:#fff0e6;box-shadow:0 0 0 0 rgba(217,74,80,.35)}50%{background:#ffd7d9;box-shadow:0 0 0 4px rgba(217,74,80,.12)}}
@keyframes ca82lOrderPulse{0%,100%{background:#fff;border-color:#edb2b2}50%{background:#ffe5e5;border-color:#d32936}}
@media (min-width:1040px){
 body[data-area-role="admin"] #app{padding:16px 24px 28px!important;}
 body[data-area-role="admin"] #root{max-width:none!important;width:auto!important;margin-left:268px!important;margin-right:0!important;padding:0 0 10px!important;}
 body[data-area-role="admin"] #area-menu.area-menu.admin{position:fixed!important;top:17px!important;bottom:18px!important;left:19px!important;right:auto!important;
  z-index:52!important;width:240px!important;height:auto!important;min-height:0!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  padding:15px 11px!important;overflow-y:auto!important;overflow-x:hidden!important;gap:4px!important;transform:none!important;}
 body[data-area-role="admin"] #area-menu.admin .menu-button{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:11px!important;
  padding:11px 10px!important;width:100%!important;min-width:0!important;min-height:43px!important;flex:0 0 auto!important;white-space:normal!important;}
 body[data-area-role="admin"] #area-menu.admin .menu-count{position:static!important;right:auto!important;left:auto!important;margin-left:auto!important;}
 body[data-area-role="admin"] #ca82l-nav-header{padding:11px 9px 17px;border-bottom:1px solid #e7eaf0;margin-bottom:10px;}
 body[data-area-role="admin"] #ca82l-nav-header .ca82l-logo{display:inline-grid;place-items:center;background:#f47721;color:#fff;width:38px;height:38px;border-radius:12px;font-weight:950;font-size:19px;margin-right:9px;}
 body[data-area-role="admin"] #ca82l-nav-header .ca82l-brand{display:flex;align-items:center;color:#192337;font-weight:900;font-size:16px}
 body[data-area-role="admin"] #ca82l-nav-header .ca82l-caption{font-size:10px;font-weight:800;letter-spacing:.075em;color:#738095;margin-top:10px}
}
@media (min-width:1530px){body[data-area-role="admin"] #root{max-width:1390px!important;margin-left:calc(240px + (100vw - 1530px)/5)!important;}}
@media (max-width:1039px){
 body[data-area-role="admin"] #ca82l-nav-header{display:none!important}
 body[data-area-role="admin"] #area-menu.area-menu.admin{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:70!important;
  display:flex!important;flex-direction:row!important;gap:7px!important;border-radius:15px 15px 0 0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin;}
 body[data-area-role="admin"] #area-menu.admin .menu-button{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:3px!important;min-height:54px!important;min-width:76px!important;
  padding:8px 9px!important;text-align:center!important;white-space:nowrap!important;}
 body[data-area-role="admin"] #area-menu.admin .menu-count{position:absolute!important;right:3px!important;top:1px!important;}
}
@media (max-width:640px){
 body[data-area-role="admin"] #app{padding:8px 8px calc(96px + env(safe-area-inset-bottom))!important;}
 body[data-area-role="admin"] #root{padding:0 1px!important;}
 body[data-area-role="admin"] #root>.top{padding:10px 11px!important;border-radius:12px!important;gap:8px!important;}
 body[data-area-role="admin"] #root>.card,body[data-area-role="admin"] #root>.section.card{padding:12px!important;}
 body[data-area-role="admin"] #ca80u-board{padding:11px!important;}
 body[data-area-role="admin"] #ca82l-livebar{padding:9px 10px;gap:8px;}
 #ca82l-livebar .ca82l-live-note{max-width:310px;}
 #ca82l-livebar .ca82l-controls{margin-left:0;}
 body[data-area-role="admin"] #root .ca80u-line{gap:5px!important;padding:9px!important;}
 body[data-area-role="admin"] #root .ca80u-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body[data-area-role="admin"] #root input,body[data-area-role="admin"] #root select{font-size:16px;}
 body[data-area-role="admin"] #root .tablewrap{max-width:100%;overflow:auto;}
}
@media (prefers-reduced-motion:reduce){body[data-area-role="admin"] .ca82l-pulse,body[data-area-role="admin"] .ca82l-alert-line{animation:none!important;outline:2px solid #d94a50;}}

/* Operazioni distruttive: il rosso deve restare riconoscibile. */
body[data-area-role="admin"] #root .ca82d-admin-cancel,body[data-area-role="admin"] #root .ca82d-main-actions [data-ca82d-admin-cancel]{background:#d94a50!important;color:#fff!important;border-color:#d94a50!important;}

/* V82m: logo orizzontale ufficiale in alto, compatto sul mobile. */
body[data-area-role="admin"] #ca82l-nav-header .ca82m-horizontal-logo{display:block;width:100%;max-width:200px;height:auto;max-height:67px;object-fit:contain;object-position:left center}
body[data-area-role="admin"] #root>.top .ca82m-top-logo{display:block;flex:0 1 178px;min-width:0;max-width:178px;height:auto;max-height:65px;object-fit:contain;object-position:left center}
body[data-area-role="admin"] #root>.top:has(.ca82m-top-logo){flex-wrap:wrap;align-items:center}
@media(max-width:640px){body[data-area-role="admin"] #root>.top .ca82m-top-logo{max-width:min(165px,44vw);max-height:55px}body[data-area-role="admin"] #root>.top{flex-wrap:nowrap}}
/* HELP DESK: conservare la vista ordine compatta della demo V5. */
body[data-area-role="admin"] #root .ca80u-line{padding:9px 10px!important;gap:6px!important;border-radius:11px!important}

/* V82n: un SOLO wordmark visibile per viewport: sidebar desktop, intestazione mobile.
   Nasconde il vecchio duplicato della Home solo per l'Amministrazione. */
body[data-area-role="admin"] #root #cunsignamo-home-brand{display:none!important}
@media(min-width:1040px){body[data-area-role="admin"] #root>.top .ca82m-top-logo{display:none!important}}
@media(max-width:1039px){body[data-area-role="admin"] #root>.top .ca82m-top-logo{display:block!important}}

/* V82o: barra allarmi persistente anche quando app() ricrea #root. */
body[data-area-role="admin"] #app>#ca82l-livebar{
 position:sticky!important;top:6px;z-index:48!important;min-width:0;
 margin:0 0 11px 268px!important;box-sizing:border-box;
}
@media(max-width:1039px){body[data-area-role="admin"] #app>#ca82l-livebar{margin-left:0!important;top:4px}}
body[data-area-role="admin"] #app>#ca82l-livebar .ca82l-mute{flex-shrink:0;}
