/* Critical UI visibility fix. */
[hidden] { display: none !important; }
.login-overlay:not([hidden]) { display: grid; }
.spinner[hidden], .login-progress[hidden] { display: none !important; }

/* Keep the job/session count visually centered on every platform and font renderer. */
.job-status-button{display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;line-height:1 !important;text-align:center !important}
.job-status-value{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;line-height:1;transform:none;font-variant-numeric:tabular-nums}

/* Navbar layout: brand | create controls | status/sync/profile. */
.topbar{display:grid !important;grid-template-columns:minmax(260px,1fr) auto minmax(360px,1fr) !important;align-items:center !important;gap:16px !important}
.brand{justify-self:start}.nav-create-wrap{justify-self:center;min-width:0}.top-actions{justify-self:end}
.nav-create-drop{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgba(213,222,232,.9);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 6px 18px rgba(32,47,67,.06);transition:.18s ease}
.nav-create-drop.dragging{border-color:#4b91ea;background:#eef6ff;box-shadow:0 0 0 4px rgba(75,145,234,.1)}
.nav-create-button{white-space:nowrap;padding:9px 14px !important}
.nav-file-button{border:0;background:transparent;color:#1473e6;padding:8px 10px;border-radius:11px;font:inherit;font-size:.82rem;font-weight:600;white-space:nowrap}.nav-file-button:hover{background:#edf5ff}

/* Calendar is now permanently full width. */
.calendar-only-grid{display:grid !important;grid-template-columns:minmax(0,1fr) !important;width:100% !important}.calendar-only-grid .calendar-card{grid-column:1 !important;width:100% !important;max-width:none !important}#expandCalendar{display:none !important}

/* Google account login. */
.google-login-area{margin:12px 0 4px;text-align:center}.google-login-caption{font-size:.8rem;color:#667085;margin-bottom:8px}.google-signin-button{display:flex;justify-content:center;min-height:44px}.google-login-hint{font-size:.72rem;color:#98a2b3;line-height:1.35;margin-top:7px;min-height:1em}.google-login-area.busy{opacity:.68;pointer-events:none}.login-divider{display:flex;align-items:center;gap:10px;color:#98a2b3;font-size:.74rem;margin:13px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e5eaf0;flex:1}.login-divider span{flex:0 0 auto}

/* Multiple work/project selection chips. */
.selected-works{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.selected-work{display:flex;align-items:center;gap:9px;max-width:100%;padding:7px 9px 7px 11px;border:1px solid #d8e1eb;border-radius:14px;background:#f3f7fb;color:#344054}.selected-work>span{min-width:0;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.selected-work b{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.selected-work small{font-size:.7rem;color:#7b8797}.selected-work button{border:0;background:transparent;color:#98a2b3;padding:2px;font-size:.82rem}.selected-work button:hover{color:#d92d20}#saveEventButton:focus-visible{outline:3px solid rgba(31,122,236,.26);outline-offset:3px}

/* Document / order number badge. */
.document-number-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:7px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1.35;white-space:nowrap;border:1px solid transparent}
.document-number-badge.gray{background:#eef1f5;color:#596273;border-color:#dfe4ea}.document-number-badge.blue{background:#e8f2ff;color:#1c5ca9;border-color:#cfe2fb}.document-number-badge.green{background:#e6f6eb;color:#287141;border-color:#cdebd6}.document-number-badge.red{background:#fdecec;color:#a83232;border-color:#f7d1d1}

/* Inline Calendar-file upload progression. */
.calendar-file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.calendar-upload-progress{flex:1 1 260px;min-width:220px;padding:10px 12px;border-radius:13px;background:#f4f7fb;border:1px solid #e1e8f0}.calendar-upload-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;color:#475467}.calendar-upload-row b{font-size:.78rem;color:#344054}.calendar-upload-track{height:7px;margin-top:7px;background:#e6ebf1;border-radius:999px;overflow:hidden}.calendar-upload-track span{display:block;height:100%;width:0;background:#2f80ed;border-radius:999px;transition:width .16s ease}.calendar-upload-progress[data-state="done"] .calendar-upload-track span{background:#21a558}.calendar-upload-progress[data-state="error"] .calendar-upload-track span{background:#d92d20}.calendar-upload-progress[data-state="error"] .calendar-upload-row{color:#b42318}.source-deleted-mark{color:#d92d20;font-weight:800}

@media(max-width:1100px){.topbar{grid-template-columns:auto 1fr auto !important}.brand h1{display:none}.brand .eyebrow{display:none}.brand-logo{width:44px !important;height:44px !important}.status-copy{display:none !important}}

@media(max-width:760px){
  .calendar-upload-progress{flex-basis:100%;min-width:0;width:100%}
  .topbar{grid-template-columns:auto 1fr auto !important;gap:7px !important;padding-left:max(8px,env(safe-area-inset-left)) !important;padding-right:max(8px,env(safe-area-inset-right)) !important}
  .nav-create-wrap{width:100%;min-width:0}.nav-create-drop{width:100%;justify-content:center;padding:3px}.nav-create-button{width:100%;max-width:230px;padding:8px 10px !important;overflow:hidden;text-overflow:ellipsis}.nav-file-button{display:none}.top-actions{gap:4px !important}.job-status-button{width:38px !important;height:38px !important}#forceSync{padding:8px 9px !important}.user-menu-button{padding:2px !important}.me>span{display:none !important}.chevron{display:none}
  .status-area{position:static !important}.job-popover{position:fixed !important;top:calc(68px + env(safe-area-inset-top)) !important;left:max(8px,env(safe-area-inset-left)) !important;right:max(8px,env(safe-area-inset-right)) !important;width:auto !important;max-width:none !important;max-height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;border-radius:18px !important;overflow:hidden !important;z-index:999 !important}.job-popover .jobs{max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;overflow-y:auto !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .google-signin-button{max-width:100%;overflow:hidden}.selected-work{width:100%;justify-content:space-between}.selected-work b{max-width:calc(100vw - 120px)}
  main{width:100% !important;max-width:none !important;padding-left:max(8px,env(safe-area-inset-left)) !important;padding-right:max(8px,env(safe-area-inset-right)) !important}.hero-grid{display:grid !important;grid-template-columns:minmax(0,1fr) !important;width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}.calendar-card,.toolbar,.panel{width:100% !important;max-width:none !important;min-width:0 !important;margin-left:0 !important;margin-right:0 !important}
}