/* Selfie UI is external because the app deliberately forbids inline styles. */
input[data-selfie-camera-ready="1"]{display:none!important}
button.tm-selfie-action{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;max-width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:8px 12px!important;border:1px solid var(--tm-line,#64534a)!important;border-radius:12px!important;font-family:inherit!important;font-size:14px!important;line-height:20px!important;font-weight:600!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;cursor:pointer}
button.tm-selfie-action>svg{box-sizing:border-box!important;display:block!important;flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}
button.tm-selfie-action>span{flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
button.tm-selfie-action[hidden]{display:none!important}
button.tm-selfie-action:disabled{cursor:default;opacity:.5}
button.tm-selfie-action:focus-visible{outline:2px solid #ff9b79;outline-offset:2px}
button.tm-selfie-trigger{margin:0!important;background:var(--tm-brand,#ff9b79)!important;color:#241b16!important}
button.tm-selfie-import{font-size:12px!important;background:transparent!important;border:0!important;opacity:.8;margin:4px 0!important;padding-inline:0!important}
.tm-selfie-selected{margin:8px 0 0!important;max-width:100%!important}
.tm-selfie-selected[hidden]{display:none!important}
.tm-selfie-selected img{display:block!important;width:auto!important;max-width:100%!important;height:96px!important;max-height:18dvh!important;object-fit:contain!important;border-radius:10px!important}
.tm-selfie-selected p{margin:5px 0 0!important;font-size:12px!important;line-height:16px!important;opacity:.8}
#tm-selfie-camera{box-sizing:border-box!important;position:fixed!important;inset:8px!important;margin:auto!important;width:calc(100vw - 16px)!important;max-width:520px!important;height:calc(100vh - 16px)!important;height:min(760px,calc(100dvh - 16px))!important;min-width:0!important;min-height:0!important;max-height:calc(100dvh - 16px)!important;padding:0!important;border:1px solid #41464a!important;border-radius:16px!important;overflow:hidden!important;background:#101214!important;color:#f4f4f4!important;font:inherit!important;box-shadow:0 12px 48px #0008!important;overscroll-behavior:contain}
#tm-selfie-camera[open]{display:grid!important;grid-template-rows:44px minmax(0,1fr)!important;gap:0!important}
#tm-selfie-camera:not([open]){display:none!important}
#tm-selfie-camera::backdrop{background:#000b;backdrop-filter:blur(4px)}
#tm-selfie-camera>header{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;min-height:0!important;height:44px!important;padding:0 8px 0 12px!important;border:0!important;border-bottom:1px solid #ffffff18!important}
#tm-selfie-camera h2{margin:0!important;padding:0!important;font-size:16px!important;line-height:22px!important;font-weight:650!important;white-space:nowrap!important}
#tm-selfie-camera [data-selfie-close]{width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:8px!important;border:0!important;background:transparent!important;color:inherit!important}
#tm-selfie-camera [data-selfie-close]>span{display:none!important}
#tm-selfie-camera .tm-selfie-body{box-sizing:border-box!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;gap:8px!important;min-width:0!important;min-height:0!important;height:100%!important;padding:8px!important;overflow:hidden!important}
#tm-selfie-camera .tm-selfie-frame{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;border-radius:10px!important;background:#000!important}
#tm-selfie-camera .tm-selfie-frame>video,#tm-selfie-camera .tm-selfie-frame>img{box-sizing:border-box!important;display:block!important;grid-area:1/1!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
#tm-selfie-camera [hidden],#tm-selfie-camera .tm-selfie-frame>[hidden]{display:none!important}
#tm-selfie-camera [data-selfie-status]{margin:0!important;padding:0 2px!important;min-height:0!important;font-size:12px!important;line-height:16px!important;max-height:48px!important;overflow:hidden!important;opacity:.8!important}
#tm-selfie-camera .tm-selfie-controls{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:8px!important;height:44px!important;min-height:0!important;margin:0!important;padding:0!important}
#tm-selfie-camera .tm-selfie-controls button{flex:0 1 auto!important;min-height:44px!important;height:44px!important;max-height:44px!important;background:#25282b!important;color:#f4f4f4!important;border-color:#41464a!important}
#tm-selfie-camera .tm-selfie-controls .tm-primary{background:#ff9b79!important;color:#241b16!important;border-color:#ff9b79!important}
#tm-selfie-camera [data-selfie-take]{width:48px!important;min-width:48px!important;height:44px!important;padding:10px!important;border-radius:50%!important}
#tm-selfie-camera [data-selfie-take]>span{display:none!important}
@media(max-height:480px) and (orientation:landscape){
 #tm-selfie-camera{max-width:880px!important;border-radius:12px!important}
 #tm-selfie-camera[open]{grid-template-rows:38px minmax(0,1fr)!important}
 #tm-selfie-camera>header{height:38px!important}
 #tm-selfie-camera .tm-selfie-body{grid-template-columns:minmax(0,1fr) 128px!important;grid-template-rows:minmax(0,1fr) auto!important;gap:6px!important;padding:6px!important}
 #tm-selfie-camera .tm-selfie-frame{grid-column:1!important;grid-row:1!important}
 #tm-selfie-camera [data-selfie-status]{grid-column:1!important;grid-row:2!important;max-height:32px!important}
 #tm-selfie-camera .tm-selfie-controls{grid-column:2!important;grid-row:1/3!important;height:auto!important;flex-direction:column!important;align-self:center!important;gap:8px!important}
 #tm-selfie-camera .tm-selfie-controls button{flex:0 0 auto!important;max-width:128px!important;font-size:12px!important;padding-inline:8px!important}
}
@media(max-width:350px){button.tm-selfie-action{font-size:13px!important;padding-inline:10px!important}#tm-selfie-camera .tm-selfie-controls button{font-size:13px!important}}
/* Keep the surrounding shift-selfie card compact as well. */
#tm-dialog form[data-tm-form="selfie"]{padding:10px!important;margin:8px 0!important;gap:8px!important}
#tm-dialog form[data-tm-form="selfie"] h4{margin:0 0 6px!important;font-size:14px!important;line-height:20px!important}
#tm-dialog form[data-tm-form="selfie"]>p{margin:6px 0 8px!important;font-size:12px!important;line-height:17px!important}
#tm-dialog form[data-tm-form="selfie"] .tm-field{margin:8px 0!important;gap:6px!important}
#tm-dialog form[data-tm-form="selfie"] .tm-field>span:first-child{display:none!important}
#tm-dialog form[data-tm-form="selfie"] .tm-form-footer{margin:8px 0 0!important;padding:0!important;gap:8px!important}

/* R112: one calm attendance card in the own-shift view only.
   The two existing forms keep their separate submit and permission checks. */
html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift){width:min(560px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(var(--tm-viewport-height,100dvh) - 16px)!important;border-radius:18px!important}
html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift)>header{min-height:56px!important;padding:6px 12px!important;gap:10px!important}
html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift)>header::before{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift)>header h2{font-size:17px!important;line-height:24px!important;margin:0!important}
html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift)>header .tm-icon-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:12px!important}
html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift)>.tm-dialog-body{padding:12px!important;max-height:calc(var(--tm-viewport-height,100dvh) - 86px)!important}
#tm-dialog .tm-own-shift{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift>.tm-eyebrow{display:inline-flex!important;align-items:center!important;margin:0 0 4px!important;padding:2px 8px!important;border-radius:7px!important;background:color-mix(in srgb,var(--tm-brand,#ff8a65) 10%,transparent)!important;font-size:10px!important;line-height:16px!important;letter-spacing:.045em!important}
#tm-dialog .tm-own-shift>h3{margin:0!important;font-size:17px!important;line-height:22px!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important}
#tm-dialog .tm-own-shift>h3+p{margin:3px 0 9px!important;font-size:12px!important;line-height:18px!important;color:var(--tm-muted,#adadad)!important}
#tm-dialog .tm-own-shift .tm-attendance-card{box-sizing:border-box!important;display:grid!important;gap:10px!important;min-width:0!important;padding:10px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--tm-brand,#ff8a65) 15%,var(--tm-line,#303030))!important;border-radius:16px!important;background:var(--tm-surface,#101010)!important;box-shadow:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card>.tm-check-steps{display:flex!important;gap:12px!important;margin:0!important;padding:0 0 8px!important;border:0!important;border-bottom:1px solid var(--tm-line,#303030)!important;list-style:none!important;counter-reset:tm-attendance-step}
#tm-dialog .tm-own-shift .tm-attendance-card>.tm-check-steps>li{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex:1 1 0!important;min-width:0!important;min-height:26px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;line-height:18px!important;color:var(--tm-muted,#adadad)!important;counter-increment:tm-attendance-step}
#tm-dialog .tm-own-shift .tm-attendance-card>.tm-check-steps>li::before{content:counter(tm-attendance-step);display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid var(--tm-line,#303030);border-radius:50%;font-size:10px;line-height:1;color:var(--tm-muted,#adadad)}
#tm-dialog .tm-own-shift .tm-attendance-card>.tm-check-steps>li.is-done{color:#a9e1b9!important}
#tm-dialog .tm-own-shift .tm-attendance-card>.tm-check-steps>li.is-done::before{background:#193524;border-color:#34583e;color:#b3e5bf}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form]{box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form]>h4{grid-column:1/-1!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:18px!important;font-weight:650!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form]>p{grid-column:1/-1!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:17px!important;color:var(--tm-muted,#adadad)!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important;row-gap:6px!important;align-items:start!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]>.tm-field{grid-column:1!important;grid-row:3!important;display:grid!important;gap:0!important;min-width:0!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]>.tm-field>span:first-child{display:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]>.tm-form-footer{grid-column:2!important;grid-row:3!important;align-self:start!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]>.tm-inline-error{grid-column:1/-1!important;grid-row:4!important;margin:0!important;font-size:12px!important;line-height:17px!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"] .tm-selfie-selected{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:6px 0 0!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"] .tm-selfie-selected[hidden]{display:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"] .tm-selfie-selected img{width:48px!important;height:48px!important;max-height:48px!important;max-width:48px!important;object-fit:contain!important;border-radius:8px!important;background:var(--tm-canvas,#080808)!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"] .tm-selfie-selected p{margin:0!important;font-size:11px!important;line-height:16px!important;overflow-wrap:anywhere!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]+form[data-tm-form="check"]{padding-top:10px!important;border-top:1px solid var(--tm-line,#303030)!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]{display:grid!important;gap:7px!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-field{display:grid!important;gap:5px!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-field>span{font-size:11px!important;line-height:16px!important;color:var(--tm-muted,#adadad)!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-field:is([hidden]){display:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"] :is(select,input){box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid var(--tm-line,#303030)!important;border-radius:10px!important;background:var(--tm-control,#202020)!important;font-size:13px!important;line-height:20px!important;box-shadow:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-form-footer{display:flex!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-inline-error{margin:0!important;font-size:12px!important;line-height:17px!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-error{margin:0!important;padding:8px 10px!important;border-radius:10px!important;background:#2c1816!important;color:#ffa897!important;font-size:12px!important;line-height:17px!important}
#tm-dialog .tm-own-shift .tm-attendance-card button.tm-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;max-width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:8px 10px!important;margin:0!important;border:1px solid var(--tm-line,#303030)!important;border-radius:10px!important;font-family:inherit!important;font-size:13px!important;line-height:18px!important;font-weight:600!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;box-shadow:none!important}
#tm-dialog .tm-own-shift .tm-attendance-card button.tm-button>svg{display:block!important;flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important;margin:0!important}
#tm-dialog .tm-own-shift .tm-attendance-card button.tm-button>span{min-width:0!important;white-space:nowrap!important}
#tm-dialog .tm-own-shift .tm-attendance-card button.tm-button.tm-primary{background:var(--tm-brand,#ff8a65)!important;color:#241b16!important;border-color:var(--tm-brand,#ff8a65)!important}
#tm-dialog .tm-own-shift .tm-attendance-card button.tm-button:disabled{cursor:default!important;opacity:.45!important}
#tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="check"]>.tm-form-footer>.tm-button{width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important}
#tm-dialog .tm-own-shift .tm-attendance-card :is(.tm-inline-error,.tm-note,.tm-success){font-size:12px!important;line-height:17px!important;overflow-wrap:anywhere!important}
#tm-dialog .tm-own-shift .tm-attendance-card :is(.tm-inline-error:empty,[hidden]){display:none!important}
#tm-dialog .tm-own-shift>.tm-own-shift-details{margin:8px 0 0!important;padding:0!important;border:0!important;border-top:1px solid var(--tm-line,#303030)!important;border-radius:0!important;background:transparent!important}
#tm-dialog .tm-own-shift>.tm-own-shift-details>summary{min-height:42px!important;padding:11px 2px!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;color:var(--tm-muted,#adadad)!important;cursor:pointer}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-operational-details{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-operational-details>h4{display:none!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-operational-details>dl{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-operational-details>dl>div{display:grid!important;grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr)!important;gap:10px!important;padding:9px 0!important;margin:0!important;border:0!important;border-top:1px solid var(--tm-line,#303030)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-operational-details dt{margin:0!important;font-size:11px!important;line-height:17px!important;font-weight:500!important;color:var(--tm-muted,#adadad)!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-operational-details dd{margin:0!important;font-size:12px!important;line-height:17px!important;font-weight:400!important;color:var(--tm-text,#f8f8f8)!important;overflow-wrap:anywhere!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-navigation-link{display:block!important;margin-top:4px!important;font-size:11px!important;line-height:16px!important;color:var(--tm-brand,#ff8a65)!important}
#tm-dialog .tm-own-shift .tm-own-shift-details .tm-shift-notes{margin:8px 0 0!important;padding:8px 0!important;border:0!important;border-top:1px solid var(--tm-line,#303030)!important;background:transparent!important;font-size:12px!important;line-height:17px!important}
#tm-dialog .tm-own-shift>.tm-work-tool{margin-top:14px!important;padding-top:12px!important}
@media(max-width:400px){
 #tm-dialog .tm-own-shift .tm-attendance-card{padding:10px!important}
 #tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]>.tm-form-footer>button{width:42px!important;min-width:42px!important;padding:10px!important}
 #tm-dialog .tm-own-shift .tm-attendance-card>form[data-tm-form="selfie"]>.tm-form-footer>button>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
}
@media(max-width:330px){
 html body dialog#tm-dialog.tm-dialog:has(.tm-own-shift)>.tm-dialog-body{padding:10px!important}
 #tm-dialog .tm-own-shift>h3{font-size:16px!important;line-height:22px!important}
 #tm-dialog .tm-own-shift .tm-attendance-card button.tm-button{font-size:12px!important;padding-inline:8px!important}
}
/* Running-shift clock: presentation only; the confirmed server check-in starts it. */
#tm-dialog .tm-own-shift>.tm-shift-timer,
#tm-workspace .tm-personal-shift .tm-shift-timer,
#tm-workspace .tm-calendar-shift .tm-shift-timer{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;max-width:100%!important;min-height:30px!important;margin:0 0 10px!important;padding:4px 8px!important;border:1px solid #34583e!important;border-radius:9px!important;background:#142218!important;color:#b3e5bf!important;font-size:12px!important;line-height:20px!important;white-space:nowrap!important}
#tm-dialog .tm-own-shift>.tm-shift-timer>svg,
#tm-workspace .tm-personal-shift .tm-shift-timer>svg,
#tm-workspace .tm-calendar-shift .tm-shift-timer>svg{display:block!important;flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}
#tm-dialog .tm-own-shift>.tm-shift-timer :is(strong,time,.tm-shift-timer-value),
#tm-workspace .tm-personal-shift .tm-shift-timer :is(strong,time,.tm-shift-timer-value),
#tm-workspace .tm-calendar-shift .tm-shift-timer :is(strong,time,.tm-shift-timer-value){flex:0 0 auto!important;font-size:12px!important;line-height:20px!important;font-weight:650!important;font-variant-numeric:tabular-nums!important;font-feature-settings:'tnum'!important;letter-spacing:.025em!important;color:inherit!important}
#tm-dialog .tm-own-shift>.tm-shift-timer :is(small,.tm-shift-timer-label),
#tm-workspace .tm-personal-shift .tm-shift-timer :is(small,.tm-shift-timer-label),
#tm-workspace .tm-calendar-shift .tm-shift-timer :is(small,.tm-shift-timer-label){flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:20px!important;font-weight:500!important;color:inherit!important;opacity:.85!important}

/* R112: compact attendance controls above a Work conversation. */
#tm-workspace .tm-personal-shifts:has(>.tm-personal-shift-own){box-sizing:border-box!important;flex:0 0 auto!important;min-width:0!important;max-height:min(280px,42dvh)!important;gap:8px!important;padding:8px 10px!important;overflow-x:hidden!important;overflow-y:auto!important}
#tm-workspace .tm-personal-shift.tm-personal-shift-own{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;align-items:center!important;gap:2px!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:6px 10px!important;border:1px solid var(--tm-line,#303030)!important;border-radius:12px!important;background:var(--tm-surface,#101010)!important;box-shadow:none!important}
#tm-workspace .tm-personal-shift-own>.tm-personal-shift-context{display:block!important;grid-column:1/-1!important;grid-row:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;color:var(--tm-text,#f8f8f8)!important}
#tm-workspace .tm-personal-shift-own>.tm-personal-shift-attendance{display:flex!important;grid-column:1/-1!important;grid-row:2!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;max-width:100%!important}
#tm-workspace .tm-personal-shift-own .tm-personal-shift-attendance>.tm-shift-timer{flex:0 1 auto!important;min-height:30px!important;margin:0!important;padding:4px 7px!important}
#tm-workspace .tm-personal-shift-own .tm-personal-shift-attendance .tm-shift-timer-label{display:none!important}
#tm-workspace .tm-personal-shift-own .tm-personal-shift-attendance>.tm-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0 0 0 auto!important;padding:8px 12px!important;border:1px solid var(--tm-brand,#ff8a65)!important;border-radius:10px!important;background:var(--tm-brand,#ff8a65)!important;color:#241b16!important;font-family:inherit!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;white-space:nowrap!important;overflow-wrap:normal!important;box-shadow:none!important}
#tm-workspace .tm-personal-shift-own .tm-personal-shift-attendance>.tm-button>svg{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}
#tm-workspace .tm-personal-shift-own>.tm-personal-shift-details{box-sizing:border-box!important;display:inline-flex!important;grid-column:1/-1!important;grid-row:3!important;justify-self:start!important;align-items:center!important;justify-content:flex-start!important;min-width:44px!important;width:auto!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:5px 4px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--tm-muted,#adadad)!important;font-family:inherit!important;font-size:11px!important;line-height:18px!important;font-weight:500!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important}
#tm-workspace .tm-personal-shift-own>.tm-personal-shift-details:focus-visible{outline:2px solid var(--tm-brand,#ff8a65)!important;outline-offset:1px!important}

/* R121: keep the position and planned shift interval visible above chat actions. */
#tm-workspace .tm-personal-shift-own>.tm-personal-shift-context{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#tm-workspace .tm-personal-shift-context>:is(.tm-personal-shift-position,.tm-personal-shift-period){display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.5!important}
#tm-workspace .tm-personal-shift-context>.tm-personal-shift-position{font-size:inherit!important;font-weight:inherit!important;color:inherit!important}
#tm-workspace .tm-personal-shift-context>.tm-personal-shift-period{font-size:12px!important;font-weight:400!important;color:var(--tm-muted,#adadad)!important}

#tm-workspace .tm-personal-shift-own>.tm-personal-shift-attendance{flex-wrap:wrap!important}
#tm-workspace .tm-personal-shift-own .tm-personal-shift-attendance .tm-shift-timer .tm-shift-timer-value{line-height:1.5!important}

/* R122: past shifts stay behind the Area chat action. */
#tm-dialog .tm-chat-shift-history{display:grid;gap:8px;min-width:0}
#tm-dialog .tm-chat-shift-history>article{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;min-width:0;padding:10px;border:1px solid var(--tm-line,#303030);border-radius:12px;background:var(--tm-surface,#101010)}
#tm-dialog .tm-chat-shift-history>article>div{display:grid;gap:3px;flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
#tm-dialog .tm-chat-shift-history strong{font-size:13px;line-height:1.5}
#tm-dialog .tm-chat-shift-history :is(span,small){font-size:12px;line-height:1.5;color:var(--tm-muted,#adadad)}

/* R123: an expired planning affiliation remains readable with its unread badge. */
#tm-workspace .tm-chat-row.is-chat-expired{background:#352126!important;border-color:#a66a75!important;box-shadow:inset 3px 0 0 #ffb7c3!important}
#tm-workspace .tm-chat-row.is-chat-expired:hover,#tm-workspace .tm-chat-row.is-chat-expired.is-active{background:#482a32!important}
#tm-workspace .tm-chat-row.is-chat-expired .tm-chat-copy>strong{color:#ffd5dd!important}
#tm-workspace .tm-project-card.is-chat-expired{border-color:#ad7781!important}
#tm-workspace .tm-work-chat-badge.is-expired{background:#57303b!important;border:1px solid #bd8793!important;color:#ffdae2!important}
#tm-workspace .tm-unread{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:22px!important;min-height:22px!important;height:auto!important;max-height:none!important;margin:0!important;padding:2px 6px!important;border:1px solid #ffb7c5!important;border-radius:999px!important;background:#ba2441!important;color:#fff!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important;pointer-events:none!important}
#tm-workspace .tm-chat-meta{flex:0 0 auto!important;max-width:78px!important;overflow:visible!important}
#tm-workspace .tm-nav-item{overflow:visible!important}
#tm-workspace .tm-nav-item>.tm-unread{position:absolute!important;inset:auto 2px auto auto!important;top:2px!important;z-index:2!important}

#tm-workspace .tm-work-chat-badge.is-expired{max-width:100%!important;min-width:0!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}
#tm-workspace .tm-nav-item>.tm-unread{padding-inline:3px!important}

/* Unified capture surfaces: canonical attendance-capture.css follows. */
/* Shared capture geometry, state layout and SVG controls. Only brand tokens vary. */
:is(.mc-capture-dialog,#tm-selfie-camera){--capture-bg:#101214;--capture-surface:#25282b;--capture-line:#41464a;--capture-text:#f4f4f4;--capture-muted:#c0c4c7;--capture-accent:#ff9b79;--capture-on-accent:#241b16;box-sizing:border-box!important;position:fixed!important;inset:8px!important;margin:auto!important;width:calc(100vw - 16px)!important;max-width:520px!important;height:min(760px,calc(100dvh - 16px))!important;max-height:calc(100dvh - 16px)!important;min-width:0!important;min-height:0!important;padding:0!important;border:1px solid var(--capture-line)!important;border-radius:16px!important;overflow:hidden!important;background:var(--capture-bg)!important;color:var(--capture-text)!important;font-family:Arial,Helvetica,sans-serif!important;box-shadow:0 12px 48px #0008!important;overscroll-behavior:contain}
:is(.mc-capture-dialog,#tm-selfie-camera)[data-capture-brand="appstead"]{--capture-bg:#102634;--capture-surface:#203b4b;--capture-line:#50616b;--capture-text:#f4f4f4;--capture-muted:#c0cbd2;--capture-accent:#e4c16b;--capture-on-accent:#172f3f}
:is(.mc-capture-dialog,#tm-selfie-camera)[open]{display:grid!important;grid-template-rows:56px minmax(0,1fr)!important;gap:0!important}
:is(.mc-capture-dialog,#tm-selfie-camera):not([open]){display:none!important}
:is(.mc-capture-dialog,#tm-selfie-camera)::backdrop{background:#000b;backdrop-filter:blur(4px)}
:is(.mc-capture-dialog,#tm-selfie-camera)>header{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;min-height:56px!important;height:56px!important;padding:6px 8px 6px 12px!important;border:0!important;border-bottom:1px solid var(--capture-line)!important;background:var(--capture-bg)!important}
:is(.mc-capture-dialog,#tm-selfie-camera) h2{margin:0!important;padding:0!important;font-size:16px!important;line-height:22px!important;font-weight:650!important;white-space:nowrap!important;color:var(--capture-text)!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-body,.tm-selfie-body){box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;gap:8px!important;min-width:0!important;min-height:0!important;height:100%!important;padding:8px!important;overflow:hidden!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-purpose,.tm-selfie-purpose){grid-row:1!important;margin:0!important;padding:0 2px!important;font-size:12px!important;line-height:17px!important;color:var(--capture-muted)!important;overflow-wrap:anywhere}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-purpose,.tm-selfie-purpose) a{color:var(--capture-accent)!important;text-decoration:underline!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-start,[data-selfie-start]){grid-row:2!important;justify-self:start!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-frame,.tm-selfie-frame){box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-row:3!important;width:100%!important;height:100%!important;min-width:0!important;min-height:80px!important;overflow:hidden!important;border-radius:10px!important;background:#000!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-frame,.tm-selfie-frame)>:is(video,img){box-sizing:border-box!important;display:block!important;grid-area:1/1!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-status,[data-selfie-status]){grid-row:4!important;margin:0!important;padding:0 2px!important;min-height:16px!important;font-size:12px!important;line-height:16px!important;max-height:48px!important;overflow:auto!important;color:var(--capture-muted)!important;opacity:1!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-controls,.tm-selfie-controls){grid-row:5!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;min-height:44px!important;height:auto!important;margin:0!important;padding:0!important}
:is(.mc-capture-dialog,#tm-selfie-camera) button,button.mc-capture-trigger,button.mc-capture-file-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;max-width:100%!important;min-width:44px!important;height:auto!important;min-height:44px!important;max-height:none!important;padding:10px 12px!important;border:1px solid var(--capture-line,#50616b)!important;border-radius:12px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:20px!important;font-weight:600!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;cursor:pointer;background:var(--capture-surface,#203b4b)!important;color:var(--capture-text,#f4f4f4)!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-primary,.tm-primary),.mc-capture-trigger{background:var(--capture-accent,#e4c16b)!important;color:var(--capture-on-accent,#172f3f)!important;border-color:var(--capture-accent,#e4c16b)!important}
:is(.mc-capture-dialog,#tm-selfie-camera) button>svg,.mc-capture-trigger>svg,.mc-capture-file-button>svg{box-sizing:border-box!important;display:block!important;flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-close,[data-selfie-close]){width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:10px!important;border:0!important;background:transparent!important;color:inherit!important}
:is(.mc-capture-dialog,#tm-selfie-camera) [data-selfie-close]>span{display:none!important}
:is(.mc-capture-dialog,#tm-selfie-camera) [hidden]{display:none!important}
:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-take,[data-selfie-take]){width:48px!important;min-width:48px!important;height:44px!important;padding:10px!important;border-radius:50%!important}
:is(.mc-capture-dialog,#tm-selfie-camera) [data-selfie-take]>span{display:none!important}
:is(.mc-capture-dialog,#tm-selfie-camera) button:disabled,.mc-capture-trigger:disabled,.mc-capture-file-button:disabled{opacity:.5!important;cursor:default!important}
:is(.mc-capture-dialog,#tm-selfie-camera) button:focus-visible,.mc-capture-trigger:focus-visible,.mc-capture-file-button:focus-visible{outline:2px solid var(--capture-accent,#e4c16b)!important;outline-offset:2px!important}
.mc-capture-selection{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;margin:8px 0}
.mc-capture-selection img{display:block;width:48px;height:48px;object-fit:contain;border-radius:8px;background:#102634}
.mc-capture-selection p{margin:0;font-size:12px;line-height:17px;overflow-wrap:anywhere}
.mc-capture-empty{display:grid;place-content:center;justify-items:center;gap:8px;grid-area:1/1;padding:16px;color:#c0c4c7;text-align:center;font-size:12px;line-height:17px}
.mc-capture-empty svg{width:32px;height:32px}
@media(max-height:480px) and (orientation:landscape){:is(.mc-capture-dialog,#tm-selfie-camera){max-width:880px!important}:is(.mc-capture-dialog,#tm-selfie-camera)[open]{grid-template-rows:56px minmax(0,1fr)!important}:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-body,.tm-selfie-body){grid-template-columns:minmax(0,1fr) 180px!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-purpose,.tm-selfie-purpose){grid-column:2!important;grid-row:1!important}:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-start,[data-selfie-start]){grid-column:2!important;grid-row:2!important}:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-frame,.tm-selfie-frame){grid-column:1!important;grid-row:1/4!important}:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-status,[data-selfie-status]){grid-column:1!important;grid-row:4!important}:is(.mc-capture-dialog,#tm-selfie-camera) :is(.mc-capture-controls,.tm-selfie-controls){grid-column:2!important;grid-row:3/5!important;align-self:end!important;flex-direction:column!important}}

.mc-capture-trigger[data-capture-brand="teamo"],.mc-capture-file-button[data-capture-brand="teamo"]{--capture-accent:#ff9b79;--capture-on-accent:#241b16;--capture-line:#41464a}