/* Refinements of the approved visual system. Original colors, type, illustrations retained. */
main{max-width:1600px;margin-inline:auto;width:100%}.column{overflow-wrap:anywhere}.page-heading{margin-bottom:20px}.panel{margin-bottom:20px}.panel-head{padding:16px 20px}.panel-body{padding:20px}.panel-body p{font-size:13px}.sidebar-footer .btn{justify-content:flex-start}.sidebar .nav-link{min-height:43px}.hero.ux-welcome{min-height:190px;padding:22px 28px;gap:24px;margin-bottom:20px}.ux-welcome h2{font-size:25px}.ux-welcome p{margin:5px 0 14px;font-size:13px}.ux-welcome .scene{width:235px;height:170px}.ux-hero-actions{display:flex;gap:22px;margin-top:12px}.hero.compact{min-height:120px;padding:18px 25px}.hero.compact .scene{width:175px;height:120px}.hero.compact h2{font-size:23px}.hero.compact p{margin-bottom:0}.stats{margin-bottom:20px}.ux-action-row{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line)}.ux-action-row:last-child{border-bottom:0}.ux-action-row h3{font-size:14px;margin:0}.ux-action-row p{font-size:13px;color:var(--muted);margin:3px 0}.ux-action-row small{color:var(--muted)}.ux-grow{flex:1;min-width:0}.ux-all-clear{display:flex;gap:10px;padding:24px;color:var(--brand)}.ux-nowrap{white-space:nowrap}.ux-quick-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.ux-quick-service{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:12px;transition:border-color .15s,transform .15s}.ux-quick-service:hover{border-color:var(--brand);transform:translateY(-2px)}.ux-quick-service>div{flex:1;min-width:0}.ux-quick-service h3{font-size:14px;margin:0 0 4px}.ux-quick-service small{color:var(--muted)}.ux-filters{margin-bottom:18px}.ux-secondary-note{padding:5px 0 22px;color:var(--muted);font-size:13px;display:flex;gap:10px;flex-wrap:wrap}.ux-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:17px}.ux-bar-row .progress-track{flex:1;margin:0}.ux-bar-row .badge{min-width:108px}.ux-result-heading{padding:16px 20px 10px;color:var(--muted);font-size:12px;background:var(--bg);margin:0}.ux-search-results .record-row{padding:16px 20px}#command-results{margin-top:16px;max-height:58vh;overflow:auto}.ux-inbox{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 280px);min-height:490px;max-height:820px}.ux-thread-list{border-inline-end:1px solid var(--line);overflow:auto;min-height:0}.ux-thread-search{display:flex;gap:6px;padding:14px;position:sticky;top:0;background:var(--surface);z-index:1;border-bottom:1px solid var(--line)}.ux-thread-search input{min-width:0}.ux-thread{display:block;padding:17px 16px;border-bottom:1px solid var(--line);border-inline-start:3px solid transparent}.ux-thread:hover{background:var(--bg)}.ux-thread.selected{background:var(--tint);border-inline-start-color:var(--brand)}.ux-thread-title{display:flex;align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:6px}.ux-thread-title strong{font-size:13px;line-height:1.7}.ux-thread small{color:var(--muted);font-size:11px}.ux-thread p{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0}.ux-conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface)}.ux-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.ux-conversation-head h2{font-size:15px;margin:0 0 5px}.ux-conversation-head small{color:var(--muted)}.ux-conversation-head .btn{flex-shrink:0}.ux-messages{flex:1;overflow:auto;padding:22px;background:var(--bg);display:flex;flex-direction:column;gap:14px;min-height:120px}.ux-message{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 17px;max-width:92%;width:fit-content;min-width:60%}.ux-message.internal{border-style:dashed;background:var(--tint)}.ux-message-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-bottom:9px}.ux-message-meta strong{color:var(--ink)}.ux-message p{font-size:13px;line-height:1.9;margin:0;white-space:pre-wrap}.ux-compose{padding:16px 22px;border-top:1px solid var(--line)}.ux-compose form{margin-top:0!important;gap:9px}.ux-compose textarea{min-height:65px;height:65px;resize:vertical;max-height:150px}.ux-compose label{font-size:12px}.ux-compose .caption{font-size:11px}.ux-compose p{margin:0}.record-row .record-copy{min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.role-select{max-width:185px}table td a strong{display:block}html[data-theme=dark] .ux-thread.selected{background:#263e31}
@media(min-width:1600px){.hero.ux-welcome{min-height:190px}}
@media(max-width:1100px){.ux-inbox{grid-template-columns:260px minmax(0,1fr)}.ux-conversation-head{flex-wrap:wrap}.ux-quick-services{gap:10px}.ux-quick-service{padding:14px;flex-wrap:wrap}.ux-welcome .scene{width:190px}.ux-action-row .btn{flex-shrink:0}}
@media(max-width:760px){.ux-inbox{grid-template-columns:1fr;height:auto;max-height:none;min-height:0}.ux-thread-list{max-height:240px;border-inline-end:0;border-bottom:1px solid var(--line)}.ux-thread{padding:13px 16px}.ux-thread-title{flex-direction:row;justify-content:space-between}.ux-thread p{margin-top:3px}.ux-conversation{min-height:460px}.ux-messages{max-height:370px}.ux-conversation-head{padding:16px}.ux-conversation-head .btn{min-height:36px}.ux-compose{padding:14px 16px}.ux-message{max-width:100%;width:100%}.ux-message-meta{flex-wrap:wrap;gap:3px}.ux-action-row{padding:15px;gap:10px;flex-wrap:wrap}.ux-action-row .ux-grow{min-width:calc(100% - 65px)}.ux-action-row .btn{margin-inline-start:52px}.hero.ux-welcome{padding:20px;min-height:190px}.ux-welcome .scene{width:130px;height:110px;opacity:.35}.ux-welcome h2{font-size:21px;max-width:80%}.ux-welcome p{max-width:82%;font-size:12px}.ux-quick-services{grid-template-columns:1fr}.ux-quick-service{flex-wrap:nowrap}.ux-hero-actions{font-size:12px}.role-select{max-width:140px;font-size:11px}.top-actions{gap:4px}.hero.compact{min-height:100px}.hero.compact .scene{height:90px;width:100px}.hero.compact h2{font-size:21px}.hero.compact p{font-size:12px}.filters{flex-wrap:wrap}.filters>input,.filters>select{min-width:0;max-width:100%}.ux-nowrap{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.ux-nav-tools{margin-top:8px;border-top:1px solid var(--line);padding-top:7px}.ux-nav-tools summary{cursor:pointer;padding:10px 14px;color:var(--muted);font-size:12px}.ux-nav-tools .nav-link{font-size:12px}
.top-actions .icon-btn.language{white-space:nowrap;overflow-wrap:normal;word-break:normal;padding:0;min-width:34px;flex-shrink:0}
@media(min-width:761px){.ux-inbox{height:clamp(440px,calc(100dvh - 390px),760px)}}
/* Natural placement: transaction types, illustrated services, bell panel, account settings. */
.ux-home-services{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;align-items:stretch}.ux-home-services .service-card>a{display:flex;flex-direction:column;height:100%}.ux-home-services .card-copy{flex:1;display:flex;flex-direction:column}.ux-home-services .card-copy p{flex:1}.ux-home-services .card-bottom{margin-top:18px}
.ux-transactions-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0 22px}.ux-type-tabs{display:flex;gap:3px;padding:5px;border:1px solid var(--line);background:var(--tint);border-radius:12px}.ux-type-tab{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;font-size:13px;font-weight:700;color:var(--muted);border-radius:9px;white-space:nowrap}.ux-type-tab.active{background:var(--surface);color:var(--brand);box-shadow:0 2px 6px #173c2910}.ux-type-tab:hover{color:var(--brand)}.ux-transaction-search{display:flex;gap:10px;flex:1;max-width:520px;min-width:290px}.ux-search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 11px;flex:1;min-width:0}.ux-search-field>input{border:0;background:transparent;min-width:0;width:100%;padding-inline:0}.ux-search-field>.icon{flex-shrink:0;color:var(--muted)}.ux-search-field>.icon-btn{flex-shrink:0;border:0;width:28px;min-width:28px;padding:0}.ux-transaction-search>select{width:auto;min-width:130px;font-size:12px}.ux-type-description{font-size:13px;color:var(--muted);margin:-4px 0 20px;line-height:1.9}.ux-transactions-table table{min-width:770px}.ux-transactions-table td{padding-block:20px}.ux-transactions-table td:first-child{min-width:230px}
.ux-bell{position:relative;flex-shrink:0}.ux-notification-count{position:absolute;inset-inline-end:-4px;top:-4px;min-width:17px;height:17px;padding:0 3px;border-radius:9px;background:var(--brand);color:var(--surface);font-size:9px;line-height:17px;box-shadow:0 0 0 2px var(--surface)}
dialog.ux-notification-panel{position:fixed;inset:auto;top:74px;inset-inline-end:24px;margin:0;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 94px);padding:0;border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 65px #182c3429;background:var(--surface);color:var(--ink);overflow:auto}dialog.ux-notification-panel::backdrop{background:#172b221a;backdrop-filter:none}.ux-notification-panel .dialog-head{position:sticky;top:0;z-index:1;background:var(--surface);padding:16px 20px}.ux-notification-panel .dialog-body{padding:0}.ux-notification-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--bg);font-size:11px;color:var(--muted)}.ux-notification-summary .btn{font-size:11px;padding:6px;min-height:34px}.ux-notification{display:flex;align-items:flex-start;gap:10px;padding:17px 16px;border-bottom:1px solid var(--line)}.ux-notification.unread{background:var(--tint)}.ux-notification:last-child{border-bottom:0}.ux-notification .icon-tile{flex-shrink:0;width:32px;height:32px}.ux-notification>.icon-btn{flex-shrink:0;width:30px;min-width:30px;padding:0}.ux-notification-content{flex:1;min-width:0;border:0;background:none;text-align:start;color:var(--ink);font:inherit;padding:0;cursor:pointer}.ux-notification-content strong{font-size:13px;line-height:1.8;display:block}.ux-notification-content p{font-size:12px;color:var(--muted);line-height:1.8;margin:5px 0 9px}.ux-notification-content small{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--brand)}.ux-notification-content small .icon{width:15px;height:15px}.ux-notification-settings select{max-width:360px}.ux-notification-settings .caption{margin-top:10px;line-height:1.9}
@media(max-width:1100px){.ux-transactions-toolbar{align-items:stretch}.ux-transaction-search{max-width:none}.ux-type-tab{padding-inline:14px}}
@media(max-width:760px){.ux-home-services{grid-template-columns:1fr}.ux-transactions-toolbar{gap:13px;margin-block:20px}.ux-type-tabs{width:100%;gap:2px;padding:4px}.ux-type-tab{flex:1;padding:9px 7px;font-size:11px;white-space:normal;text-align:center}.ux-transaction-search{width:100%;min-width:0;flex-wrap:wrap}.ux-search-field{flex-basis:100%}.ux-transaction-search>select{width:100%;min-width:0}.ux-transactions-table td{padding-block:16px}dialog.ux-notification-panel{top:66px;inset-inline-end:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 82px)}.ux-notification-summary{flex-wrap:wrap}.ux-notification-content strong{font-size:12px}}
/* The existing navigation and tab system, with a ITSM sidebar palette. */
.sidebar{background:linear-gradient(160deg,#173d36 0%,#234b41 46%,#183c39 76%,#263e35 100%);border-inline-end-color:#34564a;color:#f3f6f1}.sidebar .brand strong{color:#fff}.sidebar .brand small,.sidebar .workspace-label,.sidebar-user small{color:#c0d1c4}.sidebar .brand{padding-bottom:19px;border-bottom:1px solid #ffffff1a}.sidebar .nav-link{color:#e0ebe3}.sidebar .nav-link:hover{background:#ffffff10;color:#fff}.sidebar .nav-link.active{background:#e7eddf;color:#254b3b;box-shadow:inset 0 0 0 1px #eef4e433}.sidebar .nav-link.active:before{background:#c5b27b}.sidebar .sidebar-footer .btn{color:#e1e9de}.sidebar .sidebar-footer .btn:hover{background:#ffffff12;color:white}.sidebar .sidebar-user{color:#f2f5ec;border-top:1px solid #ffffff1a;padding-top:14px;margin-top:8px}.sidebar .avatar{color:#364d41;background:#e2e7d9}.sidebar .ux-nav-tools{border-color:#ffffff20}.sidebar .ux-nav-tools summary{color:#c3d1c5}.sidebar .brand img{box-shadow:0 0 0 1px #ffffff20;border-radius:12px}
.ux-original-type-tabs{margin:0;flex-shrink:0}.ux-original-type-tabs .tab{white-space:nowrap;font-size:12px}.ux-transactions-toolbar{gap:15px}.catalog-groups .service-card{height:100%}.catalog-groups .service-card>a{display:flex;flex-direction:column;height:100%}.catalog-groups .card-copy{flex:1;display:flex;flex-direction:column}.catalog-groups .card-copy p{flex:1}.catalog-groups .card-bottom{margin-top:16px}.offering-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.offering-facts div{min-width:0}.offering-facts dt{font-size:11px;color:var(--muted);margin-bottom:4px}.offering-facts dd{font-size:13px;margin:0;color:var(--ink);overflow-wrap:anywhere}.form-grid>[hidden]{display:none!important}.settings-content{max-width:930px}.settings-tabs{flex-wrap:wrap}.settings-content .task small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.settings-content .task input{flex-shrink:0}.settings-content .panel-body>p{font-size:13px;line-height:1.9}.settings-content .record-row{padding-inline:0}
html[data-text-size=large] main p,html[data-text-size=large] main td,html[data-text-size=large] main label,html[data-text-size=large] main input,html[data-text-size=large] main select,html[data-text-size=large] main textarea{font-size:15px}html[data-text-size=large] main small,html[data-text-size=large] main .caption{font-size:13px}html[data-density=compact] main td{padding-block:10px}html[data-density=compact] main .record-row{padding-block:10px}html[data-density=compact] main .panel-body{padding:16px}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:760px){.ux-original-type-tabs{width:100%;display:flex;gap:2px;overflow:visible}.ux-original-type-tabs .tab{flex:1;padding:9px 6px;font-size:11px;white-space:normal;text-align:center}.offering-facts{grid-template-columns:1fr}.settings-tabs .tab{font-size:11px;padding:9px 10px}.settings-content{max-width:100%}.catalog-groups{grid-template-columns:1fr}}
/* Record-led incident detail and a concise employee demand intake. */
.incident-description{padding:0 0 18px;border-bottom:1px solid var(--line)}.incident-description p{margin-top:8px;color:var(--ink);font-size:14px;line-height:2;white-space:pre-wrap}.incident-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;margin:20px 0 0}.incident-facts dt,.demand-facts dt{font-size:11px;color:var(--muted);margin-bottom:5px}.incident-facts dd,.demand-facts dd{margin:0;font-size:13px;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}.incident-attachment{display:flex;gap:10px;padding:16px 0 0;margin-top:16px;border-top:1px solid var(--line);font-size:12px}.incident-attachment small{display:block;color:var(--muted);margin-top:4px}.incident-next{border-inline-start:3px solid var(--brand);background:var(--tint)}.incident-next .panel-body>div>p{color:var(--ink);margin-top:6px;line-height:1.9}.incident-next .inline-actions{margin-top:14px}.incident-next blockquote{margin:14px 0 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:13px;white-space:pre-wrap}.incident-next blockquote p{color:var(--ink);margin-top:6px}.incident-tabs{gap:8px;display:flex;width:fit-content;margin-bottom:18px}.incident-tabs .tab{display:flex;align-items:center;gap:8px}.incident-tabs .nav-count{margin:0;background:var(--tint);min-width:22px;text-align:center}.incident-time{font-size:23px;color:var(--brand)}.incident-layout aside .caption{line-height:1.9;margin-top:10px}.record-messages{display:flex;flex-direction:column;gap:16px;min-height:100px}.record-message{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px;width:min(94%,640px);font-size:13px}.record-message.requester{align-self:flex-end;background:var(--tint)}.record-message.internal{border-style:dashed}.record-message-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px}.record-message-meta time{color:var(--muted);font-size:10px}.record-message p{color:var(--ink);white-space:pre-wrap;line-height:1.9;margin-top:10px}.record-message>.caption{display:block;margin-top:8px}.record-message>.caption .icon{width:14px;height:14px;margin-inline-end:5px}.incident-conversation form{border-top:1px solid var(--line);padding-top:20px}.incident-conversation textarea{min-height:100px}.ux-messages .record-messages{width:100%}.record-history{list-style:none;padding:0;margin:0}.record-history li{display:flex;gap:14px;position:relative;padding-bottom:25px}.record-history li:last-child{padding-bottom:0}.record-history li:not(:last-child):before{content:'';position:absolute;inset-inline-start:16px;top:34px;bottom:0;width:1px;background:var(--line)}.record-history-icon{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:var(--tint);color:var(--brand);flex-shrink:0}.record-history-icon .icon{width:16px;height:16px}.record-history strong{font-size:13px;font-weight:600;display:block;white-space:pre-wrap}.record-history small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.record-messages .empty{padding:22px 10px}.demand-intake-layout .form-grid{margin-top:24px}.demand-intake-layout .form-grid>.caption{margin:0}.demand-intake-layout label{font-size:12px}.demand-intake-layout textarea{line-height:1.9}.demand-intake-layout .form-footer{padding-top:20px;border-top:1px solid var(--line);margin-top:5px;gap:8px}.demand-extra{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:15px 16px}.demand-extra summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--brand)}.demand-extra .form-grid{margin-top:18px}.demand-extra input,.demand-extra textarea{background:var(--surface)}.demand-tips{margin:0 0 18px;padding-inline-start:20px;font-size:13px;line-height:2}.demand-tips li{padding-inline-start:6px;margin-bottom:12px}.demand-intake-layout aside .caption{line-height:1.9}.demand-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:20px 0;padding:20px 0;border-block:1px solid var(--line)}.demand-facts dd{line-height:1.9}.demand-review-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.demand-review-title h2{font-size:18px}.demand-review-title p{margin-top:3px;font-size:12px}.preserve-lines{white-space:pre-wrap;line-height:2;margin-top:8px;color:var(--ink)}.demand-attachments{margin:16px 0;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-size:12px}.demand-attachments>div{display:flex;align-items:center;gap:9px;margin:12px 0}.demand-attachments>div span{flex:1;overflow-wrap:anywhere;min-width:0}.demand-attachments small{white-space:nowrap;color:var(--muted)}.demand-attachments .caption{margin-top:12px;line-height:1.9}.demand-error{background:#fff1ef;border:1px solid #e6b7b0;color:#973d36;padding:12px;border-radius:8px}.demand-error[hidden]{display:none}.demand-intake-layout .notice p{flex:1}
@media(max-width:1150px){.incident-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.incident-facts{gap:16px 12px}.incident-description p{font-size:13px}.incident-tabs{width:100%;gap:2px}.incident-tabs .tab{flex:1;justify-content:center;padding:9px 7px;font-size:11px}.incident-tabs .icon{width:17px}.record-message{width:100%;padding:13px}.record-history strong{font-size:12px}.demand-facts{grid-template-columns:1fr}.demand-intake-layout .form-footer>.primary{margin-inline-start:auto}.demand-intake-layout .form-footer .btn{padding-inline:12px}.demand-extra{padding:12px}.demand-review-title h2{font-size:16px}.incident-next .inline-actions{flex-wrap:wrap}.incident-next .btn{white-space:normal}.demand-intake-layout .steps b{font-size:10px}}
/* Continuous incident reading order: stages, summary, timeline, conversation. */
.incident-stages .steps{margin:0}.incident-stages .incident-next{border-inline-start:0;border-top:1px solid var(--line);border-radius:0 0 14px 14px}.incident-stages .incident-next .panel-body{padding-block:14px}.incident-stages .incident-next .caption{font-size:11px}.incident-timeline .record-history-icon{width:12px;height:12px;margin:6px 10px;background:var(--gold)}.incident-timeline .record-history-icon .icon{display:none}.incident-timeline .record-history li{gap:12px;padding-bottom:22px}.incident-timeline .record-history li:last-child{padding-bottom:0}.incident-timeline .record-history li:not(:last-child):before{top:23px;inset-inline-start:16px}.incident-timeline .record-history strong{font-weight:650}.incident-conversation .record-message{width:100%;max-width:none}.incident-conversation .record-messages{gap:12px}.incident-conversation .record-message.requester{background:var(--tint)}
/* Clearer intake, page navigation and reading sizes throughout the existing UI. */
html{font-size:15px}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}.panel-head h2{font-size:18px}.panel-body p,.panel-body label,.panel-body input,.panel-body select,.panel-body textarea{font-size:14px}.btn{font-size:14px}.caption,main small{font-size:12px}.sidebar .nav-link,.sidebar .sidebar-footer .btn{font-size:13px}.sidebar-user strong{font-size:13px}.sidebar-user small,.sidebar .workspace-label,.sidebar .brand small{font-size:11px}.role-select{font-size:12px;max-width:190px;width:150px}.crumb,.top-search{font-size:12px}.tab,.ux-original-type-tabs .tab{font-size:13px}.record-row strong,.ux-thread-title strong{font-size:14px}.record-row small,.ux-thread small,.ux-thread p{font-size:12px}.record-history strong,.record-message p,.incident-description p,.incident-facts dd,.demand-facts dd,.offering-facts dd{font-size:14px}.record-history small,.record-message-meta,.record-message-meta time,.incident-facts dt,.demand-facts dt,.offering-facts dt,.facts dt,.incident-stages .incident-next .caption{font-size:12px}.service-card h3,.ux-action-row h3{font-size:16px}.service-card p,.service-card .card-bottom,.ux-action-row p{font-size:13px}table td{font-size:14px}table th{font-size:12px}.badge{font-size:11px}.steps li{font-size:12px}.demand-intake-layout label,.settings-tabs .tab{font-size:13px}.hero.ux-welcome p{font-size:14px}.page-navigation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.page-navigation .eyebrow{margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;gap:9px}.breadcrumbs span{padding:0}.breadcrumbs a{border-bottom:1px solid transparent;padding-block:3px}.breadcrumbs a:hover{color:var(--brand);border-color:currentColor}.page-back{padding:5px 10px 5px 0;min-height:34px;gap:6px;border-inline-end:1px solid var(--line);padding-inline:0 14px;border-radius:0}.back-arrow{transform:scaleX(-1);width:17px}[dir=rtl] .back-arrow{transform:none}.priority-picker{border:0;min-width:0;padding:0;margin:2px 0 8px}.priority-picker legend{font-weight:700;font-size:15px;padding:0}.priority-picker>p{font-size:13px;color:var(--muted);margin:5px 0 13px}.priority-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.priority-choice{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.priority-choice:has(input:checked){border-color:var(--brand);background:var(--tint);box-shadow:inset 0 0 0 1px var(--brand)}.priority-choice input{width:18px;height:18px;flex-shrink:0;margin:3px 0 0;accent-color:var(--brand)}.priority-choice strong{display:block;font-size:14px}.priority-choice small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:4px}.priority-choice bdi{font-size:14px}.quick-conversation{position:fixed;inset-inline-end:24px;bottom:24px;z-index:24;width:60px;height:60px;border-radius:50%;border:2px solid #c9ac68;background:#075642;color:white;box-shadow:0 6px 22px #163f3835;display:grid;place-items:center;padding:0}.quick-conversation>.icon{width:27px;height:27px}.quick-conversation>span{position:absolute;inset-inline-end:72px;white-space:nowrap;padding:7px 13px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;font-size:13px;color:var(--ink);opacity:0;pointer-events:none}.quick-conversation:hover>span,.quick-conversation:focus-visible>span{opacity:1}.quick-conversation:hover{background:#08634d}.incident-conversation,.ux-conversation{scroll-margin-top:100px}.page-footer{padding-bottom:65px}#toast{bottom:95px}.incident-timeline .record-history li:last-child .record-history-icon{background:var(--brand);box-shadow:0 0 0 4px var(--tint)}
html[data-text-size=large] main p,html[data-text-size=large] main td,html[data-text-size=large] main label,html[data-text-size=large] main input,html[data-text-size=large] main select,html[data-text-size=large] main textarea{font-size:17px}html[data-text-size=large] main small,html[data-text-size=large] main .caption{font-size:14px}
@media(max-width:760px){.page-heading h1{font-size:26px}.page-heading p{font-size:14px}.panel-head h2{font-size:17px}.panel-body p,.panel-body label,.panel-body input,.panel-body select,.panel-body textarea{font-size:14px}.btn,.heading-actions .btn{font-size:13px}.top-actions{gap:4px}.role-select{width:110px;max-width:110px;font-size:12px}.breadcrumbs{font-size:11px;gap:7px}.page-navigation{gap:10px}.page-back{font-size:13px;padding-inline-end:10px}.record-history strong,.record-message p,.incident-description p{font-size:14px}.record-history small,.record-message-meta time{font-size:12px}.tab,.ux-original-type-tabs .tab{font-size:12px}.steps li{font-size:11px}.priority-choice{padding:12px;gap:8px}.priority-choice strong{font-size:13px}.priority-choice small{font-size:12px}.priority-picker>p{font-size:13px}.service-card h3{font-size:14px}.service-card p,.service-card .card-bottom{font-size:12px}.record-row strong{font-size:13px}.record-row small{font-size:12px}.quick-conversation{width:54px;height:54px;inset-inline-end:16px;bottom:max(18px,env(safe-area-inset-bottom))}.quick-conversation>span{inset-inline-end:64px}.demand-intake-layout .steps b{font-size:11px}}
table td strong{font-size:14px}table td small{font-size:12px}.stat-top{font-size:12px}.stat small{font-size:12px}.context-control,.context-control select{font-size:12px}.panel-body .timeline,.panel-body .timeline small{font-size:13px}

/* Pointer clicks stay visually quiet; keyboard navigation retains focus cues. */
html[data-input-mode=pointer] :focus{outline:none!important}
html[data-input-mode=pointer] :is(input,textarea,select):focus{border-color:var(--line);box-shadow:none}
/* Localized file picker retains the native chooser and keyboard operation. */
.file-picker{display:flex;align-items:center;gap:16px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-weight:400}.file-picker-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--tint);color:var(--brand);font-size:14px;font-weight:700;cursor:pointer;overflow:hidden}.file-picker-trigger .icon{width:19px;height:19px}.file-picker-trigger:hover{border-color:var(--brand)}.file-picker-trigger input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer;border:0}.file-picker-status{flex:1;min-width:0;font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}.file-picker.has-selection .file-picker-status{color:var(--ink)}html[data-input-mode=keyboard] .file-picker-trigger:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:540px){.file-picker{gap:10px;flex-wrap:wrap}.file-picker-trigger{padding:10px 13px;font-size:13px}.file-picker-status{flex-basis:150px;font-size:13px}}