/* Starkwood H3.6.4 — phone/tablet-only responsive shell.
   No styles are applied at desktop widths (>= 1101px), or when printing. */
.sw364-menu-button,.sw364-menu-backdrop{display:none}
@media screen and (max-width:1100px){
  html,body,#root{width:100%;max-width:100%;overflow-x:hidden}
  .app-shell{width:100%!important;max-width:100%;min-width:0;height:100dvh!important;max-height:100dvh;overflow:hidden}
  .sw364-layout{min-width:0;width:100%;max-width:100%;overflow:hidden}
  .sw364-main{min-width:0!important;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .sw364-header{padding-left:60px!important;min-width:0;gap:8px!important;z-index:2}
  .sw364-header>div:first-child{min-width:0;overflow:hidden}
  .sw364-header>div:last-child{gap:6px!important;min-width:0}
  .sw364-header .sw-h352-sales{display:none!important}
  .sw364-header .sw-profile-trigger{max-width:min(170px,31vw);min-width:0}
  .sw364-header .sw-profile-trigger-name{max-width:94px}
  body.sw364-has-shell .sw364-menu-button{display:flex!important;position:fixed;top:12px;left:12px;width:40px;height:40px;align-items:center;justify-content:center;color:#152b57;background:#f1f5fb;border:1px solid #dbe4f0;z-index:2147483002;cursor:pointer;box-shadow:0 1px 4px rgba(18,37,77,.10)}
  .sw364-menu-button:focus-visible{outline:3px solid #5578df;outline-offset:2px}
  .sw364-menu-button svg{width:21px;height:21px}
  .sw364-sidebar{position:fixed!important;left:0;top:64px;bottom:0;width:min(304px,86vw)!important;max-width:86vw;height:calc(100dvh - 64px)!important;z-index:2147483001;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s;box-shadow:12px 0 30px rgba(2,12,36,.14);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .sw364-sidebar button{min-height:42px}
  body.sw364-nav-open .sw364-sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
  body.sw364-has-shell .sw364-menu-backdrop{display:block;position:fixed;inset:64px 0 0;background:rgba(6,19,44,.48);z-index:2147483000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}
  body.sw364-nav-open .sw364-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .sw364-main>div.p-8,.sw364-main>div.p-6{padding:18px!important}
  .sw364-main :is(.grid,.flex)>*{min-width:0}
  .sw364-main :is(.grid,.flex)>.shrink-0{min-width:auto}
  .sw364-main :is(div,section):has(>table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .sw364-main table{min-width:max-content;max-width:none}
  .sw364-main table th,.sw364-main table td{overflow-wrap:normal}
  .sw364-main input,.sw364-main select,.sw364-main textarea{max-width:100%;min-width:0}
  .sw364-main img,.sw364-main svg{max-width:100%}
  .sw364-main :is(.grid-cols-4,.grid-cols-5,.grid-cols-6){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .app-shell .fixed.z-50{max-width:100vw;max-height:100dvh}
  .app-shell .fixed.z-50>div{max-width:calc(100vw - 32px)!important}
  .app-shell .fixed.z-50>div[style*="height: 80vh"]{height:calc(100dvh - 28px)!important;max-height:calc(100dvh - 28px)!important}
  .app-shell .fixed.z-50 :is(input,textarea,select){max-width:100%;min-width:0}
  .sw361-app-footer{max-width:100%;padding:5px 8px;font-size:10px;line-height:1.4}
}
@media screen and (max-width:640px){
  .sw364-main>div.p-8,.sw364-main>div.p-6{padding:14px!important}
  .sw364-main :is(.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6){grid-template-columns:minmax(0,1fr)!important}
  .sw364-main .grid.grid-cols-2>.col-span-2,.sw364-main .grid.grid-cols-3>.col-span-3{grid-column:span 1/span 1!important}
  .sw364-main>div.p-8>div:first-child.flex,.sw364-main>div.p-6>div:first-child.flex{flex-wrap:wrap;gap:10px}
  .sw364-main .flex.items-end.gap-6,.sw364-main .flex.items-center.gap-6{flex-wrap:wrap;gap:12px}
  /* Dashboard sales-target editor: never compress the target summary to a tiny column. */
  .sw364-main>div.p-8>div.bg-white.p-4.flex.items-center.gap-6{flex-direction:column;align-items:stretch}
  .sw364-main>div.p-8>div.bg-white.p-4.flex.items-center.gap-6>.shrink-0{flex-wrap:wrap}
  .sw364-main>div.p-8>div.bg-white.p-4.flex.items-center.gap-6 input{flex:1 1 130px;width:auto}
  .sw364-main :is(.text-3xl,.text-2xl){overflow-wrap:anywhere;line-height:1.2}
  .sw364-header{padding-right:10px!important;padding-left:56px!important}
  .sw364-header>div:first-child{gap:7px}
  .sw364-header>div:first-child>div:first-child{height:30px;width:30px;min-width:30px}
  .sw364-header>div:first-child .text-sm{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis}
  .sw364-header>div:first-child .text-\[11px\]{font-size:10px}
  .sw364-header .sw-profile-trigger{max-width:43px;padding:4px;border:0}
  .sw364-header .sw-profile-chevron,.sw364-header .sw-h352-account-label{display:none!important}
  .sw364-header .sw-profile-trigger-avatar{width:32px;height:32px}
  .app-shell .fixed.z-50{padding:8px!important}
  .app-shell .fixed.z-50>div{max-width:calc(100vw - 16px)!important}
  .app-shell .fixed.z-50>div[style*="height: 80vh"]{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .app-shell .fixed.z-50 .p-5{padding:12px}
  .app-shell .fixed.z-50 .w-14{width:38px}
  .app-shell .fixed.z-50 .text-\[9px\]{font-size:8px}
}
@media screen and (max-width:360px){
  .sw364-header>div:first-child .text-sm{max-width:115px}
  .sw364-header>div:first-child .text-\[11px\]{display:none}
  .sw364-menu-button{left:8px;width:38px}
  .sw364-header{padding-left:51px!important}
}
@media (prefers-reduced-motion:reduce){.sw364-sidebar,.sw364-menu-backdrop{transition:none!important}}
@media print{.sw364-menu-button,.sw364-menu-backdrop{display:none!important}}