/* COMASIRA'S HUB 4.34.0 — App-first navigation. Behavior remains owned by original scripts. */
:root{--app-burgundy:#7b2f35;--app-ink:#24221f;--app-surface:#f5f4f1;--app-stroke:#e7e1d9;--app-quiet:#6f6a62}
body{background:var(--app-surface);-webkit-font-smoothing:antialiased}
/* Action-first Home. Dense, legible destinations replace oversized illustrated tiles. */
.hub-intro{border-radius:22px!important;padding:21px 24px!important;min-height:unset!important;box-shadow:0 10px 30px rgba(27,19,15,.13)!important}
.hub-intro-copy>p:last-child{max-width:490px}
.hub-shortcut-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 23px}
.hub-shortcut-rail button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1px solid #e6dfd6;background:#fff;border-radius:15px;min-height:56px;padding:12px 14px;box-shadow:0 4px 14px rgba(34,27,19,.045);color:#302b25;font:inherit;font-weight:760;font-size:13px}
.hub-shortcut-rail button:first-child{background:#7b2f35;border-color:#7b2f35;color:#fff}
.hub-shortcut-rail button span:last-child{font-size:18px;opacity:.65}
.department-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:10px 0 22px!important}
.department-grid .department-card{position:relative;display:grid!important;grid-template-columns:46px minmax(0,1fr) 22px!important;align-items:center!important;gap:14px!important;min-height:103px!important;height:auto!important;padding:17px 19px!important;border:1px solid #e6ded4!important;border-radius:18px!important;background:#fff!important;color:#2c2723!important;box-shadow:0 3px 15px rgba(46,35,23,.05)!important;overflow:hidden!important;isolation:auto!important;text-align:left!important}
.department-grid .department-card::before,.department-grid .department-card::after{display:none!important}
.department-grid .department-card:active{background:#f6efe7!important}
.department-grid .department-number{display:none!important}
.department-grid .department-icon{position:static!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#f7efe4!important;border:1px solid #edddc5!important;color:#88613b!important;margin:0!important;flex-shrink:0}
.department-grid .department-icon svg{width:22px!important;height:22px!important}
.department-grid .department-copy{width:auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;gap:3px!important;margin:0!important;padding:0!important}
.department-grid .department-copy small{font-family:inherit!important;color:#9a7048!important;font-size:9px!important;font-weight:840!important;letter-spacing:.08em!important}
.department-grid .department-copy strong{font-family:inherit!important;color:#2c2723!important;font-size:17px!important;font-weight:830!important;letter-spacing:-.028em!important;text-transform:none!important;line-height:1.16!important;max-width:none!important;margin:0!important}
.department-grid .department-copy strong br{display:none}
.department-grid .department-copy em{color:#817970!important;font-size:11px!important;font-style:normal!important;max-width:none!important;line-height:1.4!important}
.department-grid .department-arrow{position:static!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#866953!important;font-size:19px!important;justify-self:end!important}
.department-grid .department-mary .mary-card-open{position:absolute!important;inset:0!important;z-index:1!important}
.department-grid .department-mary .mary-home-talk-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0!important;position:relative!important;z-index:2!important}
.department-grid .department-mary .mary-home-talk{width:42px!important;height:42px!important;padding:0!important;min-height:42px!important}
.department-grid .department-mary .mary-home-talk-label{display:none!important}
.department-grid .department-commercial,.department-grid .department-warehouse,.department-grid .department-finance{border-left:3px solid #8a3439!important}
.hub-today{border-radius:18px!important;background:#fff!important;box-shadow:0 5px 16px rgba(43,29,17,.04)}
.hub-today h2{font-size:21px!important}
.department-search input{border-radius:14px!important;min-height:45px}
/* Consistent operational controls, without changing event handlers. */
.hub-shell .quick-grid{gap:9px!important}.hub-shell .quick-card{min-height:73px!important;border-radius:16px!important;box-shadow:0 3px 12px #21170d09!important}
.hub-shell .quick-card b{font-family:inherit!important;font-size:20px!important}
.fo-panel,.fo-metric,.kpi,.warehouse-jump-card{box-shadow:0 3px 16px rgba(36,27,19,.045)!important}
@media(max-width:700px){
  .app-shell{padding:13px 13px 76px!important}
  .hub-intro{padding:19px!important;min-height:0!important;border-radius:19px!important}
  .hub-shortcut-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:19px}
  .hub-shortcut-rail button{min-height:50px;padding:10px 12px;font-size:12px;border-radius:12px}
  .department-grid{grid-template-columns:1fr!important;gap:8px!important}
  .department-grid .department-card{grid-template-columns:41px minmax(0,1fr) 18px!important;min-height:80px!important;padding:13px 14px!important;gap:12px!important;border-radius:15px!important}
  .department-grid .department-icon{width:39px!important;height:39px!important;border-radius:11px!important}
  .department-grid .department-icon svg{width:20px!important;height:20px!important}
  .department-grid .department-copy strong{font-size:16px!important}
  .department-grid .department-copy em{font-size:10px!important;line-height:1.25!important}
  .department-grid .department-copy small{font-size:8px!important}
  .department-grid .department-mary .mary-home-talk-wrap,.department-grid .department-mary .mary-home-talk{width:39px!important;height:39px!important}
  .hub-today{margin-bottom:14px!important;padding:15px!important}
  .today-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .today-action{min-height:65px!important}
}
@media(max-width:375px){.hub-shortcut-rail{grid-template-columns:1fr 1fr}.department-grid .department-copy em{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.department-grid .department-card,.hub-shortcut-rail button{transition:none!important}}