:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172c32;background:#f4f6f7;font-synthesis:none;--green:#087c67;--muted:#66777d;--line:#dfe7e8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--green);color:white;padding:11px 17px;font-weight:650;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #66cbb8;outline-offset:2px}.secondary{background:#edf3f1;color:#23584e}.ghost{background:transparent;color:#61777b;padding:8px}.shell{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{background:#102d32;color:#d2e0df;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:white;padding:0 12px 21px}.brand span{color:#5ee1b5}.sidebar .company{border-top:1px solid #ffffff1c;padding:19px 12px;color:#a6bfbd;font-size:12px;line-height:1.8}.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:transparent;color:#c8d9d7;text-align:left;font-size:14px;font-weight:500;padding:12px}.sidebar nav button.active{background:#205147;color:#9ff2cf}.sidebar .bottom{margin-top:auto;padding-top:30px;font-size:12px;color:#a6bfbd}.sidebar .bottom button{margin-top:10px;width:100%;color:#c8d9d7;border:1px solid #ffffff25}.main{min-width:0}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:white;border-bottom:1px solid var(--line);gap:15px}.topbar p{font-size:13px;color:var(--muted)}.tag{font-size:11px;font-weight:700;letter-spacing:.5px;background:#e9f6ef;color:#25795f;padding:7px 10px;border-radius:30px}.content{max-width:1500px;margin:auto;padding:32px 36px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--green);margin:0 0 8px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}h2{font-size:19px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0 0 10px}p{line-height:1.6}.subtle,.muted{color:var(--muted);font-size:13px}.heading p{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.card,.panel{background:white;border:1px solid var(--line);border-radius:13px}.card{padding:22px}.card strong{display:block;font-size:32px;letter-spacing:-1px;margin:8px 0}.card .label{font-size:12px;color:var(--muted)}.card .accent{height:3px;width:25px;background:#36a68d;border-radius:2px;margin-bottom:16px}.panel{padding:24px;margin-bottom:20px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.two{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.jobrow{display:grid;grid-template-columns:65px 1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #edf1f2}.jobrow:last-child{border-bottom:0}.time{font-size:14px;font-weight:700;color:#26745f}.jobrow strong{display:block;font-size:14px}.jobrow p{margin:3px 0 0;font-size:12px;color:var(--muted)}.pill{display:inline-block;padding:5px 9px;border-radius:6px;background:#eef2f5;color:#516872;font-size:11px;white-space:nowrap}.pill.completed{background:#e1f4e9;color:#267247}.pill.in_progress{background:#fff1db;color:#8b6519}.pill.planned{background:#e8efff;color:#4563a3}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input{max-width:420px;flex:1;min-width:180px}input,select,textarea{width:100%;border:1px solid #cedbde;border-radius:8px;background:white;color:#172c32;padding:11px 12px;min-width:0}textarea{min-height:100px;resize:vertical}label{display:block;font-size:12px;font-weight:650;color:#496167;margin-bottom:7px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#7b8b8f;font-size:11px;font-weight:600;padding:13px 12px;background:#f8fafb;white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid #edf1f2;vertical-align:top}td small{display:block;color:var(--muted);margin-top:5px}td button{padding:6px 10px;font-size:12px}td .actions{display:flex;gap:5px;flex-wrap:wrap}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty strong{display:block;color:#29484f;margin-bottom:8px}.plan{overflow:auto}.plan table{min-width:1000px;table-layout:fixed}.plan th:first-child{width:150px}.plan td{height:135px;border:1px solid #edf1f2}.plan button.job{display:block;width:100%;background:#e9f4ef;color:#275e50;padding:10px;font-size:11px;font-weight:500;text-align:left;margin-bottom:8px;line-height:1.6;border-left:3px solid #36a68d}.plan button.job strong{display:block}.plan .drop{background:#edf9f3}.banner{background:#eaf4f0;border:1px solid #cce4d9;padding:15px 18px;border-radius:9px;font-size:13px;color:#325f50;line-height:1.7;margin-bottom:20px}.warning{background:#fff7e9;border-color:#f1dfb9;color:#7f6436}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.checklist{display:flex;flex-wrap:wrap;gap:12px}.checklist label{display:flex;align-items:center;gap:8px;background:#f4f7f6;padding:10px;border-radius:8px}.checklist input{width:auto}.error{color:#b23d3d;font-size:13px}.login{max-width:460px;margin:10vh auto;background:white;border:1px solid var(--line);border-radius:17px;padding:36px}.login .brand{color:#123c37;padding:0 0 25px}.login h1{font-size:25px}.login label{margin-top:20px}.login button{width:100%;margin-top:25px}.login .tag{display:inline-block;margin-bottom:20px}dialog{width:min(850px,94vw);max-height:90vh;border:0;border-radius:15px;padding:28px;color:#172c32;box-shadow:0 20px 100px #12363833}dialog::backdrop{background:#0c252a80}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}#notice{position:fixed;bottom:22px;right:22px;max-width:460px;background:#163d35;color:white;padding:0;border-radius:9px;z-index:10;font-size:14px;box-shadow:0 8px 40px #163d3522}#notice:not(:empty){padding:15px 20px}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:800px}.mapping label{margin:0}.mapping>div{display:grid;gap:7px}.statline{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.statline strong{color:#087c67}.weeknav{display:flex;gap:8px;align-items:center}.status-list{display:grid;gap:14px}.status-list>div{padding:14px;background:#f6f9f8;border-radius:8px}.status-list p{margin:3px 0 0;font-size:12px;color:var(--muted)}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.content{padding:25px}.shell{grid-template-columns:195px 1fr}.topbar{padding:0 25px}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;height:auto;padding:16px}.brand{padding:0 0 12px}.sidebar .company,.sidebar .bottom{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;padding:10px}.topbar{height:60px;padding:0 18px}.content{padding:22px 16px}.heading{align-items:flex-start;gap:10px}.heading h1{font-size:25px}.heading>button{font-size:12px;padding:10px}.cards{gap:10px}.card{padding:17px}.card strong{font-size:27px}.panel{padding:18px}.formgrid,.mapping{grid-template-columns:1fr}.full{grid-column:auto}.jobrow{grid-template-columns:48px 1fr}.jobrow>.pill{grid-column:2}.login{margin:5vh 16px;padding:27px}.tag{font-size:10px}.topbar p{font-size:11px}.weeknav{flex-wrap:wrap}}
.quote-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:10px;background:#f8faf9;padding:16px;margin-bottom:16px}.quote-product,.quote-name{grid-column:1/-1}.quote-line textarea{min-height:70px}.quote-line [data-remove-line]{grid-column:1/-1;text-align:right}.sidebar{overflow-y:auto}.pill.converted{background:#e1f4e9;color:#267247}@media(max-width:720px){.quote-line{grid-template-columns:1fr 1fr}}
.billing-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:18px;background:#f5f8f6;border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.billing-line input[type=checkbox]{width:auto}.billing-line p{margin:6px 0}.pill.cancelled{background:#f4eaea;color:#865555}@media(max-width:720px){.billing-line{grid-template-columns:1fr}}
.plan button.absence-chip{display:block;width:100%;background:#f3ecdf;color:#71531e;text-align:left;margin-bottom:8px;border-left:3px solid #bf9338;line-height:1.5}.plan button.absence-chip small{color:inherit}.plan button.job.planning-conflict{border-left-color:#b14735;background:#fff0e9;color:#873b2c}.planning-issue{border-top:1px solid var(--line);padding:16px 0}.planning-issue li,.planning-confirm li{margin:8px 0;line-height:1.5}.planning-confirm{max-width:720px}.planning-confirm textarea{margin-top:8px}#absence-all-day{width:auto;margin-right:8px}
.top-search{display:flex;gap:6px;flex:1;max-width:420px}.top-search input{min-width:120px}.top-search button{padding:8px 12px}.workday-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.hub-results{display:grid;gap:10px;margin-bottom:20px}.hub-result{display:grid;gap:7px;background:#f4f8f6;color:#234c42;border:1px solid var(--line);text-align:left;padding:18px}.hub-result .pill{justify-self:start}.hub-result small,.hub-result>span:not(.pill){color:var(--muted);font-weight:400}.hub-day-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.hub-day-row p{margin:5px 0}.hub-day-row .actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}#workday-form label{margin:0}#task-status-filter{max-width:230px}@media(max-width:1100px){.topbar .tag{display:none}.workday-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar{height:auto;min-height:100px;flex-wrap:wrap;padding:12px 18px}.topbar>p{width:calc(100% - 55px);margin:0}.top-search{order:3;max-width:none;width:100%;flex-basis:100%}.hub-day-row{display:block}.hub-day-row .actions{margin-top:10px}}
.migration-row{border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.migration-row td{max-width:420px;overflow-wrap:anywhere}.migration-confirm{display:flex;align-items:flex-start;gap:10px;background:#fff2dd;padding:16px;border-radius:9px;margin-top:20px}.migration-confirm input{width:auto;margin:3px 0 0}.migration-preview{max-height:600px;overflow:auto;margin-bottom:16px}
.dossier-tabs{gap:8px;flex-wrap:wrap}.dossier-tabs button{white-space:normal}.dossier-tabs button[aria-pressed=true]{outline:2px solid #087c67;outline-offset:2px}#customer-dossier-panel .cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#customer-dossier-panel .actions{display:flex;gap:6px;flex-wrap:wrap}#customer-dossier-panel td{overflow-wrap:anywhere}
#stock-fields{border:0;padding:0;margin:0;min-width:0}#stock-fields input[type=checkbox]{width:auto;margin-right:8px}#stock-fields:disabled{opacity:.65}#stock-post-form>button{margin-top:16px}
#template-use-form fieldset{border:0;padding:0;margin:0;min-width:0}#template-use-form input[type=checkbox]{width:auto;margin-right:8px}#template-use-form fieldset:disabled{opacity:.65}
#service-batch-panel fieldset{border:0;padding:0;margin:0;min-width:0}#service-batch-panel input[type=checkbox]{width:auto;margin-right:8px}#service-batch-panel fieldset:disabled{opacity:.65}#service-batch-panel td{overflow-wrap:anywhere}

.sidebar .brand-claim{color:#c8d9d7;font-size:12px;line-height:1.5;margin:-10px 12px 18px}

/* Personal guide: nonmodal, with room left for the actual task. */
#inowerko-guide{font-size:15px;line-height:1.6;z-index:8;color:#193c36}#inowerko-guide button{font-size:14px;line-height:1.4;white-space:normal;min-height:42px}#inowerko-guide p{margin:8px 0 16px}#inowerko-guide h2{font-size:23px;line-height:1.3;margin:8px 0 14px}#inowerko-guide h3{font-size:15px;margin:18px 0 6px}.guide-panel{position:fixed;right:18px;top:18px;bottom:18px;width:365px;display:flex;flex-direction:column;border:1px solid #c7ddd5;border-radius:16px;background:#fff;box-shadow:0 12px 55px #173e3426;overflow:hidden}.guide-panel header{padding:19px 20px 12px;background:#edf7f2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.guide-panel header strong{font-size:16px}.guide-panel header p{font-size:12px!important;margin:3px 0!important}.guide-panel .guide-pause{background:white;color:#285c4b;border:1px solid #b6d4c5;padding:9px 12px}.guide-panel progress{width:100%;height:6px;border:0;border-radius:0;accent-color:#087c67}.guide-body{padding:18px 22px;overflow:auto;flex:1;overscroll-behavior:contain}.guide-eyebrow{font-size:11px;letter-spacing:.08em;color:#52806c;font-weight:700}.guide-task{background:#f3f8f5;border:1px solid #dce9e1;border-radius:12px;padding:2px 16px 17px;margin:18px 0}.guide-task button{width:100%}.guide-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 10px}.guide-small{font-size:12px;color:#5a746a}.guide-feedback{font-size:13px;color:#8a4b24;min-height:1em}.guide-panel footer{display:flex;justify-content:space-between;gap:9px;border-top:1px solid #e0ebe5;padding:12px 18px;background:#fcfdfc}.guide-dock{position:fixed;bottom:18px;right:18px;width:350px;padding:16px 18px;background:#fff;border:1px solid #c7ddd5;box-shadow:0 8px 40px #173e3420;border-radius:14px}.guide-dock p{font-size:12px!important;margin:6px 0!important}.guide-dock .guide-buttons{margin:10px 0 0}.guide-index button{display:block;text-align:left;width:100%;background:#f5f8f6;color:#254d40;margin:6px 0;padding:10px 12px}.guide-index button[aria-current=step]{outline:2px solid #087c67;outline-offset:-2px}.guide-index small{display:block;color:#527766;font-size:11px;margin-left:22px}.guide-index span{color:#087c67}.sidebar #guide-launch{border:1px solid #64877a;margin-bottom:16px;color:#f4fff8;background:#285648}.guide-body h2:focus{outline:none}body.guide-open .shell{padding-right:395px}body.guide-open #notice{right:400px}@media(max-width:1250px){body.guide-open .shell{padding-right:0}body.guide-open .main{padding-bottom:48vh}.guide-panel{top:auto;bottom:10px;right:10px;left:10px;width:auto;max-height:46vh}.guide-panel header{padding:12px 18px}.guide-panel footer{padding:8px 18px}.guide-body{padding:12px 18px}.guide-panel h2{font-size:20px!important}.guide-panel .guide-task{margin:10px 0}body.guide-open #notice{right:18px;bottom:48vh}}@media(max-width:600px){.guide-dock{width:auto;left:10px;right:10px;bottom:10px;padding:12px 15px}.guide-dock .guide-buttons{display:grid;grid-template-columns:1fr 1fr}.guide-panel header{gap:6px}.guide-panel .guide-pause{font-size:12px!important;min-height:36px!important}.guide-panel h2{font-size:19px!important}.guide-panel footer button{font-size:12px!important}body.guide-open .main{padding-bottom:50vh}}

.company-brand{padding:0 10px 20px;display:grid;gap:12px}.company-brand small{font-size:10px;letter-spacing:.13em;color:#d9e4f0}.company-brand img{width:100%;max-height:85px;object-fit:contain;object-position:left center}.company-brand img.original,.brand-preview img.original{background:#fff;padding:8px;border-radius:6px}.company-brand strong{font-size:13px;line-height:1.4;color:white}.brand-proposal{display:grid;grid-template-columns:230px 1fr;gap:28px;margin:24px 0}.brand-preview{background:var(--preview-primary,#13335b);color:white;border-radius:14px;padding:24px;min-height:320px;display:flex;flex-direction:column;gap:15px}.brand-preview small{font-size:10px;letter-spacing:.14em}.brand-preview img{width:100%;height:65px;object-fit:contain}.brand-preview h3{color:white;margin:0;font-size:16px}.brand-preview p{font-size:12px}.brand-preview-active{background:#ffffff26;border:1px solid #ffffff50;padding:12px;border-radius:8px}.brand-preview-action{background:white;color:var(--preview-primary,#13335b);padding:10px;border-radius:8px;font-weight:700;font-size:12px;margin-top:auto}.brand-check{display:flex;gap:9px;align-items:center;margin:18px 0}.brand-check input{width:20px;height:20px}.company-design input[type=color]{width:80px;height:45px;padding:3px}.company-design .toolbar{flex-wrap:wrap}.company-themed .sidebar{background:var(--company-primary)}.company-themed .sidebar nav button.active{background:#ffffff26;color:white;box-shadow:inset 3px 0 #fff}.company-themed .sidebar nav button,.company-themed .sidebar .company,.company-themed .sidebar .bottom{color:#f2f5fa}.company-themed .sidebar #guide-launch{background:#ffffff14;border-color:#ffffff70;color:white}.company-themed .secondary{color:var(--company-primary);background:#edf1f6}.company-themed .guide-panel header{background:#f1f4f9}.company-themed .guide-task{background:#f4f6fa;border-color:#dbe2eb}.company-themed .guide-eyebrow,.company-themed .guide-index span{color:var(--company-primary)}.company-themed .guide-panel progress{accent-color:var(--company-primary)}.company-themed .guide-index button[aria-current=step]{outline-color:var(--company-primary)}.company-themed .guide-pause{color:var(--company-primary)!important}.company-themed .tag{color:var(--company-primary);background:#edf1f6}@media(max-width:720px){.brand-proposal{grid-template-columns:1fr}.brand-preview{max-width:360px;min-height:280px}.company-brand{max-width:250px;padding-bottom:15px}.company-brand img{max-height:58px}}
.sidebar .brand-edit{border:1px dashed #ffffff65;background:transparent;color:#fff;font-size:12px;padding:8px 10px;margin:0 10px 16px;text-align:left}.company-design{scroll-margin-top:20px}
/* Preserve the actual brand hue and brightness; adapt text instead. */
.company-themed button:not(.secondary):not(.ghost){color:var(--company-ink)}.company-themed .sidebar,.company-themed .sidebar nav button,.company-themed .sidebar nav button.active,.company-themed .sidebar #guide-launch,.company-themed .sidebar .company,.company-themed .sidebar .bottom,.company-themed .sidebar .bottom button,.company-themed .sidebar .brand-edit,.company-themed .company-brand small,.company-themed .company-brand strong,.company-themed .sidebar .brand-claim{color:var(--company-ink)}.company-themed .sidebar nav button.active{box-shadow:inset 3px 0 var(--company-ink)}.brand-preview{color:var(--preview-ink,#fff)}.brand-preview h3{color:inherit}.brand-preview-action{background:var(--preview-ink,#fff);color:var(--preview-primary,#13335b)}.company-themed .guide-task button:not(.secondary){color:var(--company-ink)}.company-themed .sidebar .company{border-color:currentColor}
.company-themed .secondary,.company-themed .tag,.company-themed .guide-eyebrow,.company-themed .guide-index span{color:var(--company-readable)}.company-themed .guide-panel .guide-pause{color:var(--company-readable)!important}
.company-basics{max-width:960px}.company-basics h2{margin-top:0}.company-basics h3{margin:28px 0 8px}.company-basics p{line-height:1.65}.company-basics label{font-size:15px;color:#233b43;font-weight:650}.company-basics input,.company-basics select{min-height:48px;font-size:16px}.company-basics input::placeholder{color:#60717b;opacity:1;font-size:14px}.company-basics button[type=submit]{font-size:16px;min-height:48px;margin-top:12px}.required-hint{font-size:12px;font-weight:500;margin-left:8px;color:#53656e}.company-later{margin-top:25px;border:1px solid #dfe7e8;border-radius:12px;background:white;padding:20px}.company-later>summary{cursor:pointer;font-size:16px;font-weight:650;padding:6px}.company-later[open]>summary{margin-bottom:20px}.legacy-company{margin-top:24px;background:#f3f6fa;border:1px solid #dbe3ea;padding:16px;border-radius:9px}.legacy-company p{margin-bottom:0}.company-saving{font-size:14px}
.company-optional{margin:22px 0;border:1px solid #dfe7e8;border-radius:12px;background:white;padding:18px}.company-optional>summary{font-size:16px;font-weight:650;cursor:pointer;padding:6px}.company-optional>.panel{border:0;padding:20px 6px 0;margin-bottom:0;box-shadow:none}
.website-quickstart{background:#f4f7fb;border:1px solid #dce5ee;padding:20px;border-radius:12px;margin:22px 0 28px}.website-quickstart h3{margin-top:0}.website-entry{display:flex;gap:10px;align-items:stretch}.website-entry input{flex:1;min-width:0}.website-entry button{flex-shrink:0;max-width:240px}.website-suggestions{margin:18px 0;padding:18px;background:white;border:1px solid #d6e0e9;border-radius:10px}.website-suggestion{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #edf0f3;padding:12px 0}.website-suggestion>input{width:20px;min-height:20px!important;height:20px;margin-top:4px;flex-shrink:0}.website-suggestion span span,.website-suggestion small{display:block;font-weight:400;margin-top:4px}.website-suggestion small{color:#5d6d77}.website-suggestions a{color:#174774}@media(max-width:720px){.website-entry{flex-direction:column}.website-entry button{max-width:none}.website-quickstart{padding:16px}}
/* Non-blocking, precise guidance: controls remain usable while highlighted. */
.guide-target{outline:3px solid #bd7000!important;outline-offset:5px;box-shadow:0 0 0 8px #ffe9ab!important;scroll-margin:55px}.guide-location{position:fixed;z-index:12;pointer-events:none;background:#ffe39a;color:#302100;border:1px solid #a76800;border-radius:7px;padding:5px 10px;max-width:290px;font-size:13px;font-weight:750;line-height:1.4;box-shadow:0 4px 12px #0002}.guide-location[hidden]{display:none}.guide-point-count{font-size:12px;font-weight:700;margin-top:12px!important}.page-help{font-size:13px;white-space:normal;flex-shrink:0;min-height:42px}.heading{flex-wrap:wrap}.guide-target input,.guide-target button{position:relative}.guide-task #guide-target-status{margin:12px 0 0}.guide-body .guide-task h3{margin-top:5px}@media(prefers-reduced-motion:reduce){.guide-target{scroll-behavior:auto}}

.editor-section{border-bottom:1px solid #dce5e1;padding:0 0 20px;margin-bottom:8px}.editor-section h3{margin:0 0 6px}.editor-extra summary{cursor:pointer;font-weight:700;padding:12px 0}.editor-extra>.formgrid{margin-top:12px}[hidden]{display:none!important}

.editor-address{border:1px solid #dce5e1;border-radius:10px;padding:14px}.editor-address h4{margin:0 0 6px}

.job-material-row{display:grid;grid-template-columns:90px 100px minmax(160px,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}.job-material-row input{margin-bottom:0}.job-material-row label{display:block}@media(max-width:650px){.job-material-row{grid-template-columns:1fr 1fr}.job-material-row label:nth-child(3){grid-column:1/-1}}

.editor-discard{border:2px solid #936129;border-radius:10px;background:#fff8e8;padding:18px;margin:12px 0}.editor-discard h3{margin-top:0}

.job-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px 24px;margin:18px 0 0}.job-summary-grid>div{min-width:0;border-top:1px solid #dce5e1;padding-top:12px}.job-summary-grid dt{font-size:.9rem;font-weight:700;margin-bottom:5px}.job-summary-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;user-select:text}

.planning-backlog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.planning-backlog article{min-width:0;padding:14px;border:1px solid #dce5e1;border-radius:10px}.planning-backlog p,.planning-backlog strong{overflow-wrap:anywhere}.planning-backlog p{margin:8px 0}

.plan th.plan-today{background:#e2f2ec;color:#23584e}.plan td.plan-today{background:#f6fbf8}.plan th.plan-today small{display:block;margin-top:4px}.plan .plan-add-job{width:100%;min-height:36px;text-align:left;background:#f4f7f6;color:#23584e;border:1px dashed #9fbcb2;margin-top:5px}.plan td.drop{background:#edf9f3}
.mobile-menu-toggle,.mobile-shortcuts{display:none}
.start-choice summary{cursor:pointer;line-height:1.5;font-weight:650;padding:10px 0}
.start-welcome{background:#eef7f3}.start-welcome>p{max-width:650px}.start-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.start-modes button{text-align:left;padding:20px;border:2px solid transparent;white-space:normal}.start-modes button[aria-pressed=true]{border-color:var(--green);background:#fff;color:#183f35}.start-modes strong,.start-modes span{display:block}.start-modes span{font-weight:400;font-size:14px;margin-top:8px}.start-steps{list-style:none;margin:0;padding:0}.start-steps>li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:24px 0;border-top:1px solid var(--line)}.start-number{display:grid;place-items:center;width:36px;height:36px;background:#edf3f1;border-radius:50%;font-weight:700}.start-done .start-number{color:#18624e;background:#e2f4e9}.start-steps h3{margin:0}.start-steps h3 small{font-weight:400;color:var(--muted)}.start-steps p{margin:8px 0 14px}.start-next-label{color:#17664f;font-weight:700}.start-invoice{border-left:4px solid #be8d38}.start-invoice summary{font-weight:650;cursor:pointer;padding:12px 0;line-height:1.5}.start-invoice li{margin:12px 0;line-height:1.6}.start-work{margin:18px 0 0}.start-steps>li>div{min-width:0}
@media(max-width:720px){
 .sidebar{padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
 .sidebar .brand,.sidebar .company-brand{grid-column:1;margin:0;padding:0;min-width:0}.sidebar .brand{font-size:24px}
 .sidebar .brand-claim,.sidebar .brand-edit{display:none}
 .mobile-menu-toggle{display:block;grid-column:2;grid-row:1;background:#ffffff15;color:#fff;font-size:14px;min-height:44px;padding:10px 12px}
 .mobile-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;grid-column:1/-1}
 .mobile-shortcuts button{background:transparent;color:#d2e0df;min-height:44px;padding:10px 6px;font-size:15px}
 .mobile-shortcuts button.active{background:#205147;color:#fff}
 .sidebar nav{display:none;grid-column:1/-1;overflow:visible}
 .sidebar.menu-open nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff30;padding-top:12px;gap:6px}
 .sidebar nav button{white-space:normal;min-height:48px;font-size:15px;overflow-wrap:anywhere}
 .topbar{height:auto;min-height:50px;padding:10px 16px;flex-wrap:nowrap}
 .topbar>p{width:auto;font-size:13px}.topbar .top-search{display:none}
 .content{padding:20px 14px}.heading{flex-wrap:wrap}.heading>div{min-width:0}.heading .page-help{font-size:13px}
 .start-modes{grid-template-columns:1fr}.start-modes button{padding:17px;min-height:80px}
 .start-steps>li{grid-template-columns:30px 1fr;gap:10px}.start-number{width:30px;height:30px}
 .start-steps button{max-width:100%;white-space:normal;min-height:44px}.panel-header{flex-wrap:wrap}.start-work>button{width:100%}
}

/* Invoice flow: readable single-column cards on phones. */
.invoice-line{margin:18px 0;padding:16px;border:1px solid #cbd5e1;border-radius:12px;min-width:0}.invoice-line legend{font-weight:700}.invoice-card{padding:18px 0;border-bottom:1px solid #d8e0e8;overflow-wrap:anywhere}.invoice-check{border:2px solid #13335b}.invoice-cards .toolbar{flex-wrap:wrap}#invoice-workspace details>summary{cursor:pointer;padding:12px 0}#invoice-workspace form{margin-top:16px}#invoice-workspace label{display:block;margin-bottom:12px}#invoice-workspace textarea{min-height:85px}#invoice-workspace input[type=checkbox]{width:auto;margin-right:8px}@media(max-width:640px){#invoice-workspace .formgrid{grid-template-columns:minmax(0,1fr)}#invoice-workspace .toolbar button{width:100%}#invoice-workspace .invoice-line{padding:12px}#invoice-workspace button{min-height:44px;white-space:normal}}

/* Preparation uses stacked rows on narrow screens, with no fixed column width. */
.preparation-list{list-style:none;margin:0;padding:0}
.preparation-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.preparation-list strong{color:var(--company-readable,#087c67)}

.start-open .start-number{color:#a32424;background:#fce8e8}

/* Owner overview: same metrics on desktop and in the app workspace. */
.owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.owner-metrics .panel{margin:0;min-width:0}.owner-metrics strong{font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.15;overflow-wrap:anywhere}.owner-overview .table-scroll{overflow-x:auto}.owner-overview table{width:100%;min-width:590px;text-align:left}.owner-overview th,.owner-overview td{padding:12px;border-bottom:1px solid #dbe4df}.owner-bar{display:block;height:5px;background:var(--green,#16765b);border-radius:4px;max-width:160px;margin-bottom:5px}.owner-invoice{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #dbe4df}.owner-overview input[type=checkbox]{width:auto;min-height:20px}.owner-overview .toolbar{align-items:end}
@media(max-width:760px){.owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-metrics .panel{padding:15px}.owner-invoice{flex-wrap:wrap}}
/* Clear daily entry points, with every specialist area still reachable. */
.day-welcome{margin:0 0 26px}.day-welcome h1{font-size:clamp(27px,3.5vw,39px);font-weight:800;letter-spacing:-1px}.day-welcome>p{margin:6px 0;color:var(--muted)}.day-hero{background:var(--company-primary,var(--green));color:var(--company-ink,#fff);padding:32px;border-radius:26px;margin-bottom:24px;overflow-wrap:anywhere}.day-hero h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.8px;margin:16px 0 10px;color:inherit}.day-hero .eyebrow{color:inherit;font-size:12px}.day-hero>p{max-width:650px;color:inherit}.day-hero button,.company-themed .day-hero button:not(.secondary):not(.ghost){display:block;background:transparent;color:inherit;border-top:1px solid #ffffff55;border-radius:0;text-align:left;padding:20px 0 0;margin-top:28px;width:100%;font-size:17px}.day-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.day-actions button,.company-themed .day-actions button:not(.secondary):not(.ghost){display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;background:white;color:#172c32;border:1px solid var(--line);padding:22px;border-radius:20px;min-height:115px}.day-actions strong{font-size:17px}.day-actions span{font-size:13px;font-weight:400;color:var(--muted);line-height:1.6}.day-plan h2{margin-bottom:18px}.nav-caption{font-size:11px;font-weight:750;letter-spacing:1px;margin:16px 12px 7px;opacity:.8}.nav-primary{display:grid;gap:4px}.nav-group{border-top:1px solid #ffffff24;margin-top:10px;padding-top:6px}.nav-group summary{cursor:pointer;padding:13px 10px;font-size:13px;font-weight:650}.nav-group button{width:100%}.sidebar{overflow-y:auto}.sidebar .bottom{padding-bottom:12px}.panel{border-radius:20px}.owner-metrics .panel{border-radius:20px}.owner-metrics strong{font-size:clamp(26px,3vw,36px)}
@media(max-width:1100px){.day-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.day-welcome{margin-top:8px}.day-hero{padding:24px;border-radius:24px}.day-actions{gap:10px}.day-actions button,.company-themed .day-actions button:not(.secondary):not(.ghost){padding:17px;min-height:112px}.day-actions strong{font-size:16px}.panel{padding:20px}.sidebar{height:auto;overflow:visible}.content{padding:22px 16px}.nav-group summary{padding:16px 12px}.day-hero button{min-height:48px}}
@media(max-width:360px){.day-actions{grid-template-columns:1fr}}

/* Clear work areas shared with the app's start screen. */
.action-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--company-primary,var(--green));color:var(--company-ink,#fff);font-style:normal;font-size:23px;flex:none}.home-create{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;flex-wrap:wrap}.home-create p{margin:6px 0 0}.home-create-buttons{display:flex;gap:10px;flex-wrap:wrap}.home-create button{min-height:48px}.home-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.home-areas button,.company-themed .home-areas button:not(.secondary):not(.ghost){display:grid;grid-template-columns:44px 1fr 22px;gap:6px 16px;text-align:left;align-items:center;background:#fff;color:#172c32;border:1px solid var(--line);border-radius:20px;padding:22px;white-space:normal}.home-areas .action-icon{grid-row:1/3}.home-areas strong{font-size:17px}.home-areas button>span:not(.action-icon){grid-column:2;font-weight:400;font-size:13px;line-height:1.6;color:var(--muted)}.home-areas b{grid-column:3;grid-row:1/3;font-size:22px}.home-setup{padding:24px;background:#eaf4ef;border:1px solid #cce1d6;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.home-setup p{margin:8px 0 0;color:#36594d;font-size:14px}.home-setup button{flex-shrink:0;min-height:48px}.owner-overview #owner-period{margin-top:20px}.owner-overview #owner-period input[type=checkbox]{width:auto;margin-right:8px}.day-actions button:hover,.home-areas button:hover{box-shadow:0 5px 20px #173d3510}.home-create button,.home-areas button,.day-actions button{touch-action:manipulation}
@media(max-width:720px){.home-areas{grid-template-columns:1fr;gap:10px}.home-areas button,.company-themed .home-areas button:not(.secondary):not(.ghost){padding:18px}.home-setup{align-items:stretch;flex-direction:column;padding:20px}.home-create-buttons{display:grid;grid-template-columns:1fr;width:100%}.home-create-buttons button{text-align:left}.day-actions .action-icon{width:40px;height:40px;font-size:21px}}
