.work-main{padding-top:30px;padding-bottom:48px}.work-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.work-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:16px 0}.work-heading p{color:var(--text-svag)}.rename{display:flex;align-items:center;gap:12px;margin:20px 0 30px;font-size:13px}.rename input{max-width:330px}.work-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yta);color:var(--text);border-block:1px solid var(--hairline);padding:24px 0;gap:0}.work-stats span{font-size:13px}.work-stats strong{display:block;font-size:36px;font-weight:500;margin-top:12px}.work-tools{display:flex;align-items:end;gap:16px;margin:30px 0 20px}.work-tools label{display:flex;flex-direction:column;gap:8px;font-size:13px}.work-tools label:first-child{flex:1}.work-tools input{width:100%}.work-table{overflow-x:auto;border:1px solid var(--hairline);border-radius:12px}.work-table table{width:100%;border-collapse:collapse}.work-table th,.work-table td{padding:18px;text-align:left;border-bottom:1px solid var(--hairline);font-size:13px}.work-table th{background:var(--yta-2);font-weight:500}.work-table td small{display:block;margin-top:6px}.work-table .company-link{font-size:14px}.state-pill{display:inline-block;background:var(--yta-2);padding:7px 10px;border-radius:99px;white-space:nowrap}.pagination{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px}.work-foot{font-size:12px;max-width:750px;line-height:1.7}#detail{position:fixed;width:min(650px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:32px;border:1px solid var(--hairline);border-radius:16px;background:var(--yta);color:var(--text)}#detail .close{position:absolute;right:12px;top:12px;background:none;border:0;font-size:28px;color:var(--text);cursor:pointer}#detail h2{margin:20px 0;font-size:26px;overflow-wrap:anywhere}#detail dd{overflow-wrap:anywhere}#note-form label{display:block;font-size:13px;margin:18px 0 8px}#note-form textarea{display:block;width:100%;font:inherit;background:var(--yta);color:var(--text);border:1px solid var(--hairline);padding:12px;border-radius:6px;resize:vertical}#note-form p{font-size:12px;margin:8px 0 16px}#feedback{font-size:13px;min-height:20px}#detail select{width:100%}@media(max-width:760px){.work-main{padding:24px 18px}.work-heading{align-items:start;flex-direction:column}.rename{flex-wrap:wrap}.rename label{width:100%}.rename input{min-width:0;flex:1}.work-stats{grid-template-columns:1fr 1fr;padding:22px}.work-stats strong{font-size:30px}.work-tools{flex-wrap:wrap}.work-tools label:first-child{flex-basis:100%}.work-tools label:nth-child(2){flex:1}.work-table th,.work-table td{padding:14px;min-width:135px}.work-table td:first-child{min-width:210px}#detail{padding:28px 20px}.site-header>a:last-child{font-size:12px}}

.work-main .test-banner{background:var(--yta-2);border:1px solid var(--hairline);font-size:13px}.work-heading h1{font-weight:600}

/* Use the shared icon set and quiet dividers for the working view. */
.work-stats>div{padding:0 26px;border-left:1px solid var(--hairline)}
.work-stats>div:first-child{padding-left:0;border-left:0}
.work-stats .stat-label{display:flex;align-items:center;gap:9px;color:var(--text-svag);font-size:13px}
.work-stats .icon{width:20px;height:20px;color:var(--accent)}
.work-stats strong{font-size:32px;margin-top:12px;font-variant-numeric:tabular-nums}
.field-label{display:flex;align-items:center;gap:8px}.field-label .icon{width:18px;height:18px;color:var(--text-svag)}
.work-table th .icon{width:17px;height:17px;margin-right:8px;color:var(--text-svag)}
.work-table tbody tr:hover{background:var(--yta-2)}
.work-heading h1{font-size:clamp(28px,3.1vw,42px)}
@media(max-width:760px){.work-stats{padding:20px 0;row-gap:24px}.work-stats>div{padding:0 16px}.work-stats>div:nth-child(odd){padding-left:0;border-left:0}.work-stats .stat-label{font-size:12px;gap:7px}.work-stats strong{font-size:28px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.workspace-actions,.bulk-actions,.export-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.workspace-actions{justify-content:space-between;padding:16px 0;border-block:1px solid var(--hairline)}.bulk-actions>span{font-size:13px;min-width:60px}.workspace-actions select{font-size:13px}.export-hint{font-size:12px;color:var(--text-svag);margin:10px 0 14px}.work-table .select-cell{width:40px;min-width:40px;padding:16px 8px 16px 16px}.select-cell input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.work-tools{flex-wrap:wrap}.work-tools label:first-child{min-width:220px}.work-main #refresh-list{font-size:12px}.work-main nav{margin:0}@media(max-width:760px){.workspace-actions{align-items:start}.bulk-actions,.export-actions{gap:8px}.bulk-actions .knapp{font-size:12px}.work-tools label:first-child{min-width:0}.work-tools label:nth-child(3){flex:1}.work-table .select-cell{min-width:36px;padding:12px 6px}}
/* Compact working layout; the purchased list remains the focus. */
.work-main{max-width:1440px;padding-top:22px}.work-heading h1{font-size:30px;margin:10px 0}.work-heading p{font-size:13px;margin:4px 0}.rename{margin:16px 0 20px;gap:10px}.rename .falt{padding:9px 12px}.work-stats{padding:18px 0}.work-stats strong{font-size:26px;margin-top:6px}.work-tools{margin:20px 0 14px;gap:12px}.work-tools .falt,.workspace-actions .falt{padding:9px 12px}.work-table th,.work-table td{padding:13px 16px}.work-main>.knapp{font-size:12px;margin-right:10px;margin-bottom:6px}.work-main .test-banner{padding:12px 15px;font-size:12px}.work-table td small{font-size:var(--steg-mikro)}.work-main .knapp{font-size:12px}.work-main #feedback:empty,.work-main #error:empty{display:none}.workspace-actions{padding:12px 0}.work-table td .company-link{font-size:13px}
/* Purchased fields can be composed into a compact, persistent working view. */
.workspace-column-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 12px;padding:12px 14px;background:#f7f9fc;border:1px solid var(--hairline);border-radius:8px}.workspace-column-toolbar label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:600}.workspace-column-toolbar .falt{width:auto;min-width:150px;font-size:12px}.workspace-column-toolbar>span{margin-left:auto;font-size:12px;color:var(--text-svag)}.workspace-column-toolbar .knapp{font-size:12px}.work-table{max-height:70vh;position:relative;isolation:isolate;scrollbar-gutter:stable}.work-table table{min-width:100%;width:max-content}.work-table th{position:sticky;top:0;z-index:3;white-space:nowrap;font-size:12px}.work-table th,.work-table td{min-width:150px;max-width:330px;padding:12px 16px;vertical-align:top;line-height:1.5}.work-table td{overflow-wrap:anywhere;white-space:normal}.work-table .company-link{text-wrap:pretty}.work-table .select-cell{position:sticky;left:0;z-index:2;min-width:44px;width:44px;max-width:44px;box-sizing:border-box;background:white;padding:13px 10px}.work-table .company-cell{position:sticky;left:44px;z-index:2;min-width:250px;width:250px;max-width:300px;background:white;border-right:1px solid var(--hairline)}.work-table th.select-cell,.work-table th.company-cell{z-index:4;background:var(--yta-2)}.work-table tr:hover .company-cell,.work-table tr:hover .select-cell{background:var(--yta-2)}.work-table .company-link{text-align:left;line-height:1.5;padding:0}.work-table .numeric-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.work-table .missing-value{color:var(--text-svag)}.work-table .note-cell{min-width:240px;white-space:pre-wrap}.work-heading #list-title{max-width:850px;overflow-wrap:anywhere}.work-heading #delivery-link{white-space:nowrap;flex:none}.work-main #refresh-list{float:right;margin:0 0 8px}.workspace-column-toolbar{clear:both}
#workspace-columns-dialog{width:min(700px,calc(100vw - 24px));max-height:90dvh;padding:26px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:12px;background:white;color:var(--text)}#workspace-columns-dialog h2{font-size:24px;margin:0 0 10px}#workspace-columns-dialog>p{font-size:13px;line-height:1.6;color:var(--text-svag)}.column-options{max-height:52dvh;overflow:auto;border-block:1px solid var(--hairline);margin:20px 0;padding:6px 0}.column-option{display:flex;gap:8px;align-items:center;min-height:44px;border-bottom:1px solid #edf0f4;padding:5px}.column-option label{flex:1;display:flex;align-items:center;gap:12px;font-size:13px;min-width:0;cursor:pointer}.column-option input{width:16px;height:16px;accent-color:var(--accent);flex:none}.column-option .knapp{padding:5px 10px;min-width:34px;font-size:14px}#workspace-columns-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}#workspace-columns-dialog .dialog-actions .knapp{font-size:12px;padding:10px 16px}@media(max-width:600px){.workspace-column-toolbar{gap:10px}.workspace-column-toolbar>span{width:100%;margin:0}.work-table .company-cell{position:static;min-width:200px}.work-table th.company-cell{position:sticky;left:auto;z-index:3}.work-table{max-height:65vh}#workspace-columns-dialog{padding:18px}.column-option label{font-size:12px;gap:8px}.work-heading #delivery-link{white-space:normal}}

.workspace-column-toolbar #refresh-list{float:none;margin:0;font-size:12px;padding:8px 10px}.embedded-work>.test-banner{padding:0!important;margin:0 0 14px!important;background:none!important;border:0!important;color:var(--text-svag)}

/* Rubrikerna sorterar listan. Hela rubrikcellen är tryckyta; pilen syns svagt vid hover och fullt på den sorterade kolumnen. */
.work-table th .sort-knapp{position:relative;display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.work-table th .sort-knapp::after{content:'';position:absolute;inset:-12px -16px}
.work-table th .sort-knapp .sort-pil{width:14px;height:14px;margin:0;flex:none;color:var(--text-svag);opacity:0;transition:opacity var(--tid-kvick) var(--kurva-standard),rotate var(--tid-normal) var(--kurva-standard)}
.work-table th .sort-knapp:hover .sort-pil,.work-table th .sort-knapp:focus-visible .sort-pil{opacity:.5}
.work-table th .sort-knapp[data-riktning] .sort-pil{opacity:1;color:var(--text)}
.work-table th .sort-knapp[data-riktning=desc] .sort-pil{rotate:180deg}
.work-table th[aria-sort]{color:var(--text)}
.work-table th.numeric-cell .sort-knapp{flex-direction:row-reverse;justify-content:flex-start;text-align:right}
@media (prefers-reduced-motion:reduce){.work-table th .sort-knapp .sort-pil{transition:none}}