/* A calmer application frame and a less dense setup experience. */
/* Desktop dashboard, loading overlay, and upgraded settings form. */
.app-loading{display:none;position:absolute;inset:0;z-index:40;place-content:center;justify-items:center;gap:13px;background:#0b1725e8;backdrop-filter:blur(5px);color:#b8d6e8;font-weight:750}.app-shell{position:relative;min-height:100vh}.app-shell.is-loading .app-loading{display:grid}.app-loading span{width:34px;height:34px;border:3px solid #315b78;border-top-color:#5be2c5;border-radius:50%;animation:spin .8s linear infinite}.view:not([hidden]){animation:view-in .3s ease both}.settings-content{padding:0}.settings-section h3{margin:3px 0 0;font-size:17px;letter-spacing:-.25px}.settings-section .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.settings-section .settings-grid label{margin:0}.settings-section .roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-modal .automation-panel{margin:22px 26px}.settings-modal .modal-actions{display:flex}.settings-modal .modal-head .icon-button{flex:0 0 auto}.header-icon-button svg,.tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.topbar{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:960px){.app-shell{max-width:1440px;padding-left:36px;padding-right:36px}.topbar{margin-left:-36px;margin-right:-36px;padding-left:36px;padding-right:36px}.tabs{padding-left:0;padding-right:0}.tab{min-width:132px}.today-head{margin-top:42px}#dashboardView{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}#dashboardView>.today-head{grid-column:1/-1;margin-bottom:0}#dashboardView>.clock-card{grid-column:span 7;margin:0}#dashboardView>.metrics-grid{grid-column:span 5;margin:0;grid-template-columns:1fr;align-self:stretch}#dashboardView>.planner-card{grid-column:span 7;margin:0}#dashboardView>.week-card{grid-column:span 7;max-width:none;margin:0}#dashboardView>.eik-card{grid-column:span 5;margin:0}.view-heading{margin-top:42px}.full-planner,.info-card{max-width:none}.planner-schedule{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}}@media(max-width:620px){.settings-section .settings-grid,.settings-section .roster-grid{grid-template-columns:1fr}.settings-modal .automation-panel{margin:18px}.app-loading{position:fixed}.topbar{width:auto}}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between}.topbar .brand{font-size:21px;font-weight:850;letter-spacing:-.7px}.header-actions{display:flex;align-items:center;gap:8px}.sync-status{padding:6px 9px;border:1px solid #315b78;border-radius:999px;background:#102b40;color:#8edfff;font-size:11px;font-weight:800}.header-icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #315b78;border-radius:11px;background:#112a3e;color:#9adfff;transition:transform .18s,background .18s,border-color .18s}.header-icon-button:hover{transform:translateY(-1px);background:#1b4059;border-color:#65ccec}.header-icon-button.signout-icon{color:#b8cddd}.header-icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs{display:flex;gap:6px;padding:10px 3px 12px;border-bottom:0}.tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;color:#9fb5c8;font-weight:750}.tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab:hover{background:#15334a;color:#dff7ff}.tab.active{background:#153d57;border-color:#3a7494;color:#9aeaff;box-shadow:0 7px 16px #06111a50}.planner-number-label{margin:27px 0 0;color:#8cbed8;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.planner-big-number{margin-top:5px}.planner-schedule .planner-day{min-height:136px}.planner-day small{line-height:1.55}.planner-day.today-plan{background:linear-gradient(145deg,#183f5a,#15364e)!important;border-color:#66d5ff!important;box-shadow:0 0 0 3px #61d3ff1c}.planner-day.rdo-plan{background:#145d46!important;border-color:#45d7a3!important}.settings-modal{max-height:min(88vh,900px);overflow:auto;padding:0}.settings-modal .modal-head{position:sticky;top:0;z-index:2;padding:24px 26px 16px;background:#10253a}.settings-subtitle{max-width:510px;margin:7px 0 0;color:#91acc0;font-size:13px;line-height:1.5}.settings-section{margin:0;padding:22px 26px;border-bottom:1px solid #294a66}.settings-section:last-of-type{padding-bottom:24px}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.settings-section-head .eyebrow{margin:0}.settings-section-head span{color:#7898ae;font-size:12px}.settings-section .settings-grid{padding:0}.settings-section .settings-grid label:nth-child(5),.settings-section .settings-grid label:nth-child(9){margin-top:0;padding-top:0;border-top:0}.settings-section .settings-grid label:nth-child(5)::before,.settings-section .settings-grid label:nth-child(9)::before{display:none}.settings-section .carry-setting{margin-top:17px;padding:15px;border:1px solid #315574;border-radius:13px;background:#102b40}.carry-setting span{display:grid;gap:4px}.carry-setting small{color:#8ba8bc;line-height:1.42}.settings-modal>.field-help{margin:0;padding:17px 26px;color:#9ab2c3;background:#0d2133}.settings-modal>.automation-panel{margin:22px 26px}.settings-modal>.modal-actions{position:sticky;bottom:0;margin:0;padding:17px 26px;background:#10253a}.settings-modal .check-row input{accent-color:#57e0a7}@media(max-width:620px){.topbar{min-height:64px}.topbar .brand{font-size:19px}.sync-status{display:none}.tabs{top:64px;gap:4px;padding:8px 0 10px}.tab{flex:1;padding:11px 7px;font-size:12px}.tab svg{width:15px;height:15px}.settings-modal .modal-head{padding:19px 18px 14px}.settings-section{padding:18px}.settings-section-head{align-items:flex-start;flex-direction:column;gap:4px}.settings-modal>.field-help{padding:15px 18px}.settings-modal>.automation-panel{margin:18px}.settings-modal>.modal-actions{padding:14px 18px}.planner-number-label{margin-top:21px}.planner-schedule .planner-day{min-height:126px}}