.overview-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.overview-tile{background:white;color:#23362d;border:1px solid var(--border);border-radius:10px;padding:12px 16px;text-align:left;font-weight:500}.overview-tile:hover,.overview-tile[aria-pressed=true]{background:#edf6ef;color:#163c27;border-color:#538165}.overview-tile span,.overview-tile strong{display:block}.overview-tile strong{font-size:1.45rem;line-height:1.3;margin-top:4px}.overview-tile:focus-visible{outline:3px solid #2175ac;outline-offset:2px}@media(max-width:650px){.overview-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-tile{padding:10px;font-size:.83rem}}
.quick-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:20px 24px}.quick-panel h2{margin:0;font-size:1.25rem}.quick-panel p{margin:4px 0 0}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-actions span{font-size:.8em;margin-right:5px}.quick-start,.quick-stop{color:white;border:0}.quick-start{background:#18643e}.quick-start:hover{background:#11492d}.quick-stop{background:#a13331}.quick-stop:hover{background:#802422}.quick-job{display:grid;width:100%;gap:4px;text-align:left;margin:9px 0;padding:13px 16px}.quick-job span{font-weight:400}.quick-job strong,.quick-job span{overflow-wrap:anywhere}.status-closed{background:#e6eaec;color:#34414a}#quick-start-dialog{max-width:650px}#quick-list-dialog{max-width:580px}@media(max-width:650px){.quick-panel{align-items:flex-start;flex-direction:column}.quick-actions{width:100%}.quick-actions button{flex:1}}
.app-nav{display:flex;gap:4px;margin-right:auto}.app-nav a{padding:9px 13px;text-decoration:none;font-size:.875rem;font-weight:600;border-radius:7px}.app-nav a[aria-current=page]{background:#e6f0ed;color:#123f42}.work-main{max-width:1440px}.work-actions{display:flex;gap:9px;flex-wrap:wrap}.work-actions button{white-space:nowrap;font-size:.875rem}.work-main h1{font-size:clamp(2rem,3.1vw,2.75rem)}.fortnox-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 22px;margin-bottom:22px}.fortnox-card .small{margin:4px 0 0;max-width:780px}.fortnox-card button{flex-shrink:0;font-size:.875rem}.work-metrics{grid-template-columns:repeat(4,1fr)}.work-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:32px 0 18px}.view-tabs{display:flex;border-bottom:1px solid #c4d1d3}.view-tabs button{background:transparent;color:#62777b;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 17px}.view-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green)}.work-filters{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr;gap:14px;margin-bottom:20px}.work-filters input,.work-filters select{width:100%}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-card{padding:21px;display:flex;flex-direction:column;gap:13px}.work-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kind-label{font-size:.7rem;font-weight:700;letter-spacing:.09em;color:#62777b;text-transform:uppercase}.status-pill{font-size:.75rem;font-weight:600;border-radius:5px;background:#edf1f2;color:#536c70;padding:4px 8px;white-space:nowrap}.status-1{background:#e6effb;color:#335e90}.status-2{background:#fff1cf;color:#875518}.status-3{background:#f1eaf9;color:#735297}.status-4{background:#e6f1e2;color:#3f6a38}.work-card h3{margin:0;font-size:1.05rem;line-height:1.45}.work-card p{margin:0}.work-card .customer-name{font-size:.875rem;font-weight:600}.work-excerpt{font-size:.875rem;color:#62777b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.work-meta{font-size:.75rem;color:#62777b;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #e4ebec}.work-card .customer-link{text-decoration:none}.work-card .customer-link:hover{text-decoration:underline}.work-empty-action{margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}textarea{font:inherit;color:inherit;padding:12px;border:1px solid #c4d1d3;border-radius:6px;resize:vertical;min-width:0;width:100%}textarea:focus-visible{outline:3px solid #369dab;outline-offset:3px}#job-dialog,#entry-dialog{width:min(750px,calc(100% - 24px))}#work-detail{width:min(900px,calc(100% - 24px))}.date-only-choice{display:flex;flex-direction:row;align-items:center;gap:10px}.date-only-choice input{width:19px;accent-color:var(--green)}#entry-form label[hidden]{display:none}.duration-note{font-weight:600;background:#eaf3ef;padding:12px 16px;border-radius:7px}.item-heading{margin:22px 0 8px}.item-heading h3{font-size:1rem}.item-row{display:grid;grid-template-columns:2fr .7fr .8fr auto;gap:10px;align-items:end}.item-row label{margin:8px 0}.item-row button{margin-bottom:8px}.item-row input{width:100%}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.detail-facts{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.detail-totals{display:flex;gap:24px;background:#eaf3ef;padding:18px;border-radius:8px;flex-wrap:wrap}.detail-totals strong{display:block;font-size:1.5rem}.detail-totals span{font-size:.8rem}.detail-entry{padding:17px 0;border-bottom:1px solid var(--border)}.detail-entry .detail-entry-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.detail-entry p{margin:8px 0}.entry-table td{vertical-align:middle}.entry-description{white-space:pre-wrap;min-width:210px;max-width:390px;overflow-wrap:anywhere}.detail-items{font-size:.85rem;white-space:pre-wrap;color:#526e70}.child-jobs{display:flex;flex-direction:column;gap:10px}.child-jobs button{text-align:left}.form-grid select{width:100%;min-width:0}.dialog-actions{margin-top:24px}.work-main .empty h2{font-size:1.4rem}.item-row .icon-button{color:#9a3521}.fortnox-card.needs-connection{border-color:#d9c79f;background:#fffdf6}
@media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-main .page-heading{align-items:flex-start;flex-direction:column}.work-filters{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.work-grid{grid-template-columns:1fr}.work-actions{width:100%}.work-actions button{flex:1}.work-metrics{grid-template-columns:1fr 1fr}.fortnox-card{align-items:flex-start;flex-direction:column}.app-nav{order:3;width:100%}.work-toolbar{align-items:flex-start}.view-tabs button{padding:12px 10px;font-size:.85rem}.work-toolbar>button{font-size:.8rem;padding:10px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.item-row{grid-template-columns:1fr 1fr auto}.item-row label:first-child{grid-column:1/-1}.item-row button{grid-column:3}.work-filters{gap:10px}dialog{padding:20px}.detail-entry .detail-entry-top{flex-wrap:wrap}.entry-table{min-width:700px}#work-user{margin-left:auto}}

.entry-section{margin:24px 0 12px;font-size:1.1rem;border-top:1px solid var(--border);padding-top:18px}
#entry-dialog{width:min(900px,calc(100% - 24px))}.article-fields{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1.4fr) minmax(100px,.7fr) minmax(60px,.4fr);gap:10px}.article-fields label{margin:7px 0}.article-fields input,.article-fields select{width:100%;min-width:0}.article-fields input[readonly]{background:#f3f6f5;color:#385554}.article-hint{grid-column:1/-1;margin:0}.article-hint:empty{display:none}.item-row{display:block;background:#f5f8f7;border:1px solid #dce5e1;border-radius:8px;padding:12px;margin:12px 0}.item-quantity{display:flex;align-items:end;justify-content:space-between;gap:14px}.item-quantity label{max-width:140px}.item-quantity .icon-button{margin-bottom:8px}.billing-table{font-size:.8rem;width:100%}.billing-table td,.billing-table th{padding:9px;text-align:right}.billing-table td:first-child,.billing-table th:first-child{text-align:left}.billing-total{text-align:right;font-weight:700}.billing-total span{display:block;font-weight:400}.entry-table .small{line-height:1.55}#entry-billing-summary{margin-top:20px}
@media(max-width:700px){.article-fields{grid-template-columns:1fr 1fr}.article-number,.article-name{grid-column:1/-1}.article-fields select{font-size:.85rem}.billing-table{min-width:500px}.fortnox-card .work-actions{flex-wrap:wrap}}
.invoice-filters{padding:20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.invoice-filters select,.invoice-filters input{width:100%}.invoice-entry{padding:22px;margin:14px 0}.invoice-entry .detail-entry-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.invoice-check{display:flex;align-items:center;gap:12px;margin:0}.invoice-check input{width:auto}.invoice-selection{padding:20px;margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}#invoice-review{width:min(1000px,calc(100% - 24px))}.invoice-entry .work-actions{align-items:center;margin-top:18px}@media(max-width:800px){.invoice-filters{grid-template-columns:1fr 1fr}.invoice-filters label:first-child{grid-column:1/-1}.invoice-selection,.invoice-entry .detail-entry-top{flex-direction:column;align-items:flex-start}}
.invoice-destination{padding:20px;margin-top:16px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px}.invoice-destination select{width:100%}.invoice-destination .work-actions{align-items:center}.invoice-destination [hidden],.invoice-filters [hidden]{display:none}#invoice-review details{margin:16px 0}#invoice-review details summary{cursor:pointer;color:var(--green);font-weight:600}@media(max-width:700px){.invoice-destination{grid-template-columns:1fr}}