/* Oetzel Team v0.1.5 — one component system, 8 / 12 / 16 px radii */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;font-size:15px;line-height:1.5;color:#1d2738;background:#f4f5f8;color-scheme:light;--ink:#1d2738;--muted:#667183;--line:#e5e8ee;--blue:#245bdb;--primary:#245bdb;--blue-soft:#eef3ff;--green:#237552;--soft:#eaf5ef;--amber:#dca437;--red:#ad3e36;--radius:16px;--shadow:0 3px 12px #25314d06,0 1px 2px #25314d05}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.45}a{color:var(--blue);text-decoration:none}button,a,input,select,textarea,label{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aac4ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:730}h2{font-size:19px;letter-spacing:-.35px;line-height:1.35}h3{font-size:15px;line-height:1.4;font-weight:650}p+p{margin-top:8px}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:8px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:grid;gap:16px}.spaced{margin-top:20px}.gap{gap:20px}.icon{width:21px;height:21px;stroke-width:1.8;display:inline-block;vertical-align:middle;flex-shrink:0}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.button,.iconbutton{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:46px;border-radius:12px;font-weight:620;line-height:1.3;transition:background .18s,box-shadow .18s,transform .18s}.button{padding:12px 16px;gap:8px;background:#fff;box-shadow:inset 0 0 0 1px #dfe4ec;text-align:center;font-size:13px}.iconbutton{width:46px;height:46px;background:#f1f3f7;color:#5a687b}.button:hover,.iconbutton:hover{background:#eaf0f9}.button:active,.iconbutton:active{transform:scale(.97)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #245bdb20}.button.primary:hover{background:#1b4fc5}.button.soft{background:#edf3ff;color:#2c5ebb;box-shadow:none}.button.amber{background:#f6dfa8;color:#5d4615;box-shadow:none}.button.danger,.iconbutton.danger{color:var(--red)}.button.full{width:100%}.tiny{padding:10px 12px;min-height:44px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:650;line-height:1.4;background:#eef1f5;color:#606d80;white-space:normal}.badge.green{background:#eaf5ef;color:#246a4d}.badge.amber{background:#fff2d5;color:#80601c}.badge.red{background:#ffebe8;color:#a4372f}.badge.gray{background:#eef1f5;color:#606d80}.badge-count{margin-left:auto;background:#e6edff;color:#245bdb;font-size:11px;padding:2px 7px;border-radius:6px}
.shell{max-width:1560px;margin:auto;min-height:100dvh}.sidebar{position:fixed;top:0;bottom:0;width:240px;padding:28px 18px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.6px;font-weight:750;white-space:nowrap}.brand img{width:43px;height:33px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#7b8593;font-weight:500}.nav{display:grid;gap:5px;margin-top:34px}.nav button,.nav a{display:flex;align-items:center;gap:12px;min-height:47px;border-radius:12px;padding:11px 12px;text-align:left;font-size:13px;color:#5d697c;font-weight:550}.nav button:hover{background:#f6f7fa}.nav .active{background:#edf2ff;color:#245bdb;font-weight:650}.nav .divider{height:1px;background:var(--line);margin:10px 12px}.profile{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px;font-size:13px}.profile .iconbutton{background:none}.avatar{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#edf1fa;color:#4b6083;font-weight:700;display:grid;place-items:center}.version{font-size:10px;text-align:center;color:#8c95a4;margin-top:22px}.main{margin-left:240px;padding:0 36px 48px;min-width:0}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.topbar>.row{min-width:0}.topbar .iconbutton{background:#fff;box-shadow:var(--shadow)}.breadcrumb{font-size:12px;color:#748092}.mobile-menu,.drawerback{display:none}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.heading p{margin-top:8px;font-size:13px;color:var(--muted)}.overview{display:block}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;flex-wrap:wrap}.search{position:relative;flex:1;max-width:480px;min-width:150px}.search .icon{position:absolute;left:14px;top:14px;width:19px;color:#8993a3;pointer-events:none}.search input{padding-left:43px!important;background:#fff!important}.day{margin-top:28px}.dayhead{display:flex;align-items:center;gap:12px;margin-bottom:14px}.daynum{width:42px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e7ebf2;color:#596b85;font-size:19px;font-weight:700;flex-shrink:0}.day.today .daynum{background:#1e2e44;color:white;box-shadow:inset 0 -3px #e5b855}.dayhead h2{font-size:17px}.dayhead small{font-size:11px}.dayhead .line{flex:1;height:1px;background:var(--line)}.dayhead>small:last-child{margin-left:auto}.joblist{display:grid;gap:10px}.jobcard{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:17px 18px;background:#fff;border-radius:16px;box-shadow:var(--shadow);transition:box-shadow .18s,transform .18s}.jobcard:hover{box-shadow:0 5px 17px #24365012;transform:translateY(-1px)}.timepill{min-width:64px;padding-right:16px;border-right:1px solid #edf0f5;display:flex;flex-direction:column;justify-content:center;align-self:stretch;font-variant-numeric:tabular-nums}.timepill b{font-size:16px;font-weight:700}.timepill small{font-size:12px;margin-top:3px}.jobcard h3{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jobmeta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:7px;font-size:12px;color:#707b8d}.jobmeta span{display:inline-flex;align-items:center;gap:4px}.jobmeta .icon{width:13px;height:13px}.jobcard>.icon{color:#9aa4b5;width:18px}.progressline{display:flex;align-items:center;gap:6px;font-size:11px;color:#727e90;margin-top:7px}.progressline .icon{width:14px;height:14px}
.card,.blocktime{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow);min-width:0}.card+.card,.blocktime+.blocktime{margin-top:16px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sectiontitle h2{font-size:17px}.sectiontitle>.icon{color:#8a96a8}.notice{border-radius:12px;padding:13px 16px;background:#fff5df;color:#79571d;font-size:12px;line-height:1.6;margin-bottom:18px;overflow-wrap:anywhere}.notice.error{background:#ffefeb;color:#a33d32}.notice.info{background:#edf2fd;color:#47618b}.notice.ok{background:#eaf5ef;color:#28694f}.notice strong{display:block}.required-tag,.optional-tag{display:inline-block;font-size:10px;font-weight:550;letter-spacing:0;padding:3px 6px;border-radius:5px;margin-left:5px;color:#7b652e;background:#fff5dd;vertical-align:middle}.optional-tag{color:#788394;background:#f2f4f7}.empty{border-radius:16px;background:#fff;text-align:center;padding:36px 22px;box-shadow:var(--shadow)}.empty>.icon{width:30px;height:30px;color:#91a1b9;margin-bottom:12px}.empty h3{margin-bottom:7px}.empty p{font-size:13px;color:var(--muted);max-width:380px;margin:0 auto 14px}.stat{font-size:34px;font-weight:730;letter-spacing:-1px}.stat small{font-size:14px;letter-spacing:0;font-weight:500}
.jobhead{padding:22px 24px 24px;background:linear-gradient(115deg,#1e2b40,#2b3d56);color:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 5px 15px #23324a13}.jobhead .button{background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff14;color:#e7ecf5}.jobhead .button:hover{background:#ffffff22}.jobhead .row{flex-wrap:wrap}.jobhead h1{margin:18px 0 12px;font-size:27px;overflow-wrap:anywhere;line-height:1.25;color:#fff}.job-context{display:flex;flex-wrap:wrap;gap:6px 18px;color:#cbd4e3;font-size:13px}.job-address{display:flex;align-items:center;gap:7px;margin-top:10px;color:#cbd4e3;font-size:13px}.job-address .icon{width:16px;height:16px}.jobhead .badge{font-size:10px}.jobhead .badge.amber{background:#efd596;color:#594312}.jobhead .badge.green{background:#dcefe6;color:#2e6450}#tab-anchor{height:0}.tabdock{position:sticky;top:calc(24px + env(safe-area-inset-top));height:80px;z-index:15;padding-bottom:16px;margin:0 0 8px}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#ffffffed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:5px;box-shadow:0 2px 6px #1d305009;transition:box-shadow .2s,background .2s;isolation:isolate}.tab{min-height:54px;min-width:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 4px;font-size:12px;font-weight:580;color:#798497;transition:background .18s,color .18s,min-height .18s,gap .18s,padding .18s}.tab .icon{width:19px;height:19px}.tab.active{background:#e4edff;color:#194bae;font-weight:700;box-shadow:none}.tab:hover:not(.active){background:#f4f6fa;color:#51627e}.tabdock.compact .tabs{background:#ffffffed;box-shadow:0 8px 26px #1d30501c,0 1px 3px #1d305015}.tabdock.compact .tab{min-height:44px;padding:5px 4px}#job-panel{min-width:0;animation:panel-in .18s ease-out}.contentgrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.info-sections{min-width:0;display:grid;gap:16px}.info-sections>.card+.card{margin:0}.job-aside{position:sticky;top:102px}.job-aside .voice-progress{margin-top:18px;padding:0;background:none}.job-aside .progress-topics{grid-template-columns:1fr}.infogrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kv{font-size:13px}.kv small{display:block;margin-bottom:4px}.kv strong{font-weight:620}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;min-height:34px;font-size:12px;border-radius:8px;background:#f1f4f8;color:#51627c}.chip .icon{width:16px;height:16px}.richtext{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.richtext h2,.richtext h3{font-size:15px;margin:16px 0 6px}.richtext p{margin:7px 0}.richtext a{text-decoration:underline}.richtext table{display:block;max-width:100%;overflow:auto}.richtext img{max-width:100%;height:auto}details summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;font-size:14px;font-weight:650;min-height:28px}details summary:after{content:'+';margin-left:auto;font-size:19px;color:#8c97a9}details[open] summary:after{content:'−'}details .detailsbody{padding-top:15px}.listrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f4}.listrow:last-child{border-bottom:0}.file{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:13px}.file .grow{overflow-wrap:anywhere}
.field{display:block;font-weight:580;font-size:12px;min-width:0;margin-bottom:16px}.field>span{display:block;color:#536178;margin-bottom:7px;line-height:1.4}.field small{display:block;font-weight:400;margin-top:5px}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea){width:100%;min-width:0;max-width:100%;min-height:46px;border:1px solid #d7dee8;background:#fafbfd;color:var(--ink);border-radius:8px;padding:11px 12px;font-size:16px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{border-color:#6590ef;background:#fff;box-shadow:0 0 0 3px #245bdb12;outline:none}textarea{resize:vertical;min-height:96px}input[type=time]{appearance:none;-webkit-appearance:none;padding:10px 6px;text-align:center;font-variant-numeric:tabular-nums}input[type=time]::-webkit-calendar-picker-indicator{display:none}input::-webkit-date-and-time-value{min-height:1.4em;text-align:center}input[type=checkbox]{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--blue)}input[type=file]{font-size:13px;max-width:100%}.check{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:13px;font-weight:500}.formrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formrow.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shared-time{padding:16px;background:#f0f4fc;border-radius:12px;margin-top:20px}.shared-time .spaced{margin-top:12px}.shared-time .field{margin-bottom:12px}.employee-chips .chip{min-height:44px;cursor:pointer;background:#f5f6f9;box-shadow:inset 0 0 0 1px #e6eaf0}.employee-chips .chip:has(:checked){background:#edf2ff;box-shadow:inset 0 0 0 1px #a9c0f3;color:#345cad}.employee-times{display:grid;gap:10px}.employee-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border-radius:12px;background:#f7f9fc}.employee-row>strong{font-size:14px}.employee-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.employee-row .field{margin:0}.employee-row .field>span{font-size:11px}.employee-row input{padding:9px 5px!important;text-align:center}.helper{font-size:12px;margin:5px 0 13px}.blocktime>.row strong{font-size:15px}.blocktime>.row .iconbutton{background:none}.timelines{display:grid;margin-top:16px;font-size:13px;font-variant-numeric:tabular-nums}.timelines>div{display:grid;grid-template-columns:minmax(68px,.6fr) minmax(0,1.8fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid #f0f2f6}.timelines>div:last-child{border-bottom:0}.timelines b{font-weight:600}.timelines span{color:#5c6c85;text-align:right}.worktext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;background:#f5f7fb;padding:13px;border-radius:8px;margin:14px 0}.bottomactions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.bottomactions .button{flex:1}.nextstep{display:flex;justify-content:flex-end;margin-top:24px;padding:0}.nextstep .button{min-width:220px}.statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-choice{display:flex;align-items:center;gap:10px;min-height:64px;border-radius:12px;background:#f6f8fb;padding:14px;text-align:left;font-size:13px;line-height:1.4;transition:background .18s,box-shadow .18s}.status-choice.active{background:#eef3ff;color:#245bdb;box-shadow:inset 0 0 0 2px #6c93e9;font-weight:650}.status-choice[data-value=done].active{background:#edf7f1;color:#287451;box-shadow:inset 0 0 0 2px #87b69c}.status-choice[data-value=clarify].active{background:#fff6e5;color:#856120;box-shadow:inset 0 0 0 2px #d8b976}.status-choice[data-value=wait].active{background:#f2effa;color:#74549e;box-shadow:inset 0 0 0 2px #b3a0d0}.summaryitem{padding:17px 0;border-bottom:1px solid #edf0f4;font-size:13px}.summaryitem:last-child{border:0}.summaryitem>.badge{display:table;margin-bottom:8px}.summaryitem p{margin-top:5px}.summaryitem small{line-height:1.8}.errorlist{font-size:13px;line-height:1.7;padding-left:19px}.signature{width:100%;height:170px;background:white;border:1px dashed #bfcbdd;border-radius:12px;touch-action:none}
.material-selected{display:grid;gap:12px}.materialrow{border-radius:16px;background:#fff;padding:16px;box-shadow:var(--shadow)}.material-description{display:flex;align-items:center;gap:12px;min-width:0}.material-description h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;overflow-wrap:anywhere}.material-description small{display:block;font-size:11px;margin-top:4px}.material-description>.iconbutton{background:none;align-self:flex-start}.material-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.quantity-control{display:flex;align-items:center;gap:0;min-width:0;max-width:175px;font-weight:500}.quantity-control input[type=number]{width:76px;flex:0 0 76px;min-height:46px;text-align:center;padding:9px 7px;border-radius:8px 0 0 8px;font-variant-numeric:tabular-nums;background:white;border-color:#d6deeb}.quantity-unit{display:flex;align-items:center;justify-content:center;min-height:46px;min-width:40px;padding:0 10px;background:#f0f3f8;color:#647189;border-radius:0 8px 8px 0;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.article-thumb{width:80px;max-width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center;border-radius:8px;display:block;flex:0 0 80px;background:#f3f5f8}.article-preview-button{padding:0;flex:0 0 80px;min-height:48px}.article-preview-button .article-thumb{width:100%}.pickerrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;background:#f7f9fc;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:background .2s,box-shadow .2s}.pickerrow:hover{background:#f0f4fb}.pickerrow.picked{background:#eef3ff;box-shadow:inset 0 0 0 1.5px #8eaff4}.pickerchoice{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-width:0;min-height:58px;cursor:pointer}.pickerchoice>input{width:24px;height:24px}.pickerchoice>span{flex:1;min-width:0}.pickerchoice strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.pickerchoice small{display:block;font-size:11px;margin-top:5px;color:#8993a4}.pickerquantity{grid-column:2}.pickerhint{font-size:11px;color:#8793a6;grid-column:1}.pickerrow:not(.picked) .pickerquantity{display:none}.pickerrow:not(.picked) .pickerhint{grid-column:1/-1;padding-left:36px}.pickerrow.picked .pickerhint{color:#617eaf}.pickerrow .article-thumb{width:88px;flex-basis:88px}.pickerrow .quantity-control{max-width:180px}
.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:4px}.document-card{display:block;min-width:0;padding:0;text-align:left;background:#f7f9fc;border-radius:12px;overflow:hidden;transition:box-shadow .18s}.document-card:hover{box-shadow:0 3px 12px #21386516}.document-preview{display:grid;place-items:center;aspect-ratio:4/3;background:#eaf0f7;position:relative;overflow:hidden}.document-preview img{width:100%;height:100%;object-fit:cover}.document-caption{display:flex;gap:8px;align-items:center;padding:11px;font-size:12px;color:#596e8c}.document-caption>.icon{width:16px;height:16px}.document-caption>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.document-folder,.document-file{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#f7f9fc;padding:14px;border-radius:12px;text-align:left;color:#536984;font-size:13px;min-height:58px}.document-folder>span{flex:1}.document-file small{display:block;margin-top:3px}.preview-unavailable{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:#68809e}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo{position:relative;min-width:0;border-radius:12px;overflow:hidden;background:#f1f4f9}.photo img{width:100%;height:130px;display:block;object-fit:cover}.photo small{display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo button{position:absolute;right:5px;top:5px;width:44px;height:44px;background:#ffffffed}.lightbox{max-width:1000px;background:#111c2c!important}.lightbox .dialoghead{background:#172337;border:0;color:#eaf1fc}.lightbox .dialoghead h2{color:#eaf1fc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;min-width:0}.lightbox .dialoghead .iconbutton{background:#ffffff12;color:white}.lightbox .dialogbody{padding:0;background:#111c2c;color:#e6edfa}.lightbox-stage{height:min(62dvh,680px);display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom;overflow:hidden}.lightbox-stage>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-error{padding:24px;text-align:center;font-size:13px;color:#c8d7ec}.gallery-navigation{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px;font-size:13px;font-variant-numeric:tabular-nums}.gallery-navigation .iconbutton{background:#ffffff10;color:#e4edfa}.lightbox .dialogfoot{background:#172337;border:0}.lightbox .dialogfoot .button{background:#263854;color:#eef4ff;box-shadow:none}
.voice-action{position:relative;background:linear-gradient(110deg,#edf2ff,#f3efff);color:#4059af;box-shadow:inset 0 0 0 1px #dde4f7,0 3px 12px #5267b00b}.voice-action>.icon{padding:5px;width:30px;height:30px;border-radius:9px;background:#ffffffbd;color:#576ed0}.voice-action:hover{background:linear-gradient(110deg,#e4ecff,#eee8ff);box-shadow:0 3px 14px #647dd321}.voiceorb{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#edf2ff,#e9e2fb);display:grid;place-items:center;margin:2px 0 18px;color:#5a68c4;box-shadow:0 7px 25px #7083c11a}.voiceorb .icon{width:30px;height:30px}.voiceorb.live{animation:breathe 1.8s ease-in-out infinite}.voicelog{max-height:160px;overflow:auto;white-space:pre-wrap;padding:14px;background:#f6f8fc;border-radius:12px;font-size:13px;line-height:1.6;margin:18px 0}.voice-progress{margin-top:18px;padding:16px;background:#f6f8fc;border-radius:12px}.voice-progress>.row{font-size:12px}.voice-progress>.row>span{font-variant-numeric:tabular-nums;color:#8190a7}.progress-track{height:4px;border-radius:9px;background:#e3e9f3;overflow:hidden;margin:12px 0 16px}.progress-fill{display:block;background:#5d83d8;height:100%;width:0;transition:width .22s}.progress-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.progress-topic{display:flex;align-items:flex-start;gap:8px;min-width:0}.progress-topic .icon{width:20px;height:20px;color:#9cabc0;margin-top:1px}.progress-topic strong{display:block;font-size:12px;font-weight:600;color:#596f8e}.progress-topic small{display:block;font-size:10px;line-height:1.4;color:#8a97aa;margin-top:2px}.progress-topic.done .icon{color:#33825e}.progress-topic.done strong{color:#31664d}.progress-topic.optional .icon{color:#9da8b8}.progress-topic.optional strong{color:#8994a4}
.dialog{border:0;border-radius:20px;max-width:680px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 25px 90px #1a29473b}.dialog[open]{display:flex;flex-direction:column;height:fit-content}.dialog::backdrop{background:#17243d66;backdrop-filter:blur(4px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:20px 24px;background:#fff;border-bottom:1px solid #eff2f6}.dialoghead h2{font-size:19px;line-height:1.3}.dialoghead .iconbutton{background:#f4f6f9}.dialogbody{padding:24px;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto}.dialogbody form{min-width:0}.dialogfoot{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex:0 0 auto;background:#fff;border-top:1px solid #eef1f6}.dialogfoot .primary{margin-left:auto}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translateX(-50%);padding:13px 20px;max-width:90vw;border-radius:12px;background:#253349;color:#fff;box-shadow:0 5px 25px #24334f2b;font-size:13px;line-height:1.5}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settingsgrid>*{min-width:0}.settingsgrid .card+.card{margin-top:0}.layoutrow{display:flex;align-items:center;gap:8px;background:#f5f7fb;padding:8px 12px;border-radius:12px;margin-top:8px;font-size:13px}.mini-preview{padding:16px;background:#f6f8fb;border-radius:12px;margin:14px 0}.sticky-actions{position:sticky;bottom:12px;background:#ffffffed;backdrop-filter:blur(10px);border-radius:16px;padding:12px;box-shadow:0 4px 22px #24344d14}.help-steps{padding-left:24px;margin:0;display:grid;gap:18px}.help-steps p{font-size:13px;color:var(--muted);margin-top:4px}.auth{max-width:440px;margin:8vh auto;padding:24px}.auth .brand{justify-content:center;margin-bottom:28px}.auth h1{font-size:27px}.auth form{margin-top:24px}.auth .card{padding:28px}.req{color:var(--red)}.formtitle{display:block;font-weight:650;margin:14px 0 8px}.wide-only{display:block}
@keyframes panel-in{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes breathe{50%{box-shadow:0 0 0 8px #788be51b;transform:scale(1.02)}}
@media(min-width:1560px){.sidebar{left:calc((100vw - 1560px)/2)}}
@media(min-width:1100px){.jobmeta{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr)}.jobmeta span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jobcard>.grow{padding-right:16px}.info-sections .document-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:1100px){.main{padding:0 24px 40px}.contentgrid{grid-template-columns:1fr}.job-aside{display:none}.sidebar{width:220px}.main{margin-left:220px}}
@media(max-width:760px){.main{margin-left:0;padding:0 16px calc(30px + env(safe-area-inset-bottom))}.sidebar{width:280px;transform:translateX(-100%);transition:transform .2s;padding-top:calc(24px + env(safe-area-inset-top))}.sidebar.open{transform:translateX(0)}.drawerback.open{display:block;position:fixed;inset:0;background:#17263d66;z-index:25}.mobile-menu{display:inline-flex}.topbar{height:auto;min-height:80px;padding:calc(14px + env(safe-area-inset-top)) 0 14px;margin-bottom:18px}.topbar .brand{font-size:17px;gap:7px}.topbar .brand img{width:32px;height:28px}.topbar .brand small,.breadcrumb{display:none}.topbar .row{gap:8px}.topbar .iconbutton{width:44px;height:44px}.heading{margin-bottom:20px}.heading h1{font-size:26px}.heading p{font-size:12px;margin-top:6px}.day{margin-top:24px}.dayhead{gap:10px;margin-bottom:12px}.dayhead h2{font-size:16px}.dayhead>small:last-child{font-size:10px}.jobcard{padding:13px 12px;gap:12px}.jobcard h3{font-size:14px;line-height:1.35}.jobmeta{font-size:11px;gap:4px 10px;margin-top:6px}.jobmeta span:first-child{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobmeta .icon{width:12px;height:12px}.timepill{min-width:53px;padding-right:10px}.timepill b{font-size:15px}.timepill small{font-size:11px}.jobcard>.icon{width:15px}.card,.blocktime{padding:18px}.sectiontitle{margin-bottom:16px}.sectiontitle h2{font-size:17px}.jobhead{padding:18px;margin-bottom:18px}.jobhead h1{font-size:23px;margin-top:16px}.job-context,.job-address{font-size:12px}.jobhead .row{gap:9px}.jobhead .button{font-size:11px;padding:10px;min-height:44px}.tabdock{height:88px;margin-bottom:4px;padding-bottom:16px}.tabs{padding:4px;gap:2px;border-radius:16px}.tab{flex-direction:column;min-height:64px;gap:5px;font-size:10px;padding:8px 2px;border-radius:12px}.tab .icon{width:20px;height:20px}.tabdock.compact .tab{min-height:48px;gap:2px;padding:3px 2px}.tabdock.compact .tab .icon{width:18px;height:18px}.tabdock.compact .tab span{font-size:9px}.toolbar{margin:18px 0}.toolbar .button{padding:10px 12px;font-size:12px}.toolbar .voice-action{padding:8px 10px}.infogrid{grid-template-columns:1fr}.employee-row{display:block;padding:13px}.employee-row>strong{display:block;margin-bottom:10px}.employee-fields{gap:8px}.employee-row .field>span{font-size:11px}.formrow.three{gap:8px}.shared-time{padding:13px}.timelines{font-size:12px}.timelines>div{grid-template-columns:minmax(60px,.6fr) minmax(0,1.8fr);gap:10px}.timelines span{font-size:11px;line-height:1.6}.bottomactions .button{font-size:13px}.nextstep{position:sticky;bottom:0;z-index:12;margin:24px -6px 0;padding:10px 6px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#f4f5f800,#f4f5f8 22%)}.nextstep .button{width:100%;box-shadow:0 5px 15px #245bdb24}.statuses{gap:9px}.status-choice{padding:12px;font-size:12px;min-height:65px}.materialrow{padding:14px}.material-description{gap:10px}.material-description h3{font-size:14px}.material-description>.iconbutton{width:44px;height:44px}.material-controls{gap:8px}.material-controls .check{font-size:12px;gap:7px}.material-controls .check input{width:20px;height:20px}.quantity-control{max-width:155px}.quantity-control input[type=number]{width:65px;flex-basis:65px}.quantity-unit{font-size:12px;padding:0 9px;min-width:38px}.article-thumb{width:72px;flex-basis:72px}.article-preview-button{flex-basis:72px}.pickerrow{padding:13px;gap:10px}.pickerchoice{gap:10px}.pickerrow .article-thumb{width:76px;flex-basis:76px}.pickerchoice strong{font-size:14px}.pickerhint{font-size:11px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo img{height:120px}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-caption{padding:10px;font-size:11px;gap:5px}.dialog{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);margin:auto 0 0;border-radius:20px 20px 0 0}.dialoghead{padding:17px 16px}.dialoghead h2{font-size:18px}.dialogbody{padding:20px 16px}.dialogfoot{padding:13px 16px calc(13px + env(safe-area-inset-bottom));gap:10px}.dialogfoot .primary{flex:1}.dialogfoot .button{min-height:48px}.lightbox{border-radius:16px 16px 0 0}.lightbox .dialogbody{padding:0}.lightbox-stage{height:62dvh}.settingsgrid{grid-template-columns:1fr}.toast{bottom:calc(88px + env(safe-area-inset-bottom));text-align:center;min-width:210px}.wide-only{display:none}.auth{margin:4vh auto;padding:20px}.notice{font-size:12px;padding:12px 14px}.voice-progress{padding:14px}.voice-progress .progress-topics{gap:13px 10px}.voiceorb{width:56px;height:56px;border-radius:18px}.voiceorb .icon{width:27px;height:27px}}
@media(max-width:360px){.topbar .brand{font-size:15px}.topbar .brand img{width:26px}.topbar .row{gap:5px}.main{padding-left:12px;padding-right:12px}.card,.blocktime{padding:16px}.dayhead>small:last-child{display:none}.pickerrow .article-thumb{width:62px;flex-basis:62px}.pickerchoice{gap:8px}.pickerchoice strong{font-size:13px}.material-description h3{font-size:13px}.material-controls{flex-wrap:wrap}.material-controls .quantity-control{margin-left:auto}.dialogbody{padding:18px 12px}.quantity-control input[type=number]{width:62px;flex-basis:62px}.jobhead{padding:16px}.jobhead h1{font-size:22px}.jobhead .badge{font-size:9px}.jobhead .button{font-size:10px}.progress-topic small{font-size:10px}}
@media(hover:none) and (pointer:coarse),(max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea,[contenteditable=true]{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.tabdock,.bottomactions,.button,.iconbutton,.sticky-actions{display:none!important}.main{margin:0;padding:0}.card{break-inside:avoid;box-shadow:none}body{background:white}}

/* Validated progress widths, kept outside inline styles for CSP. */
.progress-0-of-3{width:0.0%}
.progress-1-of-3{width:33.333%}
.progress-2-of-3{width:66.667%}
.progress-3-of-3{width:100.0%}
.progress-0-of-4{width:0.0%}
.progress-1-of-4{width:25.0%}
.progress-2-of-4{width:50.0%}
.progress-3-of-4{width:75.0%}
.progress-4-of-4{width:100.0%}
.progress-0-of-5{width:0.0%}
.progress-1-of-5{width:20.0%}
.progress-2-of-5{width:40.0%}
.progress-3-of-5{width:60.0%}
.progress-4-of-5{width:80.0%}
.progress-5-of-5{width:100.0%}
.timelines>div{grid-template-columns:minmax(55px,.8fr) minmax(0,1.25fr) auto;gap:3px 10px}.timelines .time-range{text-align:left;font-size:12px;white-space:nowrap}.timelines .time-hours{font-size:12px;font-weight:650;text-align:right}.timelines .time-break{grid-column:2/-1;font-size:10px;color:#8b96a8}.timelines b{grid-row:1/3}

[hidden]{display:none!important}.voicehero{display:flex;align-items:center;gap:14px;margin-bottom:20px}.voicehero .voiceorb{margin:0;flex-shrink:0;width:54px;height:54px;border-radius:18px}.voicehero h3{font-size:15px;line-height:1.45}.voicehero p{font-size:12px;margin:4px 0 0}.voice-hint{font-size:11px;color:var(--muted);line-height:1.5;margin:10px 0 16px}.voice-disclosure,.voice-details{font-size:12px;margin:16px 0;color:#59677e}.voice-disclosure summary,.voice-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600}.voice-disclosure p{line-height:1.7}.voice-details .card{margin-top:0;box-shadow:none;padding:0 0 12px}.voice-details{color:var(--ink)}

/* v0.1.6: unified controls */
.tab.active{box-shadow:none}.tabdock.compact .tab span{font-size:10px}.shared-time{background:transparent;padding:0;margin-top:16px;border-top:1px solid #edf0f5;border-radius:0}.shared-time summary{font-size:12px;color:#60718a;min-height:44px;font-weight:550}.shared-time .formrow{margin-top:8px}.shared-time .button{margin-bottom:10px}.shared-time[open]{padding-bottom:6px}.dialog-error{margin-bottom:18px;white-space:pre-wrap}.field-error{color:#ab353b!important;font-size:12px!important;margin-top:7px!important}textarea[aria-invalid=true]{border-color:#be5058;background:#fff9f9}.question-dialog{width:min(480px,calc(100% - 24px));margin:auto;border-radius:18px;z-index:100}.question-text{white-space:pre-wrap;line-height:1.6;font-size:14px}.question-dialog::backdrop{background:#17263d65}.question-dialog .field{margin-top:16px}.question-dialog .dialogfoot .button{flex:1}.tool-icons{border:0;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tool-icons legend{font-size:12px;margin-bottom:10px;color:#536178}.tool-icons label{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:65px;padding:8px 3px;border-radius:10px;background:#f4f6f9;cursor:pointer}.tool-icons label:has(:checked){background:#e8efff;box-shadow:inset 0 0 0 2px #5181df;color:#245bdb}.tool-icons label:focus-within{outline:2px solid #245bdb;outline-offset:2px}.tool-icons input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.tool-icons span{font-size:10px}.is-syncing .icon{animation:sync-turn 1s linear infinite;transform-origin:50% 50%;transform-box:view-box}.is-syncing{opacity:.7;pointer-events:none}@keyframes sync-turn{to{transform:rotate(360deg)}}
.quantity-control{display:flex;align-items:center;gap:0;width:auto;max-width:none;border:1px solid #b8c8e2;background:#fff;border-radius:10px;box-shadow:0 2px 5px #24446908;overflow:hidden;flex-shrink:0}.quantity-control:focus-within{outline:2px solid #5482df;outline-offset:2px}.quantity-control input[type=number]{width:72px;flex:0 0 72px;min-width:0;border:0;border-radius:0;background:#fff;text-align:center;box-shadow:none;padding:8px 3px;font-weight:650;appearance:textfield;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{appearance:none;margin:0}.quantity-unit{min-width:30px;padding:0 8px 0 3px;color:#546681;font-size:12px;align-self:center}.quantity-step{width:44px;min-width:44px;height:46px;background:#edf2fc;color:#245bdb;font-size:23px;font-weight:500;touch-action:none;user-select:none;-webkit-user-select:none}.quantity-step:active{background:#d7e5ff}.quantity-step:disabled{opacity:.4}.material-controls{flex-wrap:wrap}.material-controls .quantity-control{margin-left:auto}.pickerrow .pickerquantity{width:auto;justify-self:end}.pickerrow .quantity-control{max-width:none}.pickerhint{align-self:center}.material-selected .quantity-control{border-color:#9cb4dd}.material-selected .quantity-control input{background:#fff}.quantity-help{font-size:11px;color:#718198;margin:10px 0 0}.voicehero{background:linear-gradient(125deg,#f0f4ff,#f6f1ff 65%,#f1f8ff);padding:17px;border-radius:16px;position:relative;overflow:hidden;border:1px solid #e4e7fa}.voicehero .voiceorb{box-shadow:0 6px 22px #7266cf22;background:linear-gradient(145deg,#6488ed,#8566d1);color:#fff}.voicehero .voiceorb.live{animation:voice-breathe 1.8s ease-in-out infinite}.voice-action{background:linear-gradient(115deg,#e9efff,#efe8fc);color:#514c9c;box-shadow:0 3px 12px #6566b414}.voice-action:hover{background:linear-gradient(115deg,#dee8ff,#e8defb)}.record-feedback{padding:14px 16px;background:linear-gradient(120deg,#f1f5ff,#f7f3ff);border-radius:12px;margin:-5px 0 18px}.record-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-state{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#5c50a0}.record-dot{width:7px;height:7px;background:#9675de;border-radius:50%}.record-feedback.recording .record-dot{animation:voice-dot 1s ease-in-out infinite;background:#da527a}.record-clock{font-variant-numeric:tabular-nums;font-size:12px;color:#665988}.voice-meter{height:30px;display:flex;align-items:center;gap:4px;margin-top:9px}.voice-meter i{flex:1;height:4px;border-radius:5px;background:linear-gradient(#657ee2,#9672d3);transition:height .12s ease}.voice-meter.level-1 i{height:8px}.voice-meter.level-2 i{height:13px}.voice-meter.level-3 i{height:19px}.voice-meter.level-4 i{height:25px}.voice-meter.level-5 i{height:29px}.voice-meter i:nth-child(3n){transform:scaleY(.6)}.voice-meter i:nth-child(4n){transform:scaleY(.8)}.record-hint{font-size:11px;color:#726989;margin-top:5px}@keyframes voice-breathe{50%{box-shadow:0 0 0 7px #9676dc12,0 5px 26px #7266cf35}}@keyframes voice-dot{50%{opacity:.4}}@media(max-width:360px){.quantity-control input[type=number]{width:62px;flex-basis:62px}.tool-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.quantity-unit{font-size:11px}}@media(prefers-reduced-motion:reduce){.is-syncing .icon,.voicehero .voiceorb.live,.record-feedback.recording .record-dot{animation:none}.voice-meter i{transition:none}}