/* Yrkeslaget portal only. The Plåt-Arne reference and production site do not
   import this stylesheet. Product identity never replaces tenant branding. */
:root{--yl-paper:#f5f5ef;--yl-white:#fff;--yl-ink:#1b2928;--yl-muted:#5a6460;--yl-lime:#d5f47e;--yl-line:#d9ddd3;--yl-soft:#eef1e7;--yl-focus:#547127;--yl-danger:#a12632;--yl-danger-line:#e8bdc5;--yl-danger-bg:#fff0f2;--yl-radius:12px;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:var(--yl-ink);background:var(--yl-paper);font-size:15px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}
button,.button{border:1px solid var(--yl-line);border-radius:8px;padding:9px 15px;background:var(--yl-white);color:var(--yl-ink);cursor:pointer;font-weight:600;font-size:13px;line-height:1.5}
button:hover,.button:hover{background:var(--yl-soft)}button:disabled{opacity:.55;cursor:wait}
button.primary,.button.primary{background:var(--yl-lime);border-color:var(--yl-lime);color:var(--yl-ink)}button.primary:hover,.button.primary:hover{background:#e1faa6;border-color:#e1faa6}
button.danger{color:var(--yl-danger);border-color:var(--yl-danger-line);background:#fff8f8}button.danger:hover{background:var(--yl-danger-bg)}
input,select,textarea{width:100%;border:1px solid var(--yl-line);border-radius:7px;padding:10px 11px;background:var(--yl-white);color:var(--yl-ink);min-width:0}
input::placeholder,textarea::placeholder{color:var(--yl-muted);opacity:1}textarea{margin-top:6px;resize:vertical}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--yl-focus);outline-offset:2px}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--yl-ink);padding:0;flex-shrink:0}
h1{font-size:30px;font-weight:650;line-height:1.15;letter-spacing:-1px;margin:0 0 9px}h2{font-size:19px;font-weight:650;letter-spacing:-.35px;margin:0 0 14px}h3{font-size:16px;font-weight:650;margin:0}p{margin:8px 0}a{color:var(--yl-ink);text-underline-offset:3px}
.muted{color:var(--yl-muted);font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:650;color:var(--yl-muted);margin-bottom:10px}
.layout{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}
.sidebar{background:var(--yl-ink);color:var(--yl-paper);padding:28px 18px;display:flex;flex-direction:column;gap:20px}
.brand{font-size:23px;font-weight:650;letter-spacing:-.9px}.product-brand{display:flex;align-items:center;gap:10px;line-height:1.1}.product-brand img{width:37px;height:37px;flex-shrink:0}.sidebar .product-brand{font-size:21px}
.sidebar p{color:#c4cfc3;font-size:12px}.sidebar button,.sidebar .button{background:transparent;color:var(--yl-paper);border-color:#5c6c64;text-align:left}.sidebar button:hover,.sidebar .button:hover{background:#30423c}
.sidebar .button.primary{background:var(--yl-lime);border-color:var(--yl-lime);color:var(--yl-ink)}.sidebar .button.primary:hover{background:#e1faa6}
.sidebar :is(button,a,input,select,textarea):focus-visible{outline-color:var(--yl-lime)}
.sidebar .bottom{margin-top:auto}.sidebar .bottom>p{padding-top:16px;border-top:1px solid #495b51}
.main{max-width:1260px;width:100%;min-width:0;padding:34px 38px}
.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.heading p{margin-bottom:0}
.notice{background:var(--yl-soft);border:1px solid var(--yl-line);border-radius:9px;padding:12px 15px;font-size:13px;color:var(--yl-muted);margin-bottom:20px}
.panel{background:var(--yl-white);border:1px solid var(--yl-line);border-radius:var(--yl-radius);padding:22px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.field{display:block;font-size:13px;font-weight:600}.field input,.field select{margin-top:6px}.wide{grid-column:1/-1}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--yl-line)}.row:last-child{border:0}.row>div:first-child{min-width:0;overflow-wrap:anywhere}
.badge{display:inline-block;padding:3px 9px;font-size:11px;background:#e5efcf;border-radius:20px;color:#3c512a;white-space:nowrap}.badge.off{background:#edf0e9;color:var(--yl-muted)}
.module{display:flex;gap:12px;align-items:start;padding:13px;border:1px solid var(--yl-line);border-radius:9px}.module input{margin-top:4px}.module small{display:block;color:var(--yl-muted);font-weight:400}
/* The same product palette covers login, invitations and password recovery. */
#app:has(> main.auth){display:flow-root;min-height:100vh;background:var(--yl-paper);color:var(--yl-ink)}
.auth{max-width:500px;margin:7vh auto;padding:28px 22px;color:var(--yl-ink)}.auth .product-brand{margin-bottom:44px;font-size:28px}.auth .product-brand img{width:44px;height:44px}.auth h1{font-size:34px;letter-spacing:-1.1px}.auth>.muted{line-height:1.7}.auth .panel{margin-top:24px;padding:28px}.auth label{margin-bottom:17px}.auth .field{font-size:13px}.auth form>fieldset>button.primary{min-height:44px}.auth .eyebrow{color:var(--yl-muted)}
.error{color:#92283a;background:var(--yl-danger-bg);border:1px solid var(--yl-danger-line);padding:12px;border-radius:8px;margin:15px 0}
.linkbox{background:var(--yl-soft);padding:16px;border:1px solid var(--yl-line);border-radius:9px;margin:15px 0;overflow-wrap:anywhere}.loading{padding:50px;text-align:center}
details summary{cursor:pointer;font-weight:600}ul.audit{list-style:none;padding:0;font-size:12px;color:var(--yl-muted)}.audit li{padding:8px 0;border-bottom:1px solid var(--yl-line)}.empty{padding:24px;text-align:center;color:var(--yl-muted)}#feedback:empty{display:none}fieldset{border:0;padding:0;margin:0;min-width:0}button.small{font-size:12px;padding:6px 10px}
.work-nav{display:grid;gap:5px}.work-nav>span{font-size:12px;color:#c4cfc3;overflow-wrap:anywhere}.work-nav a{color:var(--yl-paper);text-decoration:none;padding:9px 10px;border-radius:7px}.work-nav a:hover{background:#30423c}.work-nav a[aria-current=page]{background:var(--yl-lime);color:var(--yl-ink)}
.tenant-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0 15px;margin-bottom:3px;border-bottom:1px solid #495b51;overflow-wrap:anywhere;font-size:12px;color:#dce5d9}.tenant-logo{max-width:100%;width:auto;height:auto;max-height:58px;object-fit:contain;background:white;border:1px solid var(--yl-line);border-radius:6px;padding:6px}
.button{display:inline-block;text-decoration:none}.searchbar{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:12px;align-items:end;margin-bottom:20px}
.customer-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto 12px;gap:16px;align-items:center;padding:17px 6px;border-bottom:1px solid var(--yl-line);color:inherit;text-decoration:none}.customer-row:hover{background:var(--yl-soft)}.customer-row strong,.customer-row small{display:block;overflow-wrap:anywhere}.customer-row small{font-size:12px;color:var(--yl-muted);margin-top:3px}.customer-contact{font-size:13px;overflow-wrap:anywhere}
.pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:13px}.backlink{display:inline-block;margin-bottom:18px;text-decoration:none}.archive-panel{margin-top:26px}.success{background:#e8f0de;color:#355127;padding:12px 16px;border-radius:8px;margin-bottom:18px}[hidden]{display:none!important}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px}.metrics a{padding:18px;border:1px solid var(--yl-line);border-radius:10px;text-decoration:none;background:var(--yl-paper)}.metrics a:hover{background:var(--yl-soft)}.metrics strong,.metrics span{display:block}.metrics strong{font-size:26px;letter-spacing:-.7px}.metrics span{font-size:13px;color:var(--yl-muted)}
.project-row,.entry-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--yl-line)}.project-row{text-decoration:none;color:inherit}.project-row small{display:block;color:var(--yl-muted)}.entry-row>div{min-width:0;overflow-wrap:anywhere}.entry-row p{margin:3px 0}.entry-row small{color:var(--yl-muted)}.entry-actions{display:flex;flex-wrap:wrap;gap:6px}.entry-actions button{font-size:12px;padding:6px 10px}.entry-editor{background:var(--yl-paper);padding:18px;border:1px solid var(--yl-line);border-radius:10px;margin:14px 0 24px}.entry-editor h3{margin-bottom:14px}.note{white-space:pre-wrap;font-size:13px}.project-row:hover{background:var(--yl-soft)}
.person-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.person-tabs .button{font-size:13px}.person-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.person-details dt{font-size:12px;color:var(--yl-muted)}.person-details dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.sidebar .account-link{display:block;color:var(--yl-paper);font-size:12px;padding:8px 0;margin-bottom:6px;text-decoration:none}.sidebar .account-link:hover,.sidebar .account-link[aria-current=page]{text-decoration:underline}.forgot-link{display:inline-block;font-size:13px;margin-top:18px}.password-panel{max-width:560px}.password-panel .field,.password-auth .field,#owner-password-editor .field{margin-bottom:16px}.account-identity{display:grid;gap:3px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--yl-line);overflow-wrap:anywhere}.account-identity span{font-size:13px;color:var(--yl-muted)}#owner-password-editor{max-width:560px}#owner-password-editor h3{margin-bottom:16px}#owner-password-editor .account-identity{margin-bottom:14px}.password-auth .actions{justify-content:space-between}
/* Owner administration keeps its compact layout, with the same product theme. */
.owner-console{color:var(--yl-ink);background:var(--yl-paper);grid-template-columns:232px minmax(0,1fr)}
.owner-console .sidebar{padding:26px 18px;gap:18px}.owner-console .sidebar .owner-log-nav{text-align:left;font-size:13px}.owner-console .sidebar .owner-log-nav[aria-current=page]{background:var(--yl-lime);border-color:var(--yl-lime);color:var(--yl-ink)}
.owner-console .main{max-width:1320px;padding:30px 34px;min-width:0}.owner-console .heading{margin-bottom:18px}.owner-console h1{font-size:28px}.owner-console h2{font-size:18px;margin-bottom:12px}.owner-console h3{font-size:15px}.owner-console .panel{padding:20px;margin-bottom:16px}.owner-console button,.owner-console .button{font-size:13px;padding:8px 12px}.owner-console :is(input,select,textarea){padding:9px 10px}.owner-console input[type=checkbox]{padding:0}.owner-console .module{padding:11px}.owner-console .grid{gap:14px}.owner-console .field{font-size:12px}.owner-console .owner-field-section{margin-top:14px}
.owner-company-list{display:grid;gap:0}.owner-company-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--yl-line);min-width:0}.owner-company-brand{display:flex;align-items:center;gap:14px;min-width:0;overflow-wrap:anywhere}.owner-company-brand>div{min-width:0}.owner-company-brand p{margin:3px 0}
.owner-company-logo,.owner-company-monogram{width:58px;height:50px;flex-shrink:0;border:1px solid var(--yl-line);border-radius:7px;background:var(--yl-white);object-fit:contain;padding:5px}.owner-company-monogram{display:grid;place-items:center;color:var(--yl-muted);background:var(--yl-paper);font-weight:650;font-size:18px;letter-spacing:-.5px}.owner-company-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.owner-section-nav{display:flex;flex-wrap:wrap;gap:10px 20px;padding-bottom:18px;font-size:13px}.owner-section-nav button{padding:0;border:0;background:none;color:var(--yl-ink);font-weight:400;text-decoration:underline;text-underline-offset:3px}.owner-logo-picker{max-width:430px;margin-top:14px}.owner-console input[type=file]{font-size:12px}.owner-savebar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:4px 0 20px}
.owner-lifecycle{border-color:var(--yl-danger-line)}.owner-lifecycle p{max-width:780px}.owner-lifecycle form{max-width:650px;margin-top:18px}.owner-lifecycle .field{margin-bottom:14px}.owner-lifecycle-notice{border-left:3px solid #b99b67}.owner-user-list .row{flex-wrap:wrap}.owner-user-list .wide{width:100%}.owner-invite{margin-top:18px}.owner-page-actions{display:flex;gap:8px}
.owner-log-primary{display:grid;grid-template-columns:190px minmax(180px,1fr) 170px auto;gap:12px;align-items:end}.owner-log-filters{margin-top:16px}.owner-log-filters .grid{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.owner-log-entry{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--yl-line);min-width:0}.owner-log-checkbox{padding-top:2px;flex-shrink:0;cursor:pointer}.owner-log-content{min-width:0;flex:1}.owner-log-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.owner-log-title strong{font-size:13px;overflow-wrap:anywhere}.owner-log-detail{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.owner-log-content .muted,.owner-log-protected{overflow-wrap:anywhere}.owner-log-protected{font-size:12px;color:#795b28;margin:5px 0}.owner-log-actions{padding-top:12px;border-top:1px solid var(--yl-line)}.owner-log-confirm-list{font-size:13px;max-height:160px;overflow:auto;padding-left:20px;overflow-wrap:anywhere}#owner-log-confirm .field{margin-bottom:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.owner-console .main{padding:24px}.owner-log-primary{grid-template-columns:1fr 1fr}.owner-log-filters .grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.layout,.owner-console{grid-template-columns:minmax(0,1fr)}.sidebar,.owner-console .sidebar{padding:16px 20px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.sidebar .bottom{margin:0 0 0 auto;display:flex;gap:14px;align-items:center}.sidebar p{display:none}.sidebar .bottom>p{border:0;padding:0}.sidebar .product-brand{font-size:20px}.sidebar .product-brand img{width:30px;height:30px}.main,.owner-console .main{padding:23px 16px}.heading{align-items:flex-start}h1,.owner-console h1{font-size:26px}.panel,.owner-console .panel{padding:18px}.grid{grid-template-columns:minmax(0,1fr)}.wide{grid-column:auto}.row{flex-wrap:wrap}.auth{margin:2vh auto}.sidebar button,.owner-console .sidebar .owner-log-nav{font-size:12px;padding:8px 10px}.work-nav{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.work-nav>span{width:100%}.work-nav a{font-size:13px}.tenant-brand{width:100%;flex-direction:row;align-items:center;padding:10px 0;margin-bottom:5px}.tenant-logo{max-width:160px;max-height:45px}.searchbar{grid-template-columns:1fr auto}.searchbar>.field:first-child{grid-column:1/-1}.customer-row{grid-template-columns:minmax(0,1fr) auto 10px;gap:10px}.customer-contact{grid-column:1;grid-row:2}.customer-row .badge{grid-column:2;grid-row:1}.customer-row>span:last-child{grid-column:3;grid-row:1}.pagination{justify-content:space-between}.sidebar .account-link{padding:6px 0;margin:0}.password-panel{width:100%}.owner-console .owner-log-primary{grid-template-columns:1fr 1fr}.owner-console .owner-log-primary>.field:nth-child(2){grid-column:1/-1;grid-row:1}.owner-company-card{align-items:flex-start;flex-wrap:wrap;gap:12px}.owner-company-actions{width:100%;justify-content:flex-start;margin-left:72px}.owner-console .pagination{flex-wrap:wrap;justify-content:space-between}}
@media(max-width:600px){.entry-row{display:block}.entry-actions{margin-top:12px}.heading{flex-wrap:wrap}.metrics{grid-template-columns:minmax(0,1fr)}.auth{padding:24px 18px}.auth .panel{padding:22px}.auth .product-brand{margin-bottom:34px}}
@media(max-width:440px){.sidebar,.owner-console .sidebar{padding:14px 16px}.sidebar .bottom{width:100%;justify-content:space-between}.owner-log-filters .grid{grid-template-columns:minmax(0,1fr)}.owner-company-actions{margin-left:0}.owner-console .owner-log-primary{grid-template-columns:minmax(0,1fr)}.owner-console .owner-log-primary>.field:nth-child(2){grid-column:auto}.owner-log-entry{gap:8px}.owner-console .main{padding:20px 12px}.auth h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}