/* COMASIRA'S 4.34.1 — Refinement UX mobile-first.
   Solo stile; nessun handler, dato o permesso viene alterato. */
:root{
  --cs-ink:#252823; --cs-ink-soft:#535a50; --cs-paper:#f6f4ef;
  --cs-glass:#fffefa; --cs-border:#e6e1d7; --cs-gold:#d4a968;
  --cs-forest:#314c3b; --cs-wine:#783940;
  --cs-ease:cubic-bezier(.2,.75,.25,1);
  --cs-shadow:0 5px 20px rgba(27,28,21,.055),0 1px 3px rgba(27,28,21,.035)
}
.cs-icon-svg{display:block;flex:0 0 auto;width:23px;height:23px;stroke:currentColor;fill:none;overflow:visible}
.cs-ink-accent{stroke:currentColor;stroke-width:2.2;opacity:.68}
[data-cs-icon]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cs-gold)!important;outline-offset:3px!important}
/* Controlled colors and less visual fragmentation */
#pRoot .hub-shell,.hub-mode .hub-shell,.sales-shell,.e-shell,.app-main{--shadow:var(--cs-shadow)}
#pRoot .ops-hero{background:linear-gradient(117deg,#1b2e24,#334e3e 65%,#48674d)!important;border-radius:22px!important;border:1px solid #ffffff0e!important;box-shadow:0 16px 38px rgba(30,51,32,.14)!important}
#pRoot .ops-hero:before{right:-82px;top:-105px;width:255px;height:255px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff04}
#pRoot .ops-hero .eyebrow{color:#e6c995!important}
#pRoot .ops-hero h1{font-size:clamp(25px,4vw,36px)!important;font-weight:820!important;max-width:450px}
#pRoot .ops-action-title h2{font-size:clamp(20px,3vw,25px);font-weight:840}
/* Primary actions now have recognizable custom-drawn vector symbols, not decorative Unicode numbers */
#pRoot .ops-main-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;margin-bottom:16px}
#pRoot .ops-main-actions .ops-quick{
  --cs-tile:#264d38;--cs-tile2:#3f7052;--cs-icon:#c8e6cc;
  position:relative;overflow:hidden;isolation:isolate;display:grid!important;
  grid-template-columns:1fr 22px!important;grid-template-rows:62px minmax(0,1fr)!important;
  align-items:start!important;gap:9px 2px!important;min-height:164px!important;
  background:linear-gradient(145deg,var(--cs-tile),var(--cs-tile2))!important;
  border:1px solid rgba(255,255,255,.11)!important;border-left:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;padding:17px 16px!important;
  box-shadow:0 10px 21px rgba(23,30,21,.10),inset 0 1px rgba(255,255,255,.12)!important;
  color:#fff!important;transform:translateZ(0);transition:transform .2s var(--cs-ease),box-shadow .2s var(--cs-ease)!important;
}
#pRoot .ops-main-actions .ops-quick::after{
  content:"";position:absolute;width:135px;height:135px;right:-65px;top:-64px;z-index:-1;
  border:1px solid rgba(255,255,255,.20);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.022),0 0 0 45px rgba(255,255,255,.018);pointer-events:none
}
#pRoot .ops-main-actions .ops-harvest{--cs-tile:#244532;--cs-tile2:#42704e;--cs-icon:#d3eed4}
#pRoot .ops-main-actions .ops-drying{--cs-tile:#70471f;--cs-tile2:#a77437;--cs-icon:#fff1c4}
#pRoot .ops-main-actions .ops-maceration{--cs-tile:#612e3c;--cs-tile2:#995061;--cs-icon:#ffe0df}
#pRoot .ops-main-actions .ops-bottling{--cs-tile:#25465a;--cs-tile2:#467584;--cs-icon:#d5f2f6}
#pRoot .ops-main-actions .cs-action-icon{
  grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;
  width:56px!important;height:56px!important;border:1px solid rgba(255,255,255,.23)!important;
  border-radius:17px!important;background:rgba(255,255,255,.13)!important;
  color:var(--cs-icon)!important;box-shadow:inset 0 1px rgba(255,255,255,.10)
}
#pRoot .ops-main-actions .cs-action-icon .cs-icon-svg{width:33px!important;height:33px!important;stroke-width:1.65}
#pRoot .ops-main-actions .ops-quick>span:nth-child(2){grid-column:1 / 3!important;grid-row:2!important;display:flex!important;gap:5px!important;align-items:flex-start!important;justify-content:flex-end;min-height:46px}
#pRoot .ops-main-actions .ops-quick strong{color:#fff!important;font-size:15px!important;font-weight:830!important;letter-spacing:-.02em!important;line-height:1.13!important;text-shadow:0 1px 1px #0002}
#pRoot .ops-main-actions .ops-quick small{color:rgba(255,255,255,.82)!important;font-size:10px!important;font-weight:520!important;line-height:1.28!important}
#pRoot .ops-main-actions .ops-quick i{grid-column:2!important;grid-row:1!important;font-style:normal!important;place-self:start end;color:#fff9!important;line-height:1;font-size:21px!important}
#pRoot .ops-main-actions .ops-quick:active{transform:scale(.974)!important;background:linear-gradient(145deg,var(--cs-tile),var(--cs-tile2))!important}
@media(hover:hover){#pRoot .ops-main-actions .ops-quick:hover{transform:translateY(-3px)!important;box-shadow:0 14px 29px rgba(23,30,21,.17)!important}}
/* Secondary actions: small illustrated controls, clearly subordinate to frequent work */
#pRoot .ops-action-bar button{border-radius:16px!important;background:var(--cs-glass)!important;border:1px solid var(--cs-border)!important;box-shadow:var(--cs-shadow)!important}
#pRoot .ops-bar-symbol{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:13px!important;background:#e9f0e6!important;color:#426744!important}
#pRoot .ops-bar-symbol .cs-icon-svg{width:25px;height:25px}
#pRoot .ops-expand{border-radius:19px!important;border:1px solid var(--cs-border)!important;box-shadow:var(--cs-shadow)!important}
#pRoot .ops-expand summary{min-height:70px!important}
#pRoot .ops-action-group h3{color:#75674e!important;font-size:11px!important;letter-spacing:.1em!important}
#pRoot .ops-list button{gap:10px!important;justify-content:flex-start!important;min-height:46px!important;border-radius:12px!important;transition:border-color .16s,background .16s}
#pRoot .ops-list button .cs-list-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#5b6f52;background:#eef1e8;border-radius:9px}
#pRoot .ops-list button .cs-list-icon .cs-icon-svg{width:19px;height:19px;stroke-width:1.85}
#pRoot .ops-list button>span:not(.cs-list-icon){flex:1;min-width:0}
#pRoot .ops-list button small{margin-left:auto;font-size:19px!important}
#pRoot .ops-recent-head h2,#pRoot .page-head h1{font-weight:820!important;letter-spacing:-.04em}
#pRoot .ops-filter-presets button{min-height:39px;border-radius:11px!important}
#pRoot .ops-filter-presets button.active{background:#315440!important}
/* Bottom bars: high-contrast vector symbols, calm selected state */
#pRoot .bottom-nav .cs-nav-icon,.hub-mode .bottom-nav .cs-nav-icon,.app-view .bottom-nav [data-cs-icon]{display:grid!important;place-items:center!important;width:28px!important;height:25px!important}
#pRoot .bottom-nav .cs-icon-svg,.hub-mode .bottom-nav .cs-icon-svg,.app-view .bottom-nav .cs-icon-svg{width:21px!important;height:21px!important;stroke-width:1.8}
#pRoot .bottom-nav .nav-item,#commercialNav .nav-item,.app-view .bottom-nav button{min-width:0;min-height:57px;border-radius:12px!important;transition:color .18s,background .18s}
#pRoot .bottom-nav .nav-item.active,#commercialNav .nav-item.active{background:rgba(208,169,104,.12)!important;color:#b99051!important}
#pRoot .bottom-nav .nav-item small,#commercialNav .nav-item small{font-size:10px!important;font-weight:690!important}
/* Warehouse: recognizable icons, clear sequencing, consistently sized tap targets */
.warehouse-view .warehouse-hero{border-radius:22px!important;box-shadow:0 14px 30px #23251f1f!important}
.warehouse-view .warehouse-jump-grid{gap:11px!important}
.warehouse-view .warehouse-jump-card{position:relative;overflow:hidden;display:grid!important;grid-template-columns:45px 1fr 16px!important;grid-template-rows:auto auto!important;align-items:center!important;min-height:95px!important;gap:3px 12px!important;text-align:left!important;padding:15px!important;border:1px solid #e3dfd6!important;border-radius:17px!important;background:#fffefa!important;box-shadow:var(--cs-shadow)!important;border-top:1px solid #e3dfd6!important}
.warehouse-view .warehouse-jump-card:first-child,.warehouse-view .warehouse-jump-card:nth-child(2),.warehouse-view .warehouse-jump-card:nth-child(3),.warehouse-view .warehouse-jump-card:nth-child(4){border-top:1px solid #e3dfd6!important}
.warehouse-view .warehouse-jump-icon{display:grid!important;grid-column:1!important;grid-row:1 / span 2!important;width:43px!important;height:43px!important;margin:0!important;border-radius:14px!important;background:#f3e8df!important;color:#8b5849!important}
.warehouse-view .warehouse-jump-card:nth-child(2) .warehouse-jump-icon{background:#e9f1e8!important;color:#557d53!important}
.warehouse-view .warehouse-jump-card:nth-child(3) .warehouse-jump-icon{background:#e8eff1!important;color:#416f80!important}
.warehouse-view .warehouse-jump-card:nth-child(4) .warehouse-jump-icon{background:#f2ecdc!important;color:#8d7642!important}
.warehouse-view .warehouse-jump-icon .cs-icon-svg{width:25px!important;height:25px!important;stroke-width:1.75!important}
.warehouse-view .warehouse-jump-card strong{grid-column:2!important;grid-row:1!important;color:#292f29!important;font-size:14px!important;font-weight:800!important;line-height:1.14!important}
.warehouse-view .warehouse-jump-card small{grid-column:2!important;grid-row:2!important;color:#737b72!important;font-size:10px!important;line-height:1.36!important}
.warehouse-view .warehouse-jump-arrow{grid-column:3!important;grid-row:1 / span 2!important;place-self:center!important;color:#a28a60!important}
.warehouse-view .warehouse-packaging-shortcuts{gap:10px!important}
.warehouse-view .warehouse-packaging-shortcuts button{display:flex!important;align-items:center!important;gap:12px!important;background:#fffdf9!important;border-radius:15px!important;border:1px solid var(--cs-border)!important;box-shadow:var(--cs-shadow)!important;min-height:70px!important}
.warehouse-view .warehouse-packaging-shortcuts button>span:nth-child(2){flex:1;min-width:0}
.warehouse-view .warehouse-packaging-shortcuts .shortcut-emoji{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;background:#edf1e9!important;color:#55704e!important}
.warehouse-view .warehouse-packaging-shortcuts .shortcut-emoji .cs-icon-svg{width:25px!important;height:25px!important}
.warehouse-view .warehouse-operations{border-radius:20px!important}
.warehouse-view .warehouse-operations .section-head h2{color:#262c27!important}
.warehouse-view .warehouse-inventory-disclosure{border-radius:20px!important}
/* Dashboard HUB, Sales: replace missing symbols with one coherent outlined set */
.hub-mode .view[data-view='dashboard'] .quick-card b{display:grid!important;place-items:center!important;width:35px!important;height:35px!important;flex:0 0 35px!important;border-radius:11px!important;background:#eee9de!important;color:#886641!important}
.hub-mode .view[data-view='dashboard'] .quick-card b .cs-icon-svg{width:22px;height:22px}
.sales-workspace-tab .workspace-icon .cs-icon-svg{width:23px;height:23px}
.dashboard-action .dashboard-action-icon .cs-icon-svg{width:22px;height:22px;stroke-width:1.8}
.sales-workspace-nav{border:1px solid var(--cs-border)!important}
.sales-workspace-tab.active{background:#eee6d9!important;color:#673c35!important}
/* Venditori app: consistent readable actions, strong touch targets and calmer contrast */
.app-main .quick-grid button{box-shadow:var(--cs-shadow)!important;border:1px solid var(--cs-border)!important;background:var(--cs-glass)!important;transition:transform .16s var(--cs-ease)!important}
.app-main .quick-grid button>span:first-child{background:#edf0e7!important;color:#4e6b4f!important;border-radius:12px!important;width:40px!important;height:40px!important}
.app-main .quick-grid button>span:first-child .cs-icon-svg{width:23px!important;height:23px!important}
.app-main .quick-grid button:nth-child(2)>span:first-child{background:#f3e9df!important;color:#905943!important}
.app-main .quick-grid button:nth-child(3)>span:first-child{background:#e7eff3!important;color:#4d7288!important}
.app-main .quick-grid button:nth-child(4)>span:first-child{background:#f0eafa!important;color:#735c8b!important}
.app-main .quick-grid button:active{transform:scale(.985)}
.app-view .bottom-nav{background:rgba(255,254,251,.98)!important;border-top:1px solid #dddcd6!important}
.app-view .bottom-nav button.active{color:#6f383b!important;background:#f3e6e1!important}
.app-view .bottom-nav button small{font-size:9.5px!important}
/* Interactions: every tap target at least comfortably finger-sized without changing handlers */
#pRoot .ops-list button,.warehouse-view .warehouse-jump-card,.warehouse-view .warehouse-packaging-shortcuts button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){.ops-quick,.quick-grid button,.warehouse-jump-card{transition:none!important;animation:none!important}}
@media (max-width:1090px){#pRoot .ops-main-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  #pRoot .ops-main-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .warehouse-view .warehouse-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .warehouse-view .warehouse-jump-card{grid-template-columns:38px 1fr!important;grid-template-rows:38px auto auto!important;gap:4px!important;padding:14px!important;min-height:132px!important}
  .warehouse-view .warehouse-jump-icon{grid-column:1!important;grid-row:1!important;width:38px!important;height:38px!important}
  .warehouse-view .warehouse-jump-card strong{grid-column:1 / span 2!important;grid-row:2!important;font-size:13px!important;margin-top:4px!important}
  .warehouse-view .warehouse-jump-card small{grid-column:1 / span 2!important;grid-row:3!important;font-size:10px!important}
  .warehouse-view .warehouse-jump-arrow{grid-column:2!important;grid-row:1!important;justify-self:end!important}
}
@media(max-width:480px){
  #pRoot .ops-main-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #pRoot .ops-main-actions .ops-quick{min-height:155px!important;padding:14px!important;grid-template-columns:1fr 16px!important;grid-template-rows:60px auto!important;gap:7px!important;border-radius:18px!important}
  #pRoot .ops-main-actions .cs-action-icon{width:53px!important;height:53px!important;border-radius:16px!important}
  #pRoot .ops-main-actions .cs-action-icon .cs-icon-svg{width:32px!important;height:32px!important}
  #pRoot .ops-main-actions .ops-quick>span:nth-child(2){min-height:45px!important;justify-content:flex-start!important}
  #pRoot .ops-main-actions .ops-quick strong{font-size:13px!important;line-height:1.2!important}
  #pRoot .ops-main-actions .ops-quick small{font-size:9.5px!important}
  #pRoot .ops-action-bar button{min-height:67px!important;padding:10px!important}
  #pRoot .ops-bar-symbol{width:35px!important;height:35px!important;flex:0 0 35px!important;border-radius:11px!important}
  #pRoot .ops-bar-symbol .cs-icon-svg{width:22px!important;height:22px!important}
  .warehouse-view .warehouse-jump-card{min-height:132px!important}
  .app-main .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .app-main .quick-grid button{min-height:112px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:4px!important;padding:12px!important;border-radius:15px!important}
  .app-main .quick-grid button>span:first-child{width:37px!important;height:37px!important;flex:0 0 37px!important;margin-bottom:2px!important}
  .app-main .quick-grid button>b{font-size:13px!important}
  .app-main .quick-grid button>small{margin-top:0!important;font-size:9.5px!important;line-height:1.28!important}
}
@media (max-width:345px){
  #pRoot .ops-main-actions .ops-quick{min-height:157px!important;padding:11px!important}
  #pRoot .ops-main-actions .ops-quick strong{font-size:12px!important}
  .warehouse-view .warehouse-jump-card{padding:11px!important}
  .app-main .quick-grid button>b{font-size:12px!important}
}
/* Icons do not intercept the parent buttons' click/tap handlers. */
.cs-icon-svg,.cs-icon-svg *{pointer-events:none}