.offline-status{flex:0 0 28px;align-self:center;position:relative}.offline-status summary{cursor:pointer;justify-content:center;align-items:center;width:28px;height:32px;list-style:none;display:flex}.offline-status summary::-webkit-details-marker{display:none}.offline-dot{--offline-dot-glow:#32895729;background:#328957;border-radius:50%;width:9px;height:9px;display:block}.offline-dot-orange{--offline-dot-glow:#d88e2229;background:#d88e22}.offline-dot-red{--offline-dot-glow:#cf4a4a29;background:#cf4a4a}.offline-dot-pulse{animation:2.5s ease-in-out infinite offline-pulse}.offline-status-panel{border:1px solid var(--border,#46515e);background:var(--card,#fff);width:min(300px,100vw - 48px);color:var(--foreground,#202830);z-index:120;border-radius:12px;padding:16px;position:absolute;top:36px;right:0;box-shadow:0 8px 30px #0003}.offline-status-panel p{margin:8px 0}.offline-status-panel small{line-height:1.5;display:block}.offline-status-panel ul{max-height:200px;padding-left:16px;font-size:12px;overflow:auto}.offline-workday{max-width:800px;margin:0 auto;padding:16px}.offline-workday .offline-job-picker{gap:8px;margin:20px 0;display:flex}.offline-job-picker select{background:var(--card);min-width:0;color:var(--foreground);border:1px solid var(--border);border-radius:10px;flex:1;padding:12px}[data-theme=dark] .offline-status-panel,.dark .offline-status-panel{color:#e5eaf0;background:#222a35}@keyframes offline-pulse{50%{box-shadow:0 0 0 4px var(--offline-dot-glow);opacity:.7}}@media (prefers-reduced-motion:reduce){.offline-dot-pulse{animation:none}}@media (max-width:700px){.offline-status-panel{width:auto;max-height:calc(100dvh - 212px);position:fixed;top:180px;left:16px;right:16px;overflow:auto}.offline-status summary{min-height:44px}}.pass-strip{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:9px 12px;font-size:13px;display:flex}.pass-strip>div:first-child{gap:3px;display:grid}.pass-strip strong{font-size:14px}.pass-strip small{color:var(--muted-foreground);font-size:12px}.pass-strip small b{color:var(--foreground);font-weight:600}.pass-actions{align-items:center;gap:4px;display:flex}.pass-paused{border-style:dashed}.pass-error{color:#92362f;width:100%}.pass-day{border-bottom:1px solid var(--border);padding:10px 0}.pass-day summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;min-height:36px;display:flex}.pass-day p{color:var(--muted-foreground);font-size:13px}.pass-report-period label{align-items:center;gap:5px;font-size:13px;display:flex}.agreement-editor{gap:10px;display:grid}.agreement-editor>label,.ob-rule label{gap:4px;display:grid}.ob-rule{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.ob-rule .ob-source{grid-column:1/-1}.ob-days{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.ob-days label{align-items:center;gap:4px;display:flex}.agreement-editor input,.agreement-editor select{width:100%;min-width:0}.agreement-questions{border-left:3px solid #9b772c;padding:8px 12px}.agreement-list{gap:8px;display:grid}.agreement-list details{border-bottom:1px solid var(--border);padding:8px 0}.agreement-list summary{cursor:pointer;font-weight:600}.agreement-list p{font-size:13px}.pass-report{margin-bottom:18px}.pass-report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.pass-report-header h2{margin:0}.pass-report-period{flex-wrap:wrap;gap:8px 16px;display:flex}.pass-report-period label{min-width:0}.pass-report-period input{min-width:0;max-width:100%}.pass-report .pass-day summary{grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:12px;min-height:44px;display:grid}.pass-day summary>strong:before{content:"›";margin-right:8px;display:inline-block}.pass-day[open] summary>strong:before{transform:rotate(90deg)}.pass-day-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pass-day-metrics>span{color:var(--gk-muted);gap:2px;font-size:12px;display:grid}.pass-day-metrics strong{color:var(--gk-text);font-variant-numeric:tabular-nums;font-size:14px}@media (max-width:700px){.pass-report-header{align-items:stretch}.pass-report-period{width:100%}.pass-report-period label{display:grid}.pass-report .pass-day summary{grid-template-columns:1fr;gap:8px}.pass-strip{margin:5px 0;padding:8px 10px}.pass-actions button{min-height:44px}.ob-rule{grid-template-columns:repeat(2,minmax(0,1fr))}.pass-report-period label{flex:1}.pass-day summary{gap:6px;font-size:13px}.pass-day summary strong{flex-basis:100%}}.agreement-editor input[type=checkbox]{width:auto}.pass-job-hint{color:var(--muted-foreground);flex-basis:100%}@media (max-width:1100px){.pass-actions button{min-height:44px}}.pass-actions .pass-resume-primary{order:-1}
