/* LIOS for Business — UAT Executive polish
   Final visual refinement layered after site.css + uat-premium.css.
   No commercial/business rules are implemented here. */
:root{
  --lios-bg:#f5f6fa;
  --lios-surface:#fff;
  --lios-line:#e3e6ef;
  --lios-ink:#17182a;
  --lios-muted:#70758a;
  --lios-purple:#6254f4;
  --lios-purple-deep:#4f42da;
  --lios-shadow-sm:0 5px 18px rgba(26,29,52,.045);
  --lios-shadow:0 15px 38px rgba(26,29,52,.075);
}

/* Shell — slightly tighter navigation and more generous working canvas. */
.sidebar{width:260px;padding:22px 16px 18px}
.main{margin-left:260px;width:calc(100% - 260px)}
.content{max-width:1540px;padding:30px 32px 58px}
.topbar{height:76px;padding:0 30px}
.workspace-context strong{font-size:13px;line-height:1.2}
.workspace-context small{margin-bottom:2px}
.user-chip-copy{min-width:0}
.user-chip-copy strong,.user-chip-copy small{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.publish-btn{box-shadow:0 9px 22px rgba(98,84,244,.18)}

/* Page rhythm */
.page-heading,.page-head{align-items:center;margin-bottom:24px!important}
.page-heading h1,.page-head h1{font-size:32px!important;line-height:1.12!important}
.page-heading p,.page-head p{font-size:13px!important;max-width:880px}
.panel,.panel-card,.metric-card{border-color:var(--lios-line)!important;box-shadow:var(--lios-shadow-sm)!important}
.panel{padding:21px}
.panel-head{align-items:center}

/* KPI density and alignment */
.dashboard-kpi-grid,.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi-card,.analytics-kpi{min-width:0;min-height:108px;padding:16px 17px!important}
.kpi-card>div,.analytics-kpi>div{min-width:0}
.kpi-card h3,.analytics-kpi strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-kpi-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.analytics-kpi{gap:12px}
.analytics-kpi small{white-space:nowrap}
.analytics-finance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.analytics-finance-grid>div{min-width:0}
.analytics-finance-grid strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Dashboard hero */
.dashboard-heading{padding:23px 25px;background:linear-gradient(120deg,#fff 0,#fbfaff 68%,#f0edff 100%)}
.dashboard-heading:after{opacity:.72}
.dashboard-action-grid a{min-height:76px}

/* Shop — prefer three confident cards on common UAT laptop widths. */
.product-card,.product-card.enterprise{border-radius:17px!important}
.product-image,.product-visual{height:178px!important}
.product-body,.product-content{padding:16px!important}
.product-actions .btn{min-width:0}
@media(min-width:1200px) and (max-width:1540px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Bookings */
.booking-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.booking-summary,.booking-summary-card{min-width:0}
.booking-row{grid-template-columns:minmax(155px,.9fr) minmax(210px,1.1fr) minmax(185px,.9fr) minmax(105px,.55fr) auto;gap:14px}
.booking-actions{justify-content:flex-end;flex-wrap:wrap}
.booking-actions .btn{white-space:nowrap}

/* Team Pulse — never allow cards to spill outside the panel. */
.pulse-summary-grid{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr));gap:10px}
.pulse-score-card,.pulse-stat{min-width:0;padding:16px}
.pulse-score-card strong{font-size:31px}
.pulse-stat strong{font-size:24px}
.employee-room-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.employee-room-metrics>div{min-width:0}

/* Storefront phone — fixed identity row and clearer visual hierarchy. */
.premium-phone{max-width:342px!important;width:342px!important}
.premium-phone .brand-mini{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 18px 28px;
  align-items:center!important;
  gap:8px!important;
  margin-top:-29px!important;
}
.premium-phone .brand-mini>.du-logo{grid-column:1;grid-row:1}
.premium-phone .brand-mini>div:not(.du-logo){min-width:0;display:block!important}
.premium-phone .brand-mini>div:not(.du-logo) strong{display:block;font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-phone .brand-mini>div:not(.du-logo) small{display:block;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.premium-phone .preview-verified{justify-self:center}
.premium-phone .preview-more{margin-left:0}
.premium-phone>p{font-size:9px!important}
.premium-phone .mobile-stats{background:#f8f8fc!important;border-radius:11px;padding:9px 6px!important}
.premium-phone .mobile-stats span{color:#8b8d9e!important;text-align:center}
.premium-phone .mobile-stats b{color:#2d2f43!important}

/* Subscription */
.billing-hero{padding:24px 25px;background:linear-gradient(125deg,#1a1b32 0,#27224a 100%)}
.plan-card{min-width:0;padding:22px}
.plan-card.recommended{box-shadow:0 20px 50px rgba(84,67,224,.11)}
.plan-price strong{white-space:nowrap}

/* Platform operations */
.priority-item>div{min-width:0}
.priority-item strong{display:block;line-height:1.35}
.priority-item small{display:block;margin-top:3px;line-height:1.4}
.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ops-card{min-width:0}

/* Login — richer first impression without visual noise. */
.auth-visual{padding-top:46px;padding-bottom:42px}
.auth-visual-copy{max-width:720px}
.auth-visual-copy h1{font-size:clamp(40px,4.35vw,60px)}
.auth-showcase{position:relative;z-index:1;max-width:690px;margin-top:26px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.055);box-shadow:0 22px 60px rgba(0,0,0,.15);backdrop-filter:blur(12px)}
.auth-showcase-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.auth-showcase-head strong{font-size:11px;letter-spacing:.02em}
.auth-showcase-head span{font-size:9px;color:#a8a8ba}
.auth-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.auth-mini-card{padding:12px;border-radius:14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.075)}
.auth-mini-card small{display:block;color:#999aad;font-size:8.5px;margin-bottom:4px}
.auth-mini-card strong{display:block;color:#fff;font-size:17px;letter-spacing:-.02em}
.auth-mini-card span{display:block;color:#8fd7bb;font-size:8.5px;margin-top:3px}
.auth-spark{height:50px;display:flex;gap:4px;align-items:flex-end;margin-top:11px;padding:0 2px}
.auth-spark i{display:block;flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#8f7bff,#5e4be3);opacity:.9}
.auth-card{box-shadow:0 32px 90px rgba(24,24,48,.14)}

@media(max-width:1399px){
  .analytics-kpi-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}
  .booking-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .booking-row{grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) minmax(150px,.8fr) auto}
  .booking-value{display:none}
}
@media(max-width:1199px){
  .dashboard-kpi-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pulse-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pulse-score-card{grid-column:span 2}
}
@media(max-width:991.98px){
  .main{margin-left:0;width:100%}
  .content{padding:25px 20px 48px}
  .auth-showcase{display:none}
}
@media(max-width:767px){
  .dashboard-kpi-grid,.kpi-grid,.analytics-kpi-grid-five,.analytics-finance-grid,.booking-summary-grid,.pulse-summary-grid{grid-template-columns:1fr!important}
  .pulse-score-card{grid-column:auto}
  .premium-phone{width:min(342px,100%)!important}
}