@import url("./design-tokens.css");
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);}
.top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:rgba(11,12,18,0.75);backdrop-filter:blur(10px);}
.topMeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.staffModeBanner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--staff-banner-border);background:var(--staff-banner-bg);color:var(--staff-banner-text);font-size:13px;font-weight:600;}
.staffModeBannerBtn{padding:6px 10px;font-size:12px;line-height:1.2;border-radius:10px;border:1px solid var(--staff-banner-btn-border);background:var(--staff-banner-btn-bg);color:var(--staff-banner-text);}
.staffModeBannerBtn:hover{background:var(--staff-banner-btn-bg-hover);}
.brand{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.brandAccessLabel{align-self:center;}
.sitefizzWordmark{display:block;max-width:100%;height:auto;}
.sitefizzWordmark--card{margin:0 auto 8px;}
.gatewayTagline{text-align:center;margin:0 0 12px;font-size:13px;letter-spacing:0.04em;}
.pilotModeBadge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),0.45);background:rgba(var(--accent-rgb),0.14);color:var(--text);font-size:12px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;}
.copyOnlyPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),0.55);background:rgba(var(--accent-rgb),0.18);color:var(--text);font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}
.copyOnlyPill--output{margin-bottom:8px;}
.opsAssistantPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.crmWorkOrdersSubtitle{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--text);}
.opsStaffPilotBannerHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.opsStaffPilotBannerHead h3{margin:0;}
.opsStaffPilotLead{margin:0 0 8px;font-size:14px;line-height:1.45;}
.opsStaffPilotDetails{margin-top:4px;}
.workspaceTypeBadge,.workspaceRoleChip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),0.35);background:rgba(var(--accent-rgb),0.1);font-size:11px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;}
.workspaceRoleChip{border-color:var(--border);background:rgba(255,255,255,0.05);text-transform:none;font-weight:600;}
.tenantPickerCardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.tenantPickerCardMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.tenantPickerCardCopy{margin-top:2px;}
.tabsGrouped{display:flex;flex-direction:column;gap:10px;}
.tabsFlatHost{display:flex;flex-wrap:wrap;gap:8px;}
.tabBtnPrimary{border-color:rgba(var(--accent-rgb),0.65)!important;background:rgba(var(--accent-rgb),0.22)!important;font-size:18px!important;}
.wrap{max-width:1100px;margin:0 auto;padding:18px 16px 60px;}
.card{background:rgba(26,26,26,0.6);backdrop-filter:blur(var(--blur-surface));-webkit-backdrop-filter:blur(var(--blur-surface));border:1px solid rgba(var(--accent-rgb),0.3);border-radius:16px;padding:14px;margin:14px 0;box-shadow:var(--shadow-card);transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease;}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);}
.muted{color:var(--muted);}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text);}
input,textarea,select{border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,0.25);color:var(--text);padding:10px 12px;font-size:14px;}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),0.3);outline:none;}
button{background:#a3ff00;border:1px solid rgba(var(--accent-rgb),0.55);color:#000;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;}
button:hover{background:#8de600;color:#000;}
.btnSecondary{background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--text);}
.btnSecondary:hover{background:rgba(255,255,255,0.12);color:var(--text);}
.tiny{font-size:14px;white-space:pre-wrap;}
.hidden{display:none;}
.gatewayEyebrow,.tabsLayerTitle{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.gatewayHint{margin:14px 0 0;}
.gatewayCard{overflow:hidden;padding:var(--gateway-card-padding,32px);border-radius:18px;box-shadow:var(--shadow-card);transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease;}
.opsHome{display:flex;flex-direction:column;gap:12px;}
.opsHome--commandCenter{gap:14px;}
.opsHomeHeader h2{margin-top:0;}
.opsOwnerSummary{margin:6px 0 4px;font-size:15px;font-weight:600;line-height:1.45;}
.opsPanel h3{margin-top:0;}
.opsPanelSubhead{margin-top:16px;}
.opsKpiStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.opsKpiCard{padding:12px 14px;border-radius:14px;border:1px solid rgba(var(--accent-rgb),0.28);background:rgba(var(--accent-rgb),0.08);}
.opsKpiLabel{display:block;font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.opsKpiValue{display:block;font-size:1.6rem;line-height:1.1;}
.opsCommandCenterMain.row{grid-template-columns:1.4fr 1fr;}
.opsStatusBuckets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.opsStatusBucket{padding:10px 12px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),0.2);background:rgba(255,255,255,0.03);}
.opsStatusBucketLabel{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;}
.opsStatusBucketValue{font-size:1.25rem;}
.opsNextActionsList,.opsAttentionList{list-style:none;padding:0;margin:0;}
.opsNextActionsList li,.opsAttentionList li{padding:10px 0;border-bottom:1px solid rgba(var(--accent-rgb),0.18);}
.opsEmptyState{margin:8px 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px dashed rgba(var(--accent-rgb),0.22);}
.opsHomeDetails{margin-top:4px;}
.opsHomeDetails summary{cursor:pointer;padding:8px 0;}
.opsAttentionSeverity{display:inline-block;min-width:64px;text-transform:uppercase;font-size:11px;letter-spacing:0.04em;margin-right:8px;}
.opsAttentionSeverity--warning{color:#ffb347;}
.opsAttentionSeverity--info{color:#8fd3ff;}
.opsAttentionLink{display:block;width:100%;text-align:left;padding:10px 12px;margin:0;border-radius:12px;}
.opsAttentionLink .opsAttentionSeverity{margin-right:8px;}
.crmBoundaryCopy{margin-top:0;}
.opsAssistantPanel{margin-top:16px;}
.opsAssistantToggle{width:100%;text-align:left;}
.opsAssistantBody{margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.opsAssistantActions{display:flex;flex-wrap:wrap;gap:8px;}
.opsAssistantDraftBtn{font-size:12px;}
.opsAssistantSelect{width:100%;margin-top:4px;}
.opsAssistantOutput{margin-top:8px;padding:12px;border-radius:12px;background:rgba(var(--accent-rgb),0.08);}
.opsAssistantDraftBody{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.45;margin:8px 0;background:transparent;border:0;padding:0;}
.crmGuidanceCard,.crmFormCard{margin-top:12px;}
.crmGuidanceList{padding-left:18px;margin:8px 0;}
.crmGuidanceText{color:#ffb347;margin:8px 0;}
.crmFocusBanner{padding:10px 12px;border-radius:12px;background:rgba(255,179,71,0.12);margin:10px 0;}
.crmRowHighlight{outline:2px solid rgba(255,179,71,0.85);background:rgba(255,179,71,0.08);}
.crmEmptyState{margin:8px 0;}
.crmEntityTable{width:100%;}
.opsQuoteRequestList{list-style:none;padding:0;margin:8px 0;}
.opsQuoteRequestList li{padding:8px 0;border-bottom:1px solid rgba(var(--accent-rgb),0.12);}
.opsQuoteRequestTriageSteps{margin:8px 0 0 18px;padding:0;}
.opsQuoteTriageBoard{margin:16px 0;}
.opsQuoteTriageBoardHeader h3{margin:0 0 4px;}
.opsQuoteTriageColumns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px;}
.opsQuoteTriageColumn{background:rgba(var(--accent-rgb),0.04);border:1px solid rgba(var(--accent-rgb),0.12);border-radius:8px;padding:10px;min-height:120px;}
.opsQuoteTriageColumnTitle{margin:0 0 8px;font-size:0.95rem;}
.opsQuoteTriageCount{font-weight:normal;color:var(--muted,#888);}
.opsQuoteTriageColumnEmpty{margin:0;}
.opsQuoteTriageCard{background:var(--card-bg,#fff);border:1px solid rgba(var(--accent-rgb),0.15);border-radius:6px;padding:10px;margin-bottom:8px;}
.opsQuoteTriageCardHead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;}
.opsQuoteTriageCustomer{margin:0 0 4px;font-weight:600;}
.opsQuoteTriageVehicle,.opsQuoteTriageService,.opsQuoteTriageSource{margin:0 0 4px;}
.opsQuoteTriageTags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0;}
.opsQuoteTriageTag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:0.75rem;background:rgba(var(--accent-rgb),0.12);}
.opsQuoteTriageNextAction{margin:8px 0 6px;font-size:0.85rem;}
.opsQuoteTriageActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.opsQuoteTriageActions .btnSecondary{font-size:0.8rem;padding:4px 8px;}
.opsQuoteTriageBoardEmptyGuidance{margin-top:12px;}
.opsQuoteTriageBoardEmptyGuidance .opsQuoteTriageDraftBtn[disabled]{opacity:0.72;cursor:not-allowed;}
.opsDetailCard{margin:12px 0;}
.opsDetailCardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.opsDetailCardHeader h3{margin:0;}
.opsDetailField{margin:6px 0;font-size:14px;}
.opsDetailLabel{display:inline-block;min-width:72px;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);margin-right:8px;}
.opsDetailTags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}
.opsDetailTag{display:inline-block;padding:3px 8px;border-radius:999px;font-size:0.75rem;background:rgba(255,179,71,0.16);border:1px solid rgba(255,179,71,0.35);}
.opsDetailNextAction{margin:10px 0;font-size:0.9rem;}
.opsDetailReplayNotice{margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px dashed rgba(var(--accent-rgb),0.22);background:rgba(255,255,255,0.03);}
.opsDetailSection{margin-top:12px;}
.opsDetailSectionTitle{margin:0 0 6px;font-size:0.95rem;}
.opsDetailLinkList{list-style:none;padding:0;margin:0;}
.opsDetailLinkList li{padding:6px 0;border-bottom:1px solid rgba(var(--accent-rgb),0.12);}
.opsDetailActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.opsDetailEmptyCard h3{margin-top:0;}
.opsDetailNavLink{font-size:0.85rem;padding:6px 10px;}
.opsStaffPilotBanner{margin-bottom:12px;padding:14px 16px;border:1px solid rgba(var(--accent-rgb),0.28);background:rgba(var(--accent-rgb),0.08);}
.opsStaffPilotBanner h3{margin:0 0 8px;font-size:1rem;}
.opsStaffPilotBoundaryList{margin:0;padding-left:18px;}
.opsStaffPilotBoundaryList li{margin:4px 0;}
.gatewaySummary{display:flex;flex-direction:column;gap:16px;}
.gatewaySummaryHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.gatewaySummaryHeader h2{margin:6px 0 8px;font-size:1.9rem;}
.gatewaySummaryHeader p{margin:0;}
.gatewayStatus{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),0.3);background:rgba(var(--accent-rgb),0.12);font-size:13px;font-weight:700;white-space:nowrap;}
.gatewayActions{display:flex;flex-wrap:wrap;gap:10px;}
.gatewayActions a,.gatewayActions button{display:inline-flex;align-items:center;justify-content:center;min-width:0;text-decoration:none;}
.loginOauthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;}
.loginOauthPane{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,0.03);}
.tabs{display:flex;flex-direction:column;gap:10px;margin:10px 0;}
.tabsLayer{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.02);}
.tabsRow{display:flex;flex-wrap:wrap;gap:8px;}
.tabs button{background:rgba(255,255,255,0.03);border:1px solid var(--border);color:var(--text);}
.tabs button.active{border-color:rgba(var(--accent-rgb),0.55);background:rgba(var(--accent-rgb),0.18);}
table{width:100%;border-collapse:collapse;}
th,td{border-bottom:1px solid var(--border);padding:8px;text-align:left;font-size:13px;}
th{color:var(--muted);font-weight:600;}
.platformDeck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.platformMetric{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,0.03);}
.platformMetric strong{display:block;font-size:1.35rem;margin-top:6px;}
.platformDirectory{margin-top:14px;padding-top:2px;}
.platformSectionHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px;}
.platformSectionHead h3{margin:0 0 4px;}
.platformTenantGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.platformTenantCard{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,0.03);display:flex;flex-direction:column;gap:12px;min-width:0;}
.platformTenantCard h4{margin:0;font-size:1rem;}
.platformTenantMeta{display:grid;gap:4px;min-width:0;}
.platformTenantMeta code{overflow-wrap:anywhere;}
.platformTenantActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.workspaceBadge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted);}

/* Gallery editor */
.galleryList{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;}
.galleryItem{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.03);}
.galleryItem[aria-grabbed="true"]{outline:2px solid rgba(0,212,255,0.7);outline-offset:2px;background:rgba(0,212,255,0.08);}
.galleryThumb{width:72px;height:54px;border-radius:10px;border:1px solid var(--border);object-fit:cover;background:rgba(0,0,0,0.25);}
.galleryMeta{flex:1;min-width:0;}
.galleryMeta input{width:100%;}
.galleryBtns{display:flex;flex-direction:column;gap:6px;}
.galleryBtns button{min-width:86px;}

.loginOauth{margin-top:14px;display:flex;flex-direction:column;gap:8px;align-items:center;}
.staffGoogleFallback{display:block;width:100%;text-align:center;text-decoration:none;padding:10px 12px;border-radius:12px;}
.staffMenu{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;}
.staffMenu button{background:rgba(255,255,255,0.03);border:1px solid var(--border);color:var(--text);}
.staffMenu button.active{border-color:rgba(var(--accent-rgb),0.55);background:rgba(var(--accent-rgb),0.18);}
.staffSection{padding-top:4px;}
.tenantPickerList{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:10px;}
.tenantPickerCard{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.03);padding:14px;display:flex;flex-direction:column;gap:8px;min-height:100%;}
.tenantPickerCard:focus-within{border-color:rgba(var(--accent-rgb),0.6);box-shadow:0 0 12px rgba(var(--accent-rgb),0.3);}
.tenantPickerCard button{width:100%;}

@media (max-width: 700px){
  .top{align-items:flex-start;}
  .topMeta{width:100%;justify-content:space-between;}
  .loginOauthGrid{grid-template-columns:1fr;}
  .gatewaySummaryHeader{flex-direction:column;}
  .platformDeck{grid-template-columns:1fr;}
  .opsKpiStrip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .opsCommandCenterMain.row{grid-template-columns:1fr;}
  .galleryItem{flex-direction:column;align-items:stretch;}
  .galleryThumb{width:100%;height:160px;}
  .galleryBtns{flex-direction:row;flex-wrap:wrap;}
  .galleryBtns button{flex:1 1 120px;}
  .tenantPickerList{grid-template-columns:1fr;}
}
/* sitefizz-native-gateway-polish-v1 */
.gatewayCard:focus-within{box-shadow:var(--shadow-card-hover);}
.gatewayTagline{font-size:14px;margin:0 0 14px;}
#btnLogin:focus-visible{outline:none;box-shadow:var(--focus-ring);}
input#email:focus-visible,input#password:focus-visible{outline:none;box-shadow:var(--focus-ring),0 0 12px rgba(var(--accent-rgb),0.28);}
/* sitefizz-native-gateway-input-secondary-cta-polish-v2 */
#login input,#login input#email,#login input#password,input#email,input#password{
  font-size:16px;
  min-height:44px;
  padding:12px 14px;
  line-height:1.25;
}
@media (max-width:390px){
  #login input,#login input#email,#login input#password,input#email,input#password{
    font-size:16px;
    min-height:44px;
  }
}
#staffGoogleFallbackLink{
  font-weight:600;
  border-width:2px;
  border-color:rgba(var(--accent-rgb),0.55);
  background:rgba(var(--accent-rgb),0.12);
  box-shadow:0 8px 24px rgba(0,0,0,0.22);
}
#staffGoogleFallbackLink:hover{
  background:rgba(var(--accent-rgb),0.2);
  border-color:rgba(var(--accent-rgb),0.75);
}
#staffGoogleFallbackLink:focus-visible{
  outline:none;
  box-shadow:var(--focus-ring),0 0 14px rgba(var(--accent-rgb),0.28);
}
input#email:focus-visible,input#password:focus-visible{
  outline:none;
  box-shadow:var(--focus-ring),0 0 12px rgba(var(--accent-rgb),0.28);
}
/* sitefizz-live-google-cta-tap-target-fix-v1 */
#googleButton,
#staffGoogleFallbackLink {
  min-height: 44px;
}