/* Responsive corrections from the live 2026-11-06 audit. No theme tokens. */
html #appShell #page-contract-studio .sw-submission-card{
 display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:auto;padding:14px;gap:10px;box-sizing:border-box;align-items:stretch;justify-content:flex-start
}
html #appShell #page-contract-studio .sw-submission-card>*{position:static;inset:auto;transform:none;width:auto;max-width:100%;min-width:0;flex:none;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
html #appShell #page-contract-studio .sw-submission-card>.sw-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.04em}
html #appShell #page-contract-studio .sw-submission-card>strong{font-size:16px;line-height:1.5}
html #appShell #page-contract-studio .sw-submission-card>p,html #appShell #page-contract-studio .sw-submission-card>small{font-size:12px;line-height:1.6;margin:0}
html #appShell #page-contract-studio .sw-submission-card>.sw-button{min-height:40px;font-size:12px;line-height:1.5;padding:8px}
html #appShell #page-contract-studio .sw-folder-caption strong,html #appShell #page-contract-studio .sw-folder-count{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:900px){
 html #appShell #page-contract-studio .sw-appointment-column:has(.sw-submission-card){grid-column:1/-1;grid-row:2;width:100%;max-width:100%;min-width:0}
 html #appShell #page-contract-studio .sw-submission-card{width:100%;text-align:start}
 html #appShell #page-contract-studio [data-studio-workspace]{padding-bottom:100px}
}
/* A modal owns interaction while open; the floating launcher returns on close. */
body:has(.modal.is-open,.module-modal.is-open,dialog[open]) #w360Edge{visibility:hidden!important;pointer-events:none!important}
@media(max-width:1200px) and (min-width:821px){
 html #appShell #page-platform-dashboard .platform-operations-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;height:auto!important;gap:16px!important}
 html #appShell #page-platform-dashboard .platform-operations-layout>.platform-agenda-panel,
 html #appShell #page-platform-dashboard .platform-operations-layout>.platform-insights-column,
 html #appShell #page-platform-dashboard .platform-operations-layout>.staff-sales-panel{grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0!important;height:auto!important}
 html #appShell #page-platform-dashboard .platform-operations-layout>.platform-insights-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:1200px){
 html #appShell #page-platform-dashboard .platform-agenda-panel>header{flex-wrap:wrap!important;height:auto!important}
 html #appShell #page-platform-dashboard .platform-agenda-panel>header>.platform-agenda-filters{width:100%;max-width:100%;flex:1 1 100%;flex-wrap:wrap;overflow:visible;gap:6px}
 html #appShell #page-platform-dashboard .platform-agenda-panel .platform-agenda-filters button{min-height:32px;flex:1 0 auto}
}
/* The account directory is independent of the four-card user statistics grid. */
html #appShell #page-users [data-finance-catalog]>.user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html #appShell #page-users [data-finance-catalog] .user-management-card{min-width:0;max-width:100%;box-sizing:border-box}
html #appShell #page-users [data-finance-catalog] .fc-name{white-space:normal;overflow-wrap:anywhere;min-width:0;flex:1}
html #appShell #page-users [data-finance-catalog] .fc-actions{flex:none;display:flex;gap:6px}
html #appShell #page-users [data-finance-catalog] input{box-sizing:border-box;min-width:0!important;max-width:100%}
@media(max-width:760px){
 html #appShell #page-users [data-finance-catalog]>.user-stat-grid{grid-template-columns:minmax(0,1fr)!important}
 html #appShell #page-users [data-finance-catalog] .fc-entry{flex-wrap:wrap;gap:8px}
 html #appShell #page-users [data-finance-catalog] .fc-entry form input{flex-basis:100%;width:100%}
}
html #appShell #page-users .user-identity b,html #appShell #page-users .user-identity>span:last-child,html #appShell #page-users .user-identity>span:last-child span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
html #appShell #page-users .user-table th{font-size:11px!important;line-height:1.5}
html #appShell #page-users .user-identity span,html #appShell #page-users .user-job-title,html #appShell #page-users .activity-time{font-size:12px!important;line-height:1.5}
html #userModal .permission-item span,html #userModal .user-invite-option small,html #userModal .user-permission-section>div>span{font-size:12px!important;line-height:1.5}
@media(min-width:761px) and (max-width:1100px){
 html #appShell #page-users .user-table{display:block;width:100%;min-width:0!important;table-layout:auto!important}
 html #appShell #page-users .user-table thead{display:none}
 html #appShell #page-users .user-table tbody{display:block}
 html #appShell #page-users .user-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;border-bottom:1px solid #e8ecf2;padding:12px}
 html #appShell #page-users .user-table td{display:block;min-width:0;width:auto;border:0;padding:10px!important}
 html #appShell #page-users .user-table td:before{content:attr(data-label);display:block;font-size:11px;line-height:1.5;margin-bottom:6px;color:inherit;opacity:.75}
 html #appShell #page-users .user-table td:first-child,html #appShell #page-users .user-table td:last-child{grid-column:1/-1}
 html #appShell #page-users .user-table td:first-child:before,html #appShell #page-users .user-table td:last-child:before{display:none}
 html #appShell #page-users .user-identity>span:last-child{flex:1}
 html #appShell #page-users .user-row-actions{justify-content:flex-start}
}
@media(max-width:600px){
 html #w360Drawer .w360-note-summary{flex-wrap:wrap;gap:6px}
 html #w360Drawer .w360-note-states{flex:0 0 auto;min-width:max-content;max-width:100%;gap:4px;white-space:nowrap}
 html #w360Drawer .w360-note-states .w360-category-chip{white-space:nowrap;font-size:11px;line-height:1.5}
 html #w360Drawer .w360-note-summary button.w360-note-actions{width:30px;min-width:30px;min-height:30px}
}
/* Keep horizontal navigation discoverable without changing its colors or order. */
html #appShell :is(.settings-tabs,.ticket-tabs,.module-filter-tabs,.contracts-status-switch){scrollbar-width:thin;scrollbar-color:#93aaa4 transparent;scroll-padding-inline:10px}
html #appShell :is(.settings-tabs,.ticket-tabs,.module-filter-tabs,.contracts-status-switch)::-webkit-scrollbar{height:5px}
html #appShell :is(.settings-tabs,.ticket-tabs,.module-filter-tabs,.contracts-status-switch)::-webkit-scrollbar-thumb{background:#93aaa4;border-radius:6px}
/* Keep keyboard focus on the menu icon; avoid the clipped green box around a row. */
html #appShell .sidebar .nav-item:focus{outline:none!important;box-shadow:none!important}
html #appShell .sidebar .nav-item:focus-visible>svg{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
@media(max-width:600px){
 html #appShell #page-ticket-bot .ticket-tabs{flex-wrap:wrap!important;overflow:visible!important;height:auto;max-width:100%;gap:6px}
 html #appShell :is(.settings-tabs,.ticket-tabs,.module-filter-tabs,.contracts-status-switch){flex-wrap:wrap!important;overflow:visible!important;height:auto;max-width:100%;gap:6px}
 html #appShell :is(.settings-tabs,.ticket-tabs,.module-filter-tabs,.contracts-status-switch)>button{flex:1 0 auto;min-height:36px;white-space:nowrap}
}