.support-view{--support-panel-height:max(260px, calc(100dvh - 260px))}.support-heading{flex-wrap:wrap;align-items:baseline;gap:10px 20px;display:flex}.support-heading h1{margin:0;font-size:clamp(24px,2.6vw,32px)}.support-heading>span{color:#627c8e;font-size:14px}.support-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.support-toolbar .search-field{flex:1;min-width:min(240px,100%)}.support-filter{align-items:center;gap:8px;font-size:14px;display:flex}.support-filter select{border:1px solid var(--line);max-width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:9px;padding:8px}.support-layout{grid-template-columns:minmax(260px,.85fr) minmax(340px,1.3fr);align-items:start;gap:16px;display:grid}.support-list-panel{min-width:0;height:var(--support-panel-height);flex-direction:column;display:flex}.support-session-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:3px;display:flex;overflow-y:auto}.support-session{text-align:left;color:#183b56;overflow-wrap:anywhere;cursor:pointer;background:#fff;border:1px solid #d5e3ec;border-radius:10px;flex-shrink:0;gap:5px;width:100%;padding:12px;display:grid}.support-session strong{align-items:center;gap:8px;font-size:15px;display:flex}.support-session strong svg{flex-shrink:0}.support-session>span{font-size:14px}.support-session small{color:#627c8e;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;display:flex}.support-session-context{color:var(--blue-800)}.support-error-count{color:#983e16;white-space:nowrap;background:#fff0e7;border-radius:6px;padding:3px 6px;font-size:12px}.support-session.selected{background:#eef8fe;border-color:#0878ad;box-shadow:inset 3px 0 #0878ad}.support-session:focus-visible{outline-offset:1px;outline:3px solid #0878ad}.support-pagination{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:14px;display:flex}.support-pagination .secondary-button{min-height:40px;padding:8px 12px}.support-layout .support-details{min-width:0;height:var(--support-panel-height);overflow-wrap:anywhere;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.support-empty{padding:20px}.support-detail-header{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.support-detail-header h2{margin:0;font-size:19px}.support-detail-header p{color:#627c8e;margin:4px 0 0;font-size:14px}.support-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.support-detail-actions .secondary-button{min-height:44px}.support-detail-actions .support-revoke{color:var(--danger);border-color:#e4b9be}.support-detail-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 18px 18px;overflow-y:auto}.support-facts{grid-template-columns:135px minmax(0,1fr);gap:8px 14px;margin:18px 0;font-size:14px;display:grid}.support-facts dt{color:#627c8e}.support-facts dd{margin:0}.support-details h3{align-items:center;gap:8px;margin:20px 0 10px;font-size:16px;display:flex}.support-error{background:#fff7f3;border-left:3px solid #d55b2b;gap:7px;margin-top:10px;padding:12px;font-size:14px;display:grid}.support-error small{color:#627c8e;font-size:12px}.support-error summary,.support-technical summary,.support-help summary{cursor:pointer;padding:6px 0;font-size:14px}.support-error p{margin:8px 0}.support-error ul{max-height:160px;padding-left:20px;overflow-y:auto}.support-confirm{background:#fff8ef;border:1px solid #e2a36c;border-radius:10px;flex-basis:100%;padding:12px;font-size:14px}.support-confirm p{color:var(--ink);margin:8px 0 12px}.support-confirm>div{flex-wrap:wrap;gap:8px;display:flex}.support-more-errors{margin-top:14px}.support-technical{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.support-help{color:#627c8e;margin-top:12px;font-size:14px}@media (width<=1050px){.support-layout{grid-template-columns:1fr}.support-layout:not(.support-has-selection) .support-details,.support-has-selection .support-list-panel{display:none}.support-view{--support-panel-height:max(250px, calc(100dvh - 285px))}}@media (width<=480px){.support-filter{flex:1}.support-toolbar{gap:8px}.support-toolbar .search-field{flex-basis:100%}.support-facts{grid-template-columns:110px minmax(0,1fr);gap:8px}.support-detail-header,.support-detail-body{padding-left:12px;padding-right:12px}.support-detail-header{padding-top:12px;padding-bottom:12px}}@media (height<=550px){.support-view{--support-panel-height:max(220px, calc(100dvh - 100px))}}@media (width<=840px){.support-view.support-selection-open{--support-panel-height:max(150px, calc(100dvh - 165px - env(safe-area-inset-bottom)));margin-top:16px}.support-selection-open .support-heading,.support-selection-open .support-toolbar,.support-selection-open .support-help{display:none}}.company-kilometer-search{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.company-kilometer-search label{flex:1;min-width:200px}.company-kilometer-selection{background:#f2faf7;border:1px solid #acd9ca;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.company-kilometer-selection>span{overflow-wrap:anywhere;flex:1;min-width:0}.company-kilometer-selection small,.company-kilometer-results small{color:var(--muted,#667e91);margin-top:4px;display:block}.company-kilometer-results{border:1px solid #cdddea;border-radius:10px;max-height:300px;overflow:auto}.company-kilometer-results button{text-align:left;color:#123854;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e2eaf0;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:13px 15px;display:flex}.company-kilometer-results button:hover,.company-kilometer-results button:focus-visible{background:#eaf5fc}.company-kilometer-results>p{padding:12px}.company-work-order-checkbox{cursor:pointer;align-items:center;gap:10px;line-height:1.5;display:flex}.company-work-order-checkbox input{accent-color:#007ab1;flex:none;width:19px;height:19px}@media (width<=600px){.company-kilometer-selection{flex-wrap:wrap}.company-kilometer-selection .secondary-button{margin-left:auto}.company-kilometer-search>.secondary-button{width:100%}}.pdf-viewer{color:#123956;width:100%;min-width:0}.pdf-viewer-toolbar{background:#f5f9fc;border-bottom:1px solid #d5e2eb;border-radius:8px 8px 0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.875rem;display:flex}.pdf-viewer-toolbar .secondary-button{min-height:40px;padding:8px}.pdf-viewer-toolbar label{align-items:center;gap:7px;margin-left:auto;display:flex}.pdf-viewer-toolbar select{max-width:160px;color:inherit;font:inherit;background:#fff;border:1px solid #bdcfdd;border-radius:7px;padding:9px}.pdf-viewer-viewport{box-sizing:border-box;background:#e8eff3;width:100%;min-height:240px;padding:12px;overflow:auto}.pdf-viewer-page{width:max-content;margin:0 auto}.pdf-viewer-page canvas{background:#fff;display:block;box-shadow:0 4px 20px #12395622}.pdf-viewer-status,.pdf-viewer-error{text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;padding:28px 12px;font-size:.9375rem;display:flex}.pdf-viewer-error{color:#853a21;flex-direction:column}.pdf-viewer-error p{margin:0}.pdf-viewer-accessible-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pdf-print-root{display:none}@media (width<=620px){.pdf-viewer-toolbar label{margin-left:0}.pdf-viewer-toolbar{gap:6px}.pdf-preview-stage{display:block}}@media print{@page werkbon-pdf{size:A4;margin:0}body.printing-pdf-pages{background:#fff!important;margin:0!important;padding:0!important}body.printing-pdf-pages>:not(.pdf-print-root){display:none!important}body.printing-pdf-pages>.pdf-print-root{display:block!important}.pdf-print-sheet{page:werkbon-pdf;break-after:page;break-inside:avoid;width:210mm;height:297mm;overflow:hidden}.pdf-print-sheet:last-child{break-after:auto}.pdf-print-sheet img{object-fit:contain;width:100%;height:100%;display:block}}.odcs-settings{color:#173b54;background:#f8fbfd;border:1px solid #cbdcea;border-radius:12px;min-width:0;margin-block:1rem;padding:1rem}.odcs-settings header{align-items:flex-start;gap:.7rem;display:flex}.odcs-settings header>div{flex:1;min-width:0}.odcs-settings h3{margin:0;font-size:1.1rem}.odcs-settings p{font-size:.9rem;line-height:1.5}.odcs-enable{align-items:center;gap:.7rem;margin-block:1rem;font-size:1rem;font-weight:600;display:flex}.odcs-enable input{accent-color:#076fa3;flex-shrink:0;width:20px;height:20px}.odcs-code{background:#fff;border:1px solid #3180b4;border-radius:8px;margin-block:1rem;padding:.8rem}.odcs-code>code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:.6rem;display:block}.odcs-installations,.odcs-commands ul{padding:0;list-style:none}.odcs-installations>li{border-bottom:1px solid #d6e2eb;justify-content:space-between;align-items:flex-start;gap:.8rem;padding-block:1rem;display:flex}.odcs-installations>li>div{gap:.4rem;min-width:0;font-size:.875rem;display:grid}.odcs-id{overflow-wrap:anywhere;font-size:.875rem}.odcs-error{color:#9d321c}.odcs-commands{margin-top:1rem}.odcs-commands summary{cursor:pointer;font-size:1rem;font-weight:600}.odcs-commands ul{max-height:25rem;overflow:auto}.odcs-commands li{border-bottom:1px solid #d6e2eb;gap:.35rem;padding-block:.8rem;display:grid}.odcs-status{font-size:.875rem}.odcs-status.pending,.attachment-source-badge.pending{color:#8b5500}.odcs-status.completed,.attachment-source-badge.completed{color:#17765c}.odcs-status.failed,.attachment-source-badge.failed{color:#9d321c}@media (width<=540px){.odcs-installations>li{flex-direction:column}.odcs-settings{padding:.75rem}}.relation-contacts{border-top:1px solid var(--line);min-width:0;margin-top:18px;padding-top:16px}.relation-contacts-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.relation-contacts-heading h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.relation-contacts-heading h3 span{background:var(--blue-50);color:var(--blue-800);border-radius:20px;padding:3px 8px;font-size:13px}.relation-contacts-heading button{min-width:44px;min-height:44px;padding:10px}.contact-search-label{margin-bottom:8px;font-size:14px;display:block}.relation-contacts>p{color:#627c8e;margin:12px 0;font-size:14px}.contact-person-list{overscroll-behavior:contain;max-height:360px;margin:12px 0 0;padding:0 6px 0 0;list-style:none;overflow-y:auto}.contact-person{border:1px solid var(--line);overflow-wrap:anywhere;background:#fbfdff;border-radius:10px;margin-bottom:8px;padding:12px}.contact-person>strong{font-size:16px;display:block}.contact-person-role{color:#627c8e;margin-top:3px;font-size:14px;display:block}.contact-person-links{flex-wrap:wrap;gap:0 16px;margin-top:6px;font-size:14px;display:flex}.contact-person-links a{max-width:100%;min-height:40px;color:var(--blue-800);text-underline-offset:3px;align-items:center;gap:8px;text-decoration:underline;display:flex}.contact-person-links a svg{flex-shrink:0}.contact-person-links a span{overflow-wrap:anywhere;min-width:0}.contact-person-links a:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px}@media (width<=480px){.contact-person-links{flex-direction:column}.contact-person-list{max-height:340px}}