.access-card{background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:18px;padding:28px;max-width:560px;margin:24px 0 36px}
.access-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.access-card h2{font-size:23px;margin:0 0 18px}.access-heading h2{margin:0}.access-number{color:var(--muted,#68727b);font:12px 'Martian Mono',monospace}.accent{color:#ff5f3a}
.access-form{display:grid;gap:18px}.access-form label{display:grid;gap:8px;font-size:14px;font-weight:600}.access-form input,.access-form select{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cbd0d2;background:#fff;color:#0f161d;border-radius:8px;padding:13px;font:inherit}.access-form input:focus,.access-form select:focus{outline:2px solid #ff5f3a;outline-offset:2px}.access-form .btn{justify-content:space-between;min-height:48px}.access-help{margin-top:22px;line-height:1.6}.access-error{background:#fff0ea;border-left:3px solid #ff5f3a;padding:14px;color:#782800}.access-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.access-grid .access-card{max-width:none}.employee-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #e4e6e7}.employee-name{display:grid;gap:5px;flex:1;min-width:0;overflow-wrap:anywhere}.employee-name span,.employee-name small{font-size:12px;color:#58636b}.account-actions{display:flex;align-items:center;gap:14px}.account-actions form{margin:0}.account-actions .btn{font-size:13px}.demo-label{padding:8px 18px;text-align:center;background:#fff0ea;color:#82341e;font-size:12px}.login-layout .shell{display:block;max-width:1100px}.login-layout main{max-width:650px;margin:0 auto;padding-top:40px}.login-layout .dock{display:none}
@media(max-width:700px){.access-card{padding:22px}.access-grid{grid-template-columns:1fr;gap:0}.access-grid .access-card{margin-top:12px;margin-bottom:12px}.account-actions{gap:8px}.account-actions>a{font-size:12px}.account-actions .who{display:none}.employee-row{flex-wrap:wrap}.employee-row form{margin-left:44px}.login-layout main{padding-top:20px}.login-layout h1{font-size:36px}}

.access-maker{display:flex;gap:9px;align-items:center;margin:24px 0 0;font-size:12px;color:var(--muted)}.access-maker img{object-fit:contain}

.access-grid{align-items:start}.account-actions>a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-2);padding:10px 0}.account-actions>a:hover{color:var(--light-text)}.access-card a.btn{text-decoration:none;margin-top:18px}.access-form input,.access-form select{font-family:var(--f-body)}

/* Compact account navigation retains company/employee controls without crowding the dock. */
.account-menu{position:relative;flex:none}.account-menu>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:600}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:focus-visible{outline:2px solid var(--light);outline-offset:3px}.account-menu-content{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;gap:12px;min-width:220px;max-width:calc(100vw - 32px);padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card,var(--surface));box-shadow:var(--sh-1)}.account-menu-content .who small{white-space:normal;overflow-wrap:anywhere}.account-menu-content>a{color:var(--ink);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line)}.account-menu-content form{margin:0}.account-menu-content .btn{min-height:44px;width:100%}

/* Authenticated company selection keeps one clear destination per card. */
.company-picker{max-width:none;margin-top:4px;margin-bottom:0;padding:18px}
.company-choices{display:grid;gap:12px}.company-choices form{margin:0}
.company-choice{width:100%;display:flex;gap:14px;justify-content:flex-start;text-align:left;padding:18px;min-height:90px;border:1px solid var(--line);border-radius:16px;white-space:normal}
.company-choice>.company-choice-text{flex:1;min-width:0;display:grid;gap:6px;overflow-wrap:anywhere}
.company-choice-text b{font-family:var(--f-display);font-size:20px;line-height:1.25}
.company-choice-text small{font-size:13px;font-weight:400;line-height:1.4}
.company-monogram{flex:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:14px;font-family:var(--f-display);font-size:22px}
.company-active{font-size:11px;font-weight:600;letter-spacing:.03em}
.company-picker-logout{margin:0}.company-picker-logout .btn{min-height:44px}
.account-company{display:grid;gap:3px;min-width:0;text-align:left;max-width:240px}.account-company b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.account-company small{font-size:10px;font-weight:400;color:var(--muted)}
@media(max-width:700px){.account-menu>summary{padding:8px 12px;gap:8px}.account-company{max-width:170px}.company-picker{padding:12px}.company-choice{padding:16px;gap:12px}.company-choice-text b{font-size:18px}}
@media(max-width:390px){.account-company{max-width:145px}}

/* Owner log and support access. */
.log-filter,.log-card,.support-card{max-width:none}
.log-form{grid-template-columns:2fr 1fr 1fr auto;align-items:end}
.log-list{list-style:none;margin:0;padding:0}
.log-row{display:grid;grid-template-columns:170px 200px 1fr;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.log-row .log-details{grid-column:3;overflow-wrap:anywhere}
.log-who,.log-what{overflow-wrap:anywhere}
.log-time{font-size:13px;color:var(--muted)}
.log-warning{background:#fff0ea;border-left:3px solid #ff5f3a;padding-left:10px}
.log-pages{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:18px}
.support-label{padding:8px 18px;text-align:center;background:#16324a;color:#fff;font-size:13px;font-weight:600}
.support-grant{border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 14px;display:grid;gap:6px}
.support-grant.active{border-color:#ff5f3a}
.support-grant ul{margin:4px 0 0;padding-left:18px}
.employee-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.employee-actions form{display:flex;gap:6px;align-items:center;margin:0}
.employee-actions select{border:1px solid #cbd0d2;border-radius:8px;padding:8px;font:inherit;background:#fff;color:#0f161d}
@media(max-width:700px){.log-form{grid-template-columns:1fr}.log-row{grid-template-columns:1fr}.log-row .log-details{grid-column:1}.employee-actions{margin-left:44px}}
.seat-line{margin:-8px 0 14px;font-size:14px;font-weight:600;color:var(--muted,#58636b)}.seat-line.full{color:#782800}
.access-choice{border:1px solid var(--line,#ddd);border-radius:12px;padding:12px 14px;margin:0;display:grid;gap:12px}.access-choice legend{font-size:14px;font-weight:600;padding:0 4px}.access-form .access-choice label{display:flex;gap:10px;align-items:flex-start;font-weight:400}.access-form .access-choice input{width:auto;flex:none;margin:3px 0 0;padding:0}.access-choice span{display:grid;gap:3px}.access-choice small{font-size:12px;color:var(--muted,#58636b)}
.link-card{max-width:none;border-color:#ff5f3a}.link-field{display:grid;gap:8px;font-size:14px;font-weight:600;margin:14px 0}.link-field input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cbd0d2;border-radius:8px;padding:13px;background:#fff;color:#0f161d;font:13px 'Martian Mono',monospace}
.access-form textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cbd0d2;background:#fff;color:#0f161d;border-radius:8px;padding:13px;font:inherit;font-family:var(--f-body);resize:vertical}
/* QA 2026-10-12: navnet må aldrig presses til ét tegn i bredden. Handlingerne står under navnet, også på en bred skærm. */
.employee-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:12px;row-gap:10px}
.employee-row .employee-actions{grid-column:2;margin-left:0}.employee-row .employee-actions form{margin-left:0}