/* Shared colours from the repair form. Screen only: PDFs retain their print styles. */
@media screen{
 :root{--ks-field:#fff;--ks-surface:#f4f5f6;--ks-toolbar:#f0f2f3;--ks-border:#dfe2e5;--ks-field-border:#d2d7db;--ks-text:#303437;--ks-label:#5b646b;--ks-blue:#2e5c7e;--ks-focus:#a7d9f5}
 .portal-shell .office,.invoice-office{--ink:var(--ks-text);--muted:#6f777d;--line:var(--ks-border)}
 .portal-shell .office :is(input,textarea,select),.invoice-office :is(input,textarea,select),.repair-form :is(input,textarea,select){background-color:var(--ks-field);color:var(--ks-text);border-color:var(--ks-field-border);box-shadow:0 1px 2px #00000003;accent-color:var(--ks-blue)}
 .portal-shell .office :is(input,textarea,select):focus-visible,.invoice-office :is(input,textarea,select):focus-visible,.repair-form :is(input,textarea,select):focus-visible{outline:3px solid var(--ks-focus);outline-offset:1px;border-color:var(--ks-blue)}
 .portal-shell .office :is(input,textarea,select):disabled,.invoice-office :is(input,textarea,select):disabled{background-color:#edf0f2;color:#59636b}
 .portal-shell .office label,.invoice-office label{color:var(--ks-label)}
 .portal-shell .office :is(.todo-form,.todo-empty,.filter,.lex-picker,.lex-card,.ai-card,.ai-position,.material-calculator,.material-selected,.products-note,.calendar-settings,.calendar-event-dialog),.invoice-office :is(.lex-picker,.lex-card){background-color:var(--ks-surface);border-color:var(--ks-border);color:var(--ks-text)}
 .portal-shell .office :is(.todo-filters,.ai-export,.ai-totals,.ai-progress,.ai-review,.workflow-note){background-color:var(--ks-toolbar);border-color:#d9dde0;color:var(--ks-text)}
 .portal-shell .office :is(.ai-draft-link,.todo-category,.calendar-views button){background-color:#edf0f2;border-color:#d3d9de;color:#4b5963}
 .portal-shell .office :is(.todo-category.selected,.calendar-views button[aria-pressed=true]){background-color:var(--ks-blue);border-color:var(--ks-blue);color:#fff}
 .portal-shell .office :is(.ai-position-number,.ai-panel summary span,.due:not(.overdue)){background-color:#e9ecef;color:#495860}
 .portal-shell .office :is(.todo-row,.calendar-viewport,.section-header,.billing-row,.product-card,.material-hit){border-color:var(--ks-border)}
 .portal-shell .office :is(.todo-notes,.todo-meta,.calendar-note,.calendar-help,.ai-hint){color:#6f777d}
 .portal-shell .office :is(.button,button.secondary,.login-form button,.products-panel button,.lex-card button,.lex-picker button,.billing-section button,.ai-panel button:not(.ai-position-remove):not(.ai-position-copy):not(.ai-draft-link):not(.ai-draft-delete)),.invoice-office :is(.button,button.secondary,.lex-picker button){background:var(--ks-blue);border-color:var(--ks-blue);color:#fff;box-shadow:0 2px 5px #123e5710}
 .portal-shell .office .calendar-event{background-color:#fff;border-color:var(--ks-field-border);border-left-color:var(--ks-blue);color:var(--ks-text)}
 .portal-shell .office .calendar-event:hover{background-color:var(--ks-surface)}
 .portal-shell .office .lex-results button,.invoice-office .lex-results button{background:#fff;color:var(--ks-text);border-color:var(--ks-field-border)}
 .portal-shell .office button.ai-position-remove{background:#b42332;color:#fff;border-color:#b42332}
 .portal-shell .office button.ai-position-copy{background:#187347;color:#fff;border-color:#187347}
 .repair-form.document-form :is(section,.worker,.photo-upload){background-color:var(--ks-surface);border-color:var(--ks-border)}
 .repair-form.document-form :is(.toolbar,.repair-ai){background-color:var(--ks-toolbar);border-color:#d9dde0}
 .repair-form.document-form :is(.signature,.photo-card){background-color:#fff;border-color:var(--ks-border)}
}
/* Shared readable system typography. No third-party font request; print remains unchanged. */
@media screen{
 :root{--ks-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ks-text:#242424;--ks-label:#34383c}
 body,.portal-shell,.repair-form,.invoice-office{font-family:var(--ks-font)!important;font-weight:400;color:#242424}
 button,input,textarea,select{font-family:var(--ks-font)!important}
 .portal-shell .office,.invoice-office{--ink:#242424;--muted:#4b5055}
 .portal-shell .office label,.invoice-office label,.repair-form label{color:#34383c;font-weight:600}
 .portal-shell .office :is(.ai-hint,.todo-notes,.todo-meta,.calendar-note,.calendar-help,.chat-privacy,.chat-attachments,.products-note,.workflow-note),.invoice-office .hint,.repair-form :is(.hint,.info,footer),.repair-form small{color:#4b5055;font-size:14px;line-height:1.65}
 .portal-shell .office :is(input,textarea,select),.invoice-office :is(input,textarea,select),.repair-form :is(input,textarea,select){color:#242424;font-size:16px;font-weight:400}
 input::placeholder,textarea::placeholder{color:#62676c!important;opacity:1}
 .portal-shell .ks-assistant :is(.chat-privacy,.chat-attachments,#chatVoiceStatus,#chatVoiceInterim,#chatTopVoiceStatus,#chatTopTranscript,#chatForm small){color:#4b5055;font-size:14px}
 .portal-shell .sidebar :is(a,p,.sidebar-label),.portal-shell .topbar :is(p,small,.eyebrow,.quiet),.portal-shell .dashboard-intro p,.portal-shell .portal-rightbar a{color:#f0f2f4}
 .repair-form main header :is(h1,p,.form-subtitle){color:#f4f5f6}
}

@media screen{.ks-field-history{display:block;width:100%;max-width:100%;margin:6px 0 12px;padding:8px;border:1px solid #c3c9ce;border-radius:8px;background:#f3f4f5;color:#34383c;font-size:13px!important}.ks-field-history[hidden]{display:none!important}}
@media print{.ks-field-history{display:none!important}}

@media print{.ks-field-history + .print-value{display:none!important}}

/* Match the approved chat typography and slate-blue surfaces across forms and home. */
@media screen{
 body.repair-form{--ks-font:system-ui,-apple-system,"Segoe UI",sans-serif;--d:#263644;--l:#e0e7ec;background:#bac4cc;color:#263644;font-size:17px;font-weight:500;line-height:1.75}
 body.repair-form main{background:#bac4cc;color:#263644;border-color:#a5b2bc}
 body.repair-form :is(.card,.row-card,section,.worker,.check,.source-search-box,.source-result-row,.signature,.photo-card),body.repair-form main>.lex-picker{background:#e0e7ec;border-color:#abb9c4;color:#263644}
 body.repair-form :is(.toolbar,.repair-ai,.info,.bottom-status,.total,.site-navigation){background:#d1dfe9;border-color:#a8bac8;color:#263644}
 body.repair-form :is(input,textarea,select),body.repair-form #sharetext,body.repair-form #shareLink,body.repair-form .repair-ai pre{background:#f5f5f2;border-color:#9cabb7;color:#263644;font-size:17px;font-weight:500;line-height:1.7}
 body.repair-form :is(label,.signature b){font-size:14px;font-weight:600;line-height:1.65;color:#354b5d}
 body.repair-form .check{font-size:16px;font-weight:500}
 body.repair-form :is(h2,.sec){font-size:20px;font-weight:650;line-height:1.5;letter-spacing:-.3px;color:#263644;border-color:#a8bac8}
 body.repair-form h1{font-weight:650;letter-spacing:-.5px;line-height:1.3}
 body.repair-form :is(.hint,.info,footer,small,.repair-ai p){color:#425668;font-size:14px;line-height:1.75}
 body.repair-form main header :is(h1,p,.form-subtitle){color:#f4f5f6}
 body.repair-form main header :is(small,.hint){color:#d2d7db}
 body.repair-form .signature canvas{background:#f5f5f2;border-color:#8fa5b7}
 body.repair-form :is(.num,.pill),body.repair-form #fieldGroups>section>h2::before{background:#c9dbe9;color:#2e5c7e;border-color:#a8bac8}
 body.repair-form .photo{background:#e0e7ec;border-color:#9cabb7}
 body.repair-form button{font-size:15px;font-weight:600;line-height:1.5}
 body.repair-form .source-result-actions a{font-size:14px}
 body.repair-form .bottom-status.error{color:#9e3030}
 .portal-shell [data-portal-view="home"]{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#263644}
 .portal-shell [data-portal-view="home"] :is(.form-tile,.stats>div,.home-shortcuts>a){background:#e0e7ec;border-color:#abb9c4;border-radius:14px;color:#263644;box-shadow:0 3px 12px #30445409}
 .portal-shell [data-portal-view="home"] :is(.form-tile,.home-shortcuts>a):hover{background:#d6e2eb;border-color:#6d96b6}
 .portal-shell [data-portal-view="home"] :is(.form-tile h3,.home-shortcuts h3){font-size:20px;font-weight:650;line-height:1.4;letter-spacing:-.3px}
 .portal-shell [data-portal-view="home"] :is(.form-tile p,.home-shortcuts p){font-size:16px;font-weight:500;line-height:1.75;color:#425668}
 .portal-shell [data-portal-view="home"] :is(.tile-link,.home-shortcuts b){font-size:14px;font-weight:600;color:#2e5c7e}
 .portal-shell [data-portal-view="home"] .tile-icon{background:#c9dbe9;color:#2e5c7e}
 .portal-shell [data-portal-view="home"] :is(.stat-label,.tile-number,.home-shortcuts>a>span){color:#425668;font-weight:600}
 .portal-shell [data-portal-view="home"] .stat-label{font-size:13px}
 .portal-shell [data-portal-view="home"] .stats strong{color:#263644}
}
@media screen and (max-width:700px){
 body.repair-form,body.repair-form :is(input,textarea,select){font-size:16px}
 .portal-shell [data-portal-view="home"] :is(.form-tile h3,.home-shortcuts h3){font-size:18px}
 .portal-shell [data-portal-view="home"] .form-tile p{font-size:14px}
 .portal-shell [data-portal-view="home"] .tile-link{font-size:0}
 .portal-shell [data-portal-view="home"] .tile-link span{font-size:24px}
}

/* Lighter home cards and a shared, centered form layout. */
@media screen{
 .portal-shell [data-portal-view="home"] :is(.form-tile,.stats>div,.home-shortcuts>a){background:#edf1f4;border-color:#c1cdd6}
 .portal-shell [data-portal-view="home"] :is(.form-tile,.home-shortcuts>a):hover{background:#e4ecf2;border-color:#8daabe}
 .portal-shell [data-portal-view="home"] .tile-icon{background:#dce7ef}
 body.repair-form.document-form main header h1{margin:0;font-size:26px}
 body.repair-form.document-form #fieldGroups>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 body.repair-form.document-form #fieldGroups>section>h2{grid-column:1/-1;margin:0 0 4px}
 body.repair-form.document-form #fieldGroups>section>label{min-width:0;margin:0}
 body.repair-form.document-form #fieldGroups>section>label:has(textarea),body.repair-form.document-form #fieldGroups>section>.repair-ai{grid-column:1/-1}
 body.repair-form.document-form #fieldGroups>section>.repair-ai{margin:0}
 body.repair-form.document-form .worker{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:18px;padding:20px}
 body.repair-form.document-form .worker>label{margin:0;min-width:0}
 body.repair-form.document-form .worker>label:has([data-prop="activity"]),body.repair-form.document-form .worker>button{grid-column:1/-1}
 body.repair-form.document-form .worker>button{justify-self:start;background:transparent;color:#9e3030;box-shadow:none}
 body.repair-form.document-form #signatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 body.repair-form.document-form #signatures>h2{grid-column:1/-1;margin:0 0 4px}
 body.repair-form.document-form #signatures>.signature{margin:0;min-width:0;padding:16px;border-radius:12px}
 body.repair-form.document-form .signature h3{margin:0 0 12px;font-size:15px;font-weight:600;color:#354b5d}
 body.repair-form.document-form .signature label{margin:0 0 14px}
 body.repair-form.document-form textarea{min-height:120px}
 body.repair-form.document-form #total{padding:15px;background:#d1dfe9;border:1px solid #a8bac8;border-radius:10px;font-weight:650}
 body.repair-form.document-form .photo-upload{background:#d1dfe9;border-color:#a8bac8;color:#354b5d}
}
@media screen and (min-width:1200px){
 body.repair-form{--form-side-gap:max(140px,calc((100vw - 1160px)/2))}
 body.repair-form::before,body.repair-form::after{width:var(--form-side-gap)}
 body.repair-form main{width:calc(100% - 2 * var(--form-side-gap));max-width:1160px;margin:0 auto;--form-frame-padding:32px;padding:var(--form-frame-padding)}
 body.repair-form main header{padding:22px var(--form-frame-padding)}
 body.repair-form>.lex-picker{width:calc(100% - 2 * var(--form-side-gap) - 48px);max-width:1112px;margin:24px auto}
}
@media screen and (max-width:700px){
 body.repair-form.document-form #fieldGroups>section,body.repair-form.document-form #signatures{grid-template-columns:1fr;gap:14px}
 body.repair-form.document-form .worker{grid-template-columns:1fr 1fr;gap:14px;padding:15px}
 body.repair-form.document-form .worker>label:first-child{grid-column:1/-1}
 body.repair-form.document-form main header h1{font-size:21px}
}
/* Readable sidebar labels and shared unread-form counts. */
@media screen{
 .portal-shell .sidebar .portal-nav a{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:1.45;letter-spacing:0;color:#f5f7f8;padding:12px 10px;min-height:48px;position:relative}
 .portal-shell .sidebar .portal-nav .nav-sub a{font-size:15px;font-weight:500}
 .portal-shell .sidebar .sidebar-label{font-size:11px;line-height:1.5;letter-spacing:1px;color:#d9e1e6}
 .portal-shell .sidebar .portal-nav a>span:first-child{flex-shrink:0;color:#c9e6f7;font-size:23px}
 .portal-shell .sidebar .portal-nav a:has(.portal-inbox-badge:not([hidden])){padding-right:43px}
 .portal-shell .sidebar :is(.portal-nav,.mobile-menu-panel) a>.portal-inbox-badge{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:auto;min-width:30px;min-height:27px;padding:2px 7px;background:#b52f37;color:#fff;border:1px solid #ffffff88;border-radius:20px;font:700 14px/1.3 Arial,Helvetica,sans-serif;box-shadow:0 2px 5px #0002}
 .portal-shell .sidebar .portal-inbox-badge[hidden]{display:none!important}
 .portal-shell .sidebar .mobile-menu-panel a{position:relative;font-size:16px;line-height:1.4}
 .portal-shell .sidebar .mobile-menu-panel a:has(.portal-inbox-badge:not([hidden])){padding-right:43px}
}

/* Tighter category spacing on the start page. */
.portal-shell [data-portal-view="home"] :is(.form-tiles,.stats,.home-shortcuts){gap:12px;margin-top:14px;margin-bottom:14px}
.portal-shell [data-portal-view="home"] .dashboard-intro{padding-top:18px;padding-bottom:14px}
#employeeAttendance{scroll-margin-top:20px;margin:18px 0;min-width:0}
#employeeAttendance[hidden]{display:none!important}
#employeeAttendance .team-card{margin:12px 0}

/* Compact start-page category rhythm. */
.portal-shell [data-portal-view="home"] :is(.form-tiles,.stats,.home-shortcuts){gap:8px;margin-top:8px;margin-bottom:8px}
.portal-shell [data-portal-view="home"] :is(.form-tile,.home-shortcuts>a){padding:16px}
.portal-shell [data-portal-view="home"] .home-shortcuts h3{margin:10px 0 6px}
.portal-shell [data-portal-view="home"] .home-shortcuts p{margin-bottom:12px}
.portal-shell .sidebar .portal-nav{gap:2px}
.portal-shell .sidebar .portal-nav>a{min-height:38px;padding-top:8px;padding-bottom:8px}

/* Shared WhatsApp shortcut in the right-hand link rail. */
.whatsapp-icon{background:#128c51;color:#fff;box-shadow:inset 0 0 0 1px #ffffff30}
@media(max-width:1199px){.portal-shell .rightbar-links{flex-wrap:wrap}}

.portal-shell .rightbar-links .whatsapp-icon{aspect-ratio:1;flex-shrink:0;background:#25d366}.portal-shell .rightbar-links .whatsapp-icon svg{display:block;flex:none;aspect-ratio:1;width:28px;height:28px;fill:currentColor;stroke:none;transform:none}
@media(max-width:1199px){.portal-shell .rightbar-links .whatsapp-icon svg{width:24px;height:24px}}

.portal-shell .tax-advisor-icon{background:#dceefa;color:#285674;border:1px solid #a9c7dc;aspect-ratio:1;flex-shrink:0}.portal-shell .tax-advisor-icon svg{display:block;flex:none;width:28px;height:28px}@media(max-width:1199px){.portal-shell .tax-advisor-icon svg{width:24px;height:24px}}

/* Crisp shortcut artwork, intentionally without animation. */
.portal-shell .rightbar-links .rightbar-icon{flex-shrink:0;aspect-ratio:1;animation:none}
.portal-shell .rightbar-links .rightbar-icon svg,.portal-shell .rightbar-links .rightbar-icon img{display:block;flex-shrink:0;animation:none}
.portal-shell .rightbar-links .ks-company-icon{background:#fff;overflow:hidden;border:1px solid #d4dce2}
.portal-shell .rightbar-links .ks-company-icon img{width:100%;height:100%;object-fit:contain;padding:2px}
.portal-shell .rightbar-links .world-map-icon{background:#e2eff5;color:#2c6382}
.portal-shell .rightbar-links .world-map-icon svg{width:32px;height:32px}
.portal-shell .rightbar-links .loom-icon{background:#fff;border:1px solid #d8d3f4}
.portal-shell .rightbar-links .loom-icon img{width:30px;height:30px}

/* Full-bleed vector app artwork. */
.portal-shell .rightbar-links :is(.ks-company-icon,.world-map-icon,.tax-advisor-icon){background:transparent;border:0;box-shadow:none;overflow:hidden;padding:0}
.portal-shell .rightbar-links :is(.ks-company-icon,.world-map-icon,.tax-advisor-icon) img{width:100%;height:100%;padding:0;object-fit:contain}
.portal-shell .rightbar-links .rightbar-icon{transition:none}
.portal-shell .rightbar-links a:hover .rightbar-icon{transform:none}

/* Approved document banner, fully visible on desktop and mobile. */
.portal-workspace .order-list .vorgaenge-banner{margin:-28px -28px 24px;overflow:hidden;border-radius:8px 8px 0 0}
.portal-workspace .order-list .vorgaenge-banner img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.portal-workspace .order-list .vorgaenge-banner{margin:-18px -18px 18px}}

.portal-workspace .calendar-section .calendar-banner{margin:-28px -28px 24px;overflow:hidden;border-radius:8px 8px 0 0}
.portal-workspace .calendar-section .calendar-banner img{display:block;width:100%;height:auto;object-fit:contain}
.portal-workspace .calendar-section.is-expanded .calendar-banner{display:none}
@media(max-width:800px){.portal-workspace .calendar-section .calendar-banner{margin:-18px -18px 18px}}

/* Shared content measure, matching the Lexware voucher workspace. */
:root{--portal-content-width:1280px}
.portal-shell .office .portal-workspace{width:100%;max-width:var(--portal-content-width);margin-inline:auto;box-sizing:border-box}
.portal-shell .office .portal-workspace>:is([data-portal-view],.team-workspace,.mail-workspace,.portal-invoice),body .portal-shell .office #angebot-ki,.portal-shell .office .portal-workspace .products-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-inline:0}
.portal-shell.team-design .office .portal-workspace{max-width:var(--portal-content-width)}
@media(min-width:801px){.portal-shell.team-design .sidebar{width:248px}.portal-shell.team-design .office{margin-left:248px;width:calc(100% - 248px);padding-left:36px;padding-right:36px}}
@media(min-width:801px) and (max-width:1100px){.portal-shell.team-design .sidebar{width:220px}.portal-shell.team-design .office{margin-left:220px;width:calc(100% - 220px);padding-left:22px;padding-right:22px}}
@media(min-width:1200px){.portal-shell.team-design .office{padding-right:120px}}
@media(min-width:1800px){.portal-shell.team-design .office{padding-left:48px}}
.portal-shell .office .portal-workspace>.invoice-office{width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}
.portal-shell .office .invoice-office>.topbar{height:auto;margin:0;padding:12px 0 20px}
.portal-refresh-icon{display:inline-block;transform-origin:center;line-height:1}
#lexwareBelege[aria-busy="true"] #voucherRefresh .portal-refresh-icon,#lexTest[aria-busy="true"] .portal-refresh-icon{animation:portal-refresh-turn .9s linear infinite}
@keyframes portal-refresh-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#lexwareBelege #voucherRefresh .portal-refresh-icon,#lexTest .portal-refresh-icon{animation:none}}

.portal-workspace .todo-section .todo-banner{margin:-28px -28px 24px;overflow:hidden;border-radius:8px 8px 0 0}
.portal-workspace .todo-section .todo-banner img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.portal-workspace .todo-section .todo-banner{margin:-18px -18px 18px}}

/* Compact mobile app drawer; desktop rail remains visible. */
.portal-apps-toggle{display:none}
.portal-apps-panel{width:100%}
@media(max-width:1199px){
 .portal-shell .portal-rightbar{background-color:#41484e;background-image:linear-gradient(0deg,transparent 30%,#ffffff05 31%,#ffffff05 32%,transparent 33%),repeating-linear-gradient(108deg,transparent 0,transparent 185px,#ffffff09 187px,transparent 189px,transparent 270px);border:1px solid #ffffff24;border-radius:14px;overflow:hidden}
 .portal-shell .portal-rightbar-content{padding:0;min-height:0;display:block}
 .portal-apps-toggle{display:flex;position:relative;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;padding:22px 18px 12px;border:0;border-radius:0;background:transparent;color:#f0f2f4;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
 .portal-apps-grip{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:34px;height:3px;border-radius:3px;background:#b9c6ce}
 .portal-apps-chevron{font-size:21px;line-height:1}
 .portal-apps-toggle:focus-visible{outline:2px solid #8acdf3;outline-offset:-4px}
 .portal-rightbar-content[data-apps-open="false"] .portal-apps-panel{display:none}
 .portal-shell .portal-rightbar .rightbar-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px 14px 16px;box-sizing:border-box}
 .portal-shell .portal-rightbar .rightbar-links a{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;min-height:94px;padding:12px 4px;font-size:12px;font-weight:500;line-height:1.25;border:1px solid #ffffff16;border-radius:12px;background:#ffffff06;text-align:center;overflow-wrap:anywhere}
 .portal-shell .portal-rightbar .rightbar-links a:hover{background:#ffffff12}
 .portal-shell .portal-rightbar .rightbar-icon{width:40px;height:40px}
 .portal-shell .portal-rightbar .website-label{font-size:12px;letter-spacing:0}
}

/* Keep unread counts small and outside category text. */
.portal-shell .sidebar :is(.portal-nav,.mobile-menu-panel) a>.portal-inbox-badge{min-width:19px;min-height:19px;height:19px;padding:1px 4px;font:600 11px/1 Arial,Helvetica,sans-serif;right:7px;box-sizing:border-box}
.portal-shell .sidebar :is(.portal-nav,.mobile-menu-panel) a:has(.portal-inbox-badge:not([hidden])){padding-right:36px}
.inbox-items{scroll-margin-top:210px;outline:none}
@media(min-width:1000px){.inbox-items{scroll-margin-top:24px}}