/* Template choice does not overwrite the company's classic palette or logo. */
.visual-templates{border:0;padding:0;margin:0 0 32px}.visual-templates legend{font-size:22px;font-weight:750}.visual-templates>p{color:var(--muted);line-height:1.5}.template-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-choice{position:relative;cursor:pointer}.template-choice input{position:absolute;inset-inline-start:16px;top:16px;width:20px;height:20px;z-index:1;accent-color:#d71936}.template-choice>span{display:flex;flex-direction:column;gap:10px;padding:12px;border:2px solid var(--line);border-radius:18px;height:100%}.template-choice input:checked+span{border-color:#d71936}.template-choice input:focus-visible+span{outline:3px solid #6c94ff;outline-offset:3px}.template-choice small{line-height:1.5;color:var(--muted)}.template-thumb{display:block;min-height:135px;border-radius:10px;padding:20px 14px 10px 42px;font-size:12px}.classic-thumb{background:#eef0f5;color:#182030}.classic-thumb i{display:block;margin-top:8px;height:15px;background:white;border:1px solid #d4d9e2}.shift-thumb{background:#111315;color:#f4f3ec}.shift-thumb em{display:block;font-style:normal;font-size:clamp(13px,2vw,21px);font-weight:800;background:#f4f3ec;color:#121416;border-radius:8px;padding:18px 5px;margin-top:10px;white-space:nowrap}.shift-thumb i{display:block;height:3px;background:#d71936;width:50%;margin-top:8px}.business-phone[data-template=shift]{background:#111315!important;color:#f5f3eb!important;border-color:#444!important}.business-phone[data-template=shift] .phone-workspace,.business-phone[data-template=shift] .phone-brand,.business-phone[data-template=shift] .phone-menu>div{background:#111315!important;color:#f5f3eb!important}.business-phone[data-template=shift] .phone-shift{background:#f5f3eb!important;color:#111315!important;border-color:#f5f3eb!important;border-radius:18px}.business-phone[data-template=shift] .phone-shift strong{color:#111315!important;font-size:30px}.business-phone[data-template=shift] .phone-shift small,.business-phone[data-template=shift] .phone-shift>span{color:#494b4f!important}.business-phone[data-template=shift] .phone-shift-bottom{border-top:3px solid #d71936}.business-phone[data-template=shift] .phone-action{background:#d71936!important;color:white!important}
body[data-visual-template=shift]{--ink:#f3f2eb;--muted:#b4b8ba;--surface:#0e1113;--paper:#0e1113;--card:#191d20;--white:#191d20;--line:#343a3e;--soft:#191d20;--red:#d51634;--accent:#d51634;--link:#f3f2eb;--solid:#272c30;--radius:18px;background:var(--surface);color:var(--ink);font-family:var(--brand-font,Arial,sans-serif)}
body[data-visual-template=shift] button,body[data-visual-template=shift] a{touch-action:manipulation}body[data-visual-template=shift] :focus-visible{outline:3px solid #a9c4ff;outline-offset:3px}body[data-visual-template=shift] .primary{background:#cb1230!important;color:#fff!important}body[data-visual-template=shift] .nav-link.active{background:#262a2d!important;color:#fff!important;box-shadow:inset 3px 0 #ee2341}body[data-visual-template=shift] .panel,body[data-visual-template=shift] .summary-card{border-radius:18px}.shift-header{display:flex;align-items:center;gap:14px;min-height:94px;padding:12px 28px;background:#080a0b;border-bottom:1px solid #303437}.shift-wordmark{flex:0 0 132px;height:65px;overflow:hidden;display:flex;align-items:center;justify-content:center}.shift-wordmark img{width:132px;height:132px;object-fit:contain}.shift-identity{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px}.shift-identity strong,.shift-identity span{overflow-wrap:anywhere}.shift-identity span{color:#b4b8ba}.shift-bell{margin-inline-start:auto;flex:0 0 48px;min-height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;position:relative}.shift-bell:has(#shift-unread:not([hidden])){outline:1px solid #8b2436}.shift-bell>span{position:absolute;top:0;inset-inline-end:0;min-width:18px;line-height:18px;text-align:center;border-radius:20px;background:#d71936;font-size:11px}.shift-message-slot{max-width:1000px;margin:0 auto;padding:0 24px}.shift-message-slot:has(.shift-notice),.shift-message-slot:has(#shift-expand){padding-top:16px;padding-bottom:8px}.shift-notice{background:#1b1e21;border:1px solid #444a4f;border-inline-start:3px solid #ed2040;border-radius:14px;padding:16px 20px;animation:shift-reveal 240ms ease-out;transform-origin:top right}.shift-notice-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.shift-notice-top button{padding:0;width:48px;height:48px;border:0;background:transparent;color:#e8e8e3}.shift-notice p{margin:4px 0 12px;line-height:1.5;font-size:18px}.shift-notice time{font-size:12px;color:#b9bdbf}.shift-notice-actions{display:flex;gap:18px;align-items:center;margin-top:14px;flex-wrap:wrap}.shift-notice-actions button{min-height:48px;background:#f4f3ec;color:#111315;border-radius:10px;font-weight:750}.shift-notice-actions a{color:#f3f2eb;min-height:48px;display:flex;align-items:center}.shift-notice details{margin-bottom:12px}.shift-notice summary{min-height:48px;padding:12px 0}#shift-expand{min-height:54px;width:100%;text-align:start;border-inline-start:3px solid #d71936;white-space:normal}.shift-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shift-bottom{display:none}
body[data-visual-template=shift] .sidebar .company-brand,body[data-visual-template=shift] #mobile-brand-slot,body[data-visual-template=shift] .topbar .push-link{display:none!important}body[data-visual-template=shift] .app-shell{max-width:1600px;margin:auto}body[data-visual-template=shift] .sidebar{background:#111517;border-inline-end:1px solid #303437}body[data-visual-template=shift] .topbar{background:transparent;border-color:#303437}body[data-visual-template=shift] .workspace{padding-top:20px}.shift-dashboard{max-width:820px;margin:0 auto}.shift-page-title{margin-bottom:22px}.shift-page-title h1{font-size:clamp(29px,4vw,40px);letter-spacing:-1px;margin:2px 0 12px;line-height:1.1}.shift-page-title p{font-size:14px;color:#b6babc;margin:0 0 8px}.shift-hero{background:#f4f3ed;color:#101315;border-radius:22px;padding:24px;margin:0 0 24px}.shift-eyebrow{display:flex;justify-content:space-between;gap:14px;font-size:12px;flex-wrap:wrap}.shift-eyebrow span{color:#175b3b;font-weight:700}.shift-hours{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 24px;gap:12px;direction:ltr}.shift-hours>div{text-align:center}.shift-hours>div+div{border-inline-start:1px solid #c5c7c6}.shift-hours b{display:block;font-size:clamp(34px,6vw,68px);font-weight:900;font-stretch:condensed;letter-spacing:-2.5px;font-variant-numeric:tabular-nums;line-height:1.05}.shift-hours small{font-size:11px;letter-spacing:1px;color:#4b5052;display:block;margin-top:8px}.shift-progress{display:block;width:100%;height:5px;border:0;border-radius:6px;overflow:hidden;accent-color:#d71936;background:#bdc1c3;direction:ltr}.shift-progress::-webkit-progress-bar{background:#bdc1c3;border-radius:6px}.shift-progress::-webkit-progress-value{background:#d71936;border-radius:6px}.shift-progress::-moz-progress-bar{background:#d71936;border-radius:6px}.shift-countdown{text-align:center;min-height:24px;font-size:14px;margin:14px 0 20px;color:#24282b}.shift-hero-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px dashed #b7babb;padding-top:20px;font-size:14px;flex-wrap:wrap}.shift-hero-footer span{overflow-wrap:anywhere}.shift-disclaimer{display:block;color:#545a5c;font-size:11px;margin-top:12px;line-height:1.5}.shift-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 10px}.shift-section-heading h2{font-size:19px;margin:0}.shift-section-heading button{background:transparent;border:0;color:#c8cbcd;font-size:12px;min-height:48px;padding:8px}.shift-section-heading>span{font-size:12px;color:#b4b8ba}.shift-upcoming,.shift-person{width:100%;min-height:78px;background:#1a1e21;border:1px solid #2c3236;border-radius:15px;color:#f4f3ec;display:flex;align-items:center;justify-content:space-between;text-align:start;padding:18px 20px;gap:16px;margin:4px 0;white-space:normal}.shift-upcoming strong{display:block;margin-top:5px;font-size:15px}.shift-upcoming>span{font-size:13px}.shift-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.shift-quick button{display:flex;align-items:center;justify-content:space-between;background:#1a1e21;color:#f4f3ec;border:1px solid #31363a;min-height:62px;border-radius:14px;font-size:14px;padding:12px;text-align:start}.shift-team-total{display:grid;grid-template-columns:1fr 1fr;text-align:center}.shift-team-total>div{display:flex;flex-direction:column;justify-content:center;gap:8px}.shift-team-total>div+div{border-inline-start:1px solid #c6c7c6}.shift-team-total b{font-size:clamp(27px,4vw,45px);font-variant-numeric:tabular-nums}.shift-team-total span{font-size:13px}.shift-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#363c40;flex-shrink:0}.shift-person-content{flex:1;min-width:0}.shift-person-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.shift-person-top b{font-size:15px;font-variant-numeric:tabular-nums}.shift-person small{display:block;color:#b8bcbf;font-size:12px;margin:4px 0 10px}.shift-new{min-height:54px;width:100%;margin-top:16px;border-radius:15px}.shift-empty h2{font-size:27px;margin:20px 0}.shift-empty button{background:#101315;color:#f4f3ec;min-height:48px}.shift-welcome{line-height:1.5;font-size:15px;color:#bdc1c3}
@keyframes shift-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){body[data-visual-template=shift] .app-shell{display:block}body[data-visual-template=shift] .sidebar{display:none!important}body[data-visual-template=shift].shift-menu-open .sidebar{display:block!important;position:relative;width:auto;height:auto;padding:18px;margin:0 16px;border:1px solid #3e4549;border-radius:16px}body[data-visual-template=shift].shift-menu-open #navigation{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible}body[data-visual-template=shift].shift-menu-open .sidebar-bottom{display:flex}body[data-visual-template=shift] .main{padding-bottom:110px}body[data-visual-template=shift] .workspace{padding:16px}body[data-visual-template=shift] .topbar{display:none}body[data-visual-template=shift] .help-actions{padding:6px 16px}body[data-visual-template=shift] .main>footer{padding-bottom:20px}.shift-header{padding:10px 16px;min-height:88px;gap:10px}.shift-wordmark{flex-basis:112px;width:112px;height:56px}.shift-wordmark img{width:112px;height:112px}.shift-identity{font-size:11px}.shift-bell{flex-basis:48px}.shift-message-slot{padding:0 16px;min-height:0}.shift-notice{padding:12px 16px}.shift-notice p{font-size:16px}.shift-bottom{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:35;justify-content:space-around;background:#0b0e10;border-top:1px solid #353a3e;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.shift-bottom button,.shift-bottom a{flex:1;min-width:0;min-height:58px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border:0;border-radius:0;background:none;color:#c4c8ca;font-size:11px;text-decoration:none;position:relative;padding:6px}.shift-bottom span{font-size:23px;line-height:1.1}.shift-bottom .active{color:#ff536e}.shift-bottom .active:after{content:'';position:absolute;bottom:0;width:32px;height:3px;border-radius:2px;background:#e91b36}.shift-hero{padding:20px;border-radius:20px}.shift-hours b{font-size:clamp(34px,10vw,58px)}.shift-page-title h1{font-size:30px}.shift-page-title{margin-bottom:18px}.shift-person{padding:16px 12px;gap:10px}.shift-person-top{gap:6px}.shift-section-heading h2{font-size:18px}.shift-quick button{font-size:13px}.shift-team-total b{font-size:32px}.shift-hero-footer{font-size:12px}.shift-section-heading{flex-wrap:wrap}.shift-header,.shift-dashboard{overflow-wrap:anywhere}}
@media(max-width:380px){.template-choices{grid-template-columns:1fr}.shift-header{gap:7px;padding:8px 12px}.shift-identity strong{display:none}.shift-hero{padding:16px}.shift-hours b{letter-spacing:-1.5px}.shift-team-total b{font-size:27px}}
@media(prefers-reduced-motion:reduce){.shift-notice{animation:none}body[data-visual-template=shift] *{scroll-behavior:auto;transition:none!important}}
/* Keep the desktop sidebar below the shared brand header, including RTL. */
@media(min-width:761px){body[data-visual-template=shift] .app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);align-items:start}body[data-visual-template=shift] .sidebar{position:sticky;inset:auto;top:0;width:224px;min-height:calc(100vh - 94px);height:auto}body[data-visual-template=shift] .main{margin:0;width:100%;min-width:0}}
/* Give template previews enough room in the narrow owner editor. */
@media(max-width:600px){.template-choices{grid-template-columns:1fr}.template-thumb{min-height:150px}.shift-thumb em{font-size:24px}}