/* Nattpass company workspace polish */
#customer{max-width:1220px;margin:0 auto}
#customer>.eyebrow+#customer h2{margin-bottom:8px}

.companySectionNav{position:sticky;top:76px;z-index:45;display:flex;gap:8px;align-items:center;margin:10px 0 18px;padding:8px;border:1px solid #263f58;border-radius:14px;background:rgba(7,16,29,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.companySectionNav button{min-height:38px;padding:8px 12px;background:#0d1b2a;color:#cbd7e2;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:850;white-space:nowrap}
.companySectionNav button:hover{border-color:#405e7a;background:#14263a;color:#fff}
.companySectionNav span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:999px;background:#263b50;color:#dbe5ee;font-size:10px}
.companySectionNav span.has-attention{background:#ffd34d;color:#07101d}

#companyActionCenter{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start;padding:20px;border:1px solid #304a63;border-radius:18px;background:linear-gradient(145deg,#0b1a29,#091521);box-shadow:0 16px 42px rgba(0,0,0,.2)}
#companyActionCenter.hasCritical{border-color:#75591b;box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,211,77,.05)}
.companyActionStatus{display:inline-flex;align-items:center;margin-top:10px;padding:6px 10px;border:1px solid #35516b;border-radius:999px;color:#bdd0df;background:#0a1724;font-size:11px;font-weight:900;letter-spacing:.04em}
.companyActionStatus.urgent{background:#ffd34d;color:#07101d;border-color:#ffd34d}
.companyActionItems{display:grid;gap:9px}
.companyActionItem{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:14px 15px;border:1px solid #2b455d;border-radius:12px;background:#0d1d2c;color:#fff}
.companyActionItem span{display:grid;gap:3px}.companyActionItem small{color:#9fb0c0;line-height:1.35}.companyActionItem strong{color:#ffd34d;white-space:nowrap;font-size:12px}
.companyActionItem.critical{border-color:#765b1b;background:linear-gradient(135deg,#201a0e,#0d1a25)}
.companyActionClear{padding:18px;border:1px solid #315d48;border-radius:12px;background:#0d2019}.companyActionClear b{color:#8ce2b4}.companyActionClear span{display:block;margin-top:4px;color:#aebdca}

#companyPeople{border-color:#304b63}
#companyPeople #companyOVLinks{display:grid;gap:10px;margin-top:14px}
#companyPeople .searchitem{border-radius:12px}

#quickCreate{position:relative;overflow:hidden;border-color:#6b5a1c!important;background:linear-gradient(145deg,#151b21,#0b1722)!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important}
#quickCreate:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;top:-100px;background:rgba(255,211,77,.06);pointer-events:none}
#quickCreate>button{width:100%;min-height:48px;margin-top:4px}
#quickCreate .field{position:relative;z-index:1}
.companyRequiredTimes{display:grid;grid-template-columns:1fr 1fr .72fr;gap:10px}
.companyRequiredField label:after{content:' *';color:#ffd34d}
.companyTimePresets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 12px;padding:10px;border:1px dashed #374d62;border-radius:11px;background:#091522}
.companyTimePresets>span{margin-right:2px;color:#95a9ba;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.companyTimePresets button{min-height:36px;padding:7px 10px;font-size:11px}
.companyFieldError{border-color:#e06868!important;box-shadow:0 0 0 3px rgba(224,104,104,.16)!important}

#companyActive{min-width:0}
#companyActive>h3{margin-bottom:8px}
.companyPassFilters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.companyPassFilters button{min-height:36px;padding:7px 11px;border-radius:999px;background:#0b1927;color:#b9c9d6;border:1px solid #294158;font-size:11px;font-weight:850}
.companyPassFilters button.active{background:#ffd34d;color:#07101d;border-color:#ffd34d}
.companyPassFilters span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;border-radius:999px;background:rgba(7,16,29,.16);font-size:10px}
#customerPasses{display:grid;gap:12px}
#customerPasses .companyPassCard[hidden]{display:none!important}
.companyPassCard{box-shadow:0 12px 32px rgba(0,0,0,.17)}
.companyPassNumbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.companyPassNumbers>span{padding:9px;border:1px solid #263f54;border-radius:9px;background:#091622;text-align:center;font-size:11px}
.companyPassNumbers b{display:block;color:#fff;font-size:16px}
.companyPassActions{display:flex;gap:8px;flex-wrap:wrap}

#companyPlanning{border-color:#2f4a63;background:linear-gradient(145deg,#0c1927,#0a1521)}
#companyPlanning>.grid{align-items:start}
#companyPlanning .plannerstats{margin-top:10px}
#companyPlanning .calendar{border:1px solid #223a4e;border-radius:12px;padding:10px;background:#08131f}

#companyTools{align-items:start}
#companyTools>.card{height:100%}

@media(max-width:900px){
  .companySectionNav{overflow-x:auto;scrollbar-width:none;top:68px;margin-left:-4px;margin-right:-4px}.companySectionNav::-webkit-scrollbar{display:none}
  #companyActionCenter{grid-template-columns:1fr}
  .companyRequiredTimes{grid-template-columns:1fr 1fr}.companyRequiredTimes>.field:last-child{grid-column:1/-1}
}

@media(max-width:650px){
  .companySectionNav{display:none}
  #customer{padding-bottom:8px}
  #customer>h2{font-size:30px}
  #companyActionCenter{margin-top:12px;padding:16px;border-radius:16px;gap:12px}
  .companyActionItems{gap:8px}
  .companyActionItem{align-items:flex-start;padding:13px;flex-direction:column}.companyActionItem strong{align-self:flex-end}
  #companyPeople{padding:16px}
  .companyRequiredTimes{grid-template-columns:1fr}
  .companyRequiredTimes>.field:last-child{grid-column:auto}
  .companyTimePresets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.companyTimePresets>span{grid-column:1/-1}.companyTimePresets button{width:100%}
  #quickCreate{padding:17px!important}
  #quickCreate details{margin-bottom:12px}
  .companyPassFilters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.companyPassFilters button{width:100%;min-height:42px}
  .companyPassNumbers{grid-template-columns:1fr 1fr}
  .companyPassActions{display:grid;grid-template-columns:1fr 1fr}.companyPassActions button{width:100%}.companyPassActions button:first-child{grid-column:1/-1}
  #companyPlanning{padding:16px}
  #companyPlanning>.grid{grid-template-columns:1fr}
  #companyTools{grid-template-columns:1fr}
}

@media(max-width:390px){
  .companyPassActions{grid-template-columns:1fr}.companyPassActions button:first-child{grid-column:auto}
  .companyTimePresets{grid-template-columns:1fr}.companyTimePresets>span{grid-column:auto}
}