/* House Media Workspace — Mobile-first UX, 2026-11
   Applies after core, Insights and theme styles. No desktop regressions. */
.ws-mobile-records{display:none}
.ws-sidebar-scrim[hidden]{display:none!important}
.ws-sidebar-scrim{display:none}
.ws-sidebar-close{display:none}
.ws-record-card[hidden]{display:none!important}
@media(max-width:850px){
 html,body{max-width:100%;overflow-x:clip}
 body.ws-nav-open{overflow:hidden;overscroll-behavior:contain}
 .workspace-root,.ws-layout,.ws-main,.ws-content{min-width:0;max-width:100%}
 .ws-layout{display:grid;grid-template-columns:minmax(0,1fr)}
 .ws-sidebar{
   position:fixed;top:0;left:0;bottom:0;
   width:min(320px,87vw);height:100dvh;max-width:87vw;
   transform:translateX(-105%);z-index:91;
   overscroll-behavior:contain;
   padding-bottom:env(safe-area-inset-bottom,0px);
 }
 .ws-sidebar.open{transform:translateX(0)}
 .ws-sidebar-scrim:not([hidden]){
   display:block;position:fixed;inset:0;z-index:90;
   width:100%;height:100%;padding:0;margin:0;
   border:0;border-radius:0;background:#050914BF;
   backdrop-filter:blur(5px);cursor:pointer;
 }
 .ws-side-brand{
   display:flex;justify-content:space-between;align-items:center;
   gap:12px;padding:23px 18px 17px;
 }
 .ws-side-brand img{width:154px;max-width:calc(100% - 60px)}
 .ws-sidebar-close{
   display:grid;place-items:center;flex:none;
   width:44px;height:44px;min-height:44px;margin:0;
   border-radius:10px;border:1px solid #465472;
   background:#202C3E;color:#F2EDFA;font:700 19px 'DM Sans',sans-serif;
   cursor:pointer;
 }
 .ws-sidebar nav{padding:0 12px 24px}
 .ws-side-group{margin-bottom:15px}
 .ws-nav{min-height:48px;padding:12px 14px;font-size:14px;gap:12px}
 .ws-nav>span{width:23px;font-size:18px}
 .ws-sidebar-foot{padding:16px 13px;font-size:11px}
 .ws-topbar{
   min-height:65px;height:65px;
   padding:0 14px;gap:9px;
   position:sticky;top:0;z-index:30;
 }
 .ws-topbar-left,.ws-topbar-right{gap:8px;min-width:0}
 .ws-topbar-left{flex:1 1 auto}
 .ws-topbar-right{flex:0 0 auto}
 .ws-breadcrumb{min-width:0;max-width:calc(100vw - 200px);font-size:12px}
 .ws-icon-button{min-width:44px;width:44px;height:44px;min-height:44px;border-radius:10px}
 #wsMenuButton{display:grid;flex:none}
 .ws-topbar .theme-toggle{
   display:inline-flex;min-width:44px;width:44px;
   height:44px;min-height:44px;padding:0;
   flex:none;border-radius:10px;
 }
 .ws-topbar .theme-toggle-label{display:none}
 .ws-user{display:none}
 .ws-content{
   width:100%;padding:23px 16px calc(80px + env(safe-area-inset-bottom,0px));
   margin:0;box-sizing:border-box;overflow:visible;
 }
 .ws-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:21px}
 .ws-head>div{min-width:0;flex:1 1 230px}
 .ws-head h1{font-size:clamp(24px,4vw,32px);line-height:1.18;margin:8px 0}
 .ws-head p{font-size:13px;line-height:1.55}
 .ws-head>.ws-primary{min-height:46px;align-self:auto}
 .ws-panel{padding:20px;border-radius:15px;margin-bottom:16px}
 .ws-panel h2{line-height:1.35}
 .ws-panel-head{align-items:flex-start;flex-wrap:wrap}
 .ws-columns{grid-template-columns:minmax(0,1fr);gap:14px}
 .ws-primary,.ws-secondary{min-height:46px;font-size:13px;border-radius:10px}
 .ws-view-tabs{display:flex;width:max-content;max-width:100%;padding:5px;margin-bottom:18px}
 .ws-view-tabs button{min-height:44px;min-width:80px;font-size:13px}
 .ws-table-tools{display:flex;align-items:center;gap:12px}
 .ws-table-tools input{min-height:46px;height:46px;max-width:none;font-size:16px}
 .ws-board{
   gap:12px;min-height:0;padding:0 0 18px;
   scroll-snap-type:x proximity;overscroll-behavior-x:contain;
   -webkit-overflow-scrolling:touch;
 }
 .ws-board-column{
   flex:0 0 min(320px,85vw);min-height:350px;
   scroll-snap-align:start;padding:15px;
 }
 .ws-board-card{padding:16px}
 .ws-board-card h3{font-size:14px;line-height:1.5}
 .ws-board-card p{font-size:12px}
 .ws-card-bottom select{min-height:46px;font-size:16px}
 .ws-dots{min-width:42px;min-height:42px;display:grid;place-items:center;font-size:18px}
 .ws-invite{display:grid;grid-template-columns:1fr;gap:12px}
 .ws-invite label{min-width:0}
 .ws-invite input,.ws-invite select{min-width:0;width:100%;min-height:48px;font-size:16px}
 .ws-invite button{min-height:46px}
 .ws-context{max-width:min(92vw,300px)}
 .ws-context button{min-height:44px;font-size:14px}
}
@media(max-width:760px){
 .ws-records-panel{padding:14px}
 .ws-records-panel .ws-table-overflow{display:none}
 .ws-mobile-records{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .ws-record-card{
   display:flex;flex-direction:column;gap:14px;min-width:0;
   padding:17px;border-radius:13px;
   border:1px solid #354258;
   background:linear-gradient(145deg,#1B2839,#141F2E);
   box-shadow:0 4px 15px #0000000B;
 }
 .ws-record-card-head{
   display:flex;justify-content:space-between;align-items:flex-start;
   gap:12px;min-width:0;padding:0 0 13px;
   border:0;border-bottom:1px solid #354357;
 }
 .ws-record-card-head>div{flex:1 1 0;min-width:0}
 .ws-record-card-head small{
   display:block;color:#B59DD6;font:800 10px/1.3 'DM Sans',sans-serif;
   letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;
 }
 .ws-record-card-head h3{
   margin:0;color:#F4F5FA;
   font:700 clamp(15px,2.6vw,19px)/1.35 'Zalando Sans Expanded','DM Sans',sans-serif;
   letter-spacing:-.04em;overflow-wrap:anywhere;
 }
 .ws-record-chip{
   max-width:42%;min-width:0;flex:none;
   border:1px solid #65517A;border-radius:99px;
   padding:6px 10px;background:#322842;color:#DFCAF7;
   font:700 11px/1.3 'DM Sans',sans-serif;
   text-align:center;overflow-wrap:anywhere;
 }
 .ws-record-details{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   gap:13px 18px;margin:0;padding:0;min-width:0;
 }
 .ws-record-detail{min-width:0;display:grid;gap:5px;align-content:start}
 .ws-record-detail dt{
   margin:0;color:#94A6BF;font:700 11px/1.35 'DM Sans',sans-serif;
 }
 .ws-record-detail dd{
   margin:0;color:#E7ECF6;font:600 13px/1.5 'DM Sans',sans-serif;
   overflow-wrap:anywhere;word-break:normal;min-width:0;
 }
 .ws-record-card-actions{
   display:block;border:0;border-top:1px solid #354357;padding:13px 0 0;margin:0;
 }
 .ws-record-card-actions .ws-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .ws-record-card-actions .ws-actions button{
   width:100%;min-width:0;min-height:46px;
   border-radius:9px;padding:10px 12px;
   font-size:13px;line-height:1.3;
 }
 .ws-record-card-actions .ws-actions button[data-archive]{
   color:#F3AABD;border-color:#745161;
 }
 html[data-theme="light"] .ws-record-card{
   background:#FAFBFE;border-color:#D4DEEA;box-shadow:0 4px 15px #374B5F0A;
 }
 html[data-theme="light"] .ws-record-card-head,
 html[data-theme="light"] .ws-record-card-actions{border-color:#DEE6EF}
 html[data-theme="light"] .ws-record-card-head small{color:#8063A9}
 html[data-theme="light"] .ws-record-card-head h3{color:#29374F}
 html[data-theme="light"] .ws-record-chip{
   background:#E9DFF4;color:#67428E;border-color:#D0B8E6;
 }
 html[data-theme="light"] .ws-record-detail dt{color:#718197}
 html[data-theme="light"] .ws-record-detail dd{color:#3C4B60}
 html[data-theme="light"] .ws-record-card-actions .ws-actions button[data-archive]{color:#AC4E68}
}
@media(max-width:620px){
 .auth-header,.auth-main{width:calc(100% - 36px);max-width:500px}
 .auth-header{padding:18px 0}
 .auth-header img{max-width:145px}
 .auth-main{display:block;padding:19px 0 38px}
 .auth-aside{display:none}
 .auth-card{padding:24px 19px;border-radius:18px}
 .auth-card h2{font-size:23px;line-height:1.25}
 .auth-card label{font-size:14px;gap:9px;margin:16px 0}
 .auth-card input,.auth-verification-panel input{
   min-height:50px;font-size:16px;padding:13px 14px;border-radius:10px;
 }
 .auth-submit,.auth-card .auth-signup button{min-height:51px;height:auto;font-size:14px}
 .auth-signup summary{font-size:13px;line-height:1.5;min-height:44px}
 .auth-footer{padding:22px 16px}
 .ws-head{flex-direction:column;gap:13px;margin-bottom:20px}
 .ws-head>div{flex:0 1 auto;width:100%}
 .ws-head h1{font-size:clamp(24px,7vw,32px)}
 .ws-head>.ws-primary{width:100%;align-self:stretch;min-height:49px}
 .ws-panel{padding:15px;border-radius:13px}
 .ws-table-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .ws-table-tools span{font-size:12px}
 .ws-content{padding:20px 14px calc(78px + env(safe-area-inset-bottom,0px))}
 .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ws-stats--commercial{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}
 .ws-stats--commercial .ws-stat{padding:17px 14px;min-height:118px;border-radius:13px}
 .ws-stats--commercial .ws-stat>span{font-size:11px;line-height:1.35}
 .ws-stats--commercial .ws-stat strong{
   font-size:clamp(16px,4.25vw,23px);
   line-height:1.22;letter-spacing:-.045em;
   margin:15px 0 0;overflow-wrap:anywhere;
 }
 .ws-mobile-records{gap:10px}
 .ws-record-details{gap:12px}
 .ws-panel-head h2{font-size:16px}
 .ws-sales-head{gap:14px}
 .ws-sales-toolbar{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:100%}
 .ws-sales-toolbar .ws-sales-controls{
   display:flex;width:100%;min-width:0;gap:4px;padding:4px;
 }
 .ws-sales-toolbar .ws-sales-controls button{
   flex:1 1 0;min-height:45px;padding:10px 8px;
   white-space:nowrap;font-size:12px;line-height:1.35;
 }
 .ws-calendar-head{
   display:flex;flex-wrap:wrap;align-items:center;
   justify-content:space-between;gap:13px;margin:17px 0;
 }
 .ws-calendar-head h2{font-size:clamp(16px,5vw,21px)}
 .ws-calendar-head>div{gap:6px}
 .ws-calendar-head button{min-width:45px;min-height:44px;font-size:14px}
 .ws-calendar-filters{
   display:flex;flex-wrap:nowrap;gap:8px;
   overflow-x:auto;overscroll-behavior-x:contain;
   padding:2px 0 12px;-webkit-overflow-scrolling:touch;
 }
 .ws-calendar-filters button{
   flex:0 0 auto;min-height:44px;font-size:12px;
   padding:10px 14px;white-space:nowrap;
 }
 .ws-weekdays b{font-size:10px;padding:10px 2px}
 .ws-day{min-height:clamp(60px,16vw,82px);padding:6px 3px;gap:4px}
 .ws-day>span{font-size:12px}
 .ws-day small{font-size:9px;line-height:1.2;padding:3px 2px;max-width:100%}
 .ws-day b{font-size:10px}
 .ws-modal-backdrop{padding:0;align-items:stretch;justify-content:stretch}
 .ws-modal-dialog,.ws-modal-dialog:has(.ws-deal-pricing){
   width:100vw;min-width:0;max-width:none;
   height:100dvh;max-height:100dvh;
   border-radius:0;border:0;box-shadow:none;
   display:flex;flex-direction:column;
 }
 .ws-modal-header{padding:16px 16px 13px;min-height:73px;gap:12px}
 .ws-modal-heading{min-width:0;flex:1}
 .ws-modal-header .ws-modal-heading h2{font-size:clamp(17px,4.7vw,22px);line-height:1.35}
 .ws-modal-description{font-size:12px;line-height:1.45}
 .ws-modal-header .ws-modal-close{
   width:46px;height:46px;min-width:46px;min-height:46px;flex-basis:46px;
   border-radius:11px;
 }
 .ws-record-form{min-height:0;flex:1}
 .ws-modal-fields{
   padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));
   flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
   -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
 }
 .ws-modal-fields .ws-form-grid{grid-template-columns:minmax(0,1fr);gap:17px}
 .ws-modal-fields .ws-field{font-size:14px;line-height:1.5;min-width:0;gap:9px}
 .ws-modal-fields .ws-field input,
 .ws-modal-fields .ws-field select,
 .ws-modal-fields .ws-field textarea{
   width:100%;max-width:100%;min-width:0;min-height:50px;
   padding:12px 13px;border-radius:10px;
   font-size:16px;line-height:1.4;
 }
 .ws-modal-fields .ws-field textarea{min-height:112px;resize:vertical}
 .ws-modal-fields .ws-client-row{gap:11px;align-items:stretch}
 .ws-modal-fields .ws-client-row strong{font-size:13px}
 .ws-modal-fields .ws-client-row .ws-link{width:100%;min-height:46px;font-size:13px}
 .ws-modal-fields #wsClientInline{padding:13px}
 .ws-modal-footer,.ws-modal-footer:has(.ws-deal-add-sticky){
   display:grid;grid-template-columns:1fr;gap:9px;align-items:stretch;
   flex:none;min-height:0;
   padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
   background:#151D2A;border-top:1px solid #36455D;
 }
 .ws-modal-footer .ws-primary,
 .ws-modal-footer .ws-deal-add-sticky,
 .ws-modal-footer:has(.ws-deal-add-sticky)>.ws-primary{
   display:flex;align-items:center;justify-content:center;
   width:100%;max-width:none;min-width:0;
   min-height:49px;flex:none;align-self:stretch;
   padding:11px 13px;margin:0;
   font-size:13px;line-height:1.3;
 }
 html[data-theme="light"] .ws-modal-footer{background:#EAF0F6;border-color:#D3DDEA}
 .ws-deal-pricing{width:100%;min-width:0;padding:14px;gap:13px;border-radius:12px}
 .ws-deal-pricing-head{gap:9px;flex-direction:column;align-items:flex-start}
 .ws-deal-pricing-head h3{font-size:15px}
 .ws-deal-pricing-head p{font-size:12px;line-height:1.55}
 .ws-deal-product-count{min-height:28px;font-size:11px}
 .ws-deal-item{padding:13px;gap:13px;border-radius:11px}
 .ws-deal-item-inputs,.ws-deal-pricing .ws-deal-item-inputs{
   display:grid;grid-template-columns:minmax(0,1fr);
   gap:14px;width:100%;min-width:0;
 }
 .ws-deal-pricing .ws-deal-item-inputs>.ws-field{
   width:100%;max-width:100%;min-width:0;gap:9px;font-size:13px;
 }
 .ws-deal-pricing .ws-deal-item-inputs>.ws-field input,
 .ws-deal-pricing .ws-deal-item-inputs>.ws-field select{
   width:100%;min-width:0;height:50px;min-height:50px;
   font-size:16px;padding:12px;border-radius:10px;
 }
 .ws-deal-item-remove{min-height:44px;padding:9px 12px;font-size:12px}
 .ws-deal-item-subtotal strong{font-size:15px}
 .ws-deal-total{padding:16px;gap:10px}
 .ws-deal-total>div>span{font-size:10px}
 .ws-deal-total strong{font-size:clamp(20px,6vw,26px);overflow-wrap:anywhere}
 .ws-deal-total small{max-width:none;font-size:11px}
 .ws-add-deal-item{min-height:46px;width:100%;font-size:12px}
 .ws-records-panel{padding:14px}
 .ws-record-details{grid-template-columns:minmax(0,1fr)}
 .ws-record-detail dd{font-size:14px}
 .ws-record-chip{font-size:11px}
 .ws-case-list-panel .ws-panel-head,
 .ws-site-filters-panel .ws-panel-head{
   display:flex;flex-direction:column;align-items:stretch;gap:13px;
 }
 .ws-case-top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .ws-case-sync,.ws-case-top-actions .ws-link{
   min-height:45px;padding:10px 12px;margin:0;
   display:flex;align-items:center;justify-content:center;
   font-size:12px;text-align:center;
 }
 .ws-case-sort-row{
   display:grid;grid-template-columns:40px 72px minmax(0,1fr);
   align-items:center;gap:9px 11px;
   padding:15px 0;min-width:0;
 }
 .ws-case-sort-control{width:40px;flex:none;grid-row:1;grid-column:1}
 .ws-case-drag-handle{width:40px;height:45px;min-width:40px;font-size:24px}
 .ws-case-thumb{grid-column:2;grid-row:1;width:72px;height:57px}
 .ws-case-sort-row .ws-case-info{
   grid-column:3;grid-row:1;min-width:0;width:100%;
 }
 .ws-case-info strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
 .ws-case-info small{font-size:11px;line-height:1.45}
 .ws-case-info>span{font-size:11px}
 .ws-case-sort-row .ws-case-actions{
   grid-column:1/-1;grid-row:2;
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   gap:7px;width:100%;padding:0;margin:0;
 }
 .ws-case-sort-row .ws-case-actions button{
   width:100%;min-width:0;min-height:44px;padding:10px 5px;
   font-size:12px;line-height:1.25;
 }
 .ws-site-filter-row{
   display:grid;grid-template-columns:35px minmax(0,1fr);
   align-items:center;gap:12px;padding:13px;
 }
 .ws-site-filter-index{width:35px;height:35px}
 .ws-site-filter-name{min-width:0;gap:7px}
 .ws-site-filter-name input{
   height:50px;min-height:50px;min-width:0;
   padding:12px;font-size:16px;
 }
 .ws-site-filter-visibility{grid-column:2;gap:9px}
 .ws-site-filter-visibility>label{min-height:36px;font-size:13px;white-space:normal}
 .ws-site-filter-visibility input{width:19px;height:19px;flex:0 0 19px}
 .ws-site-filter-actions{
   grid-column:2;display:grid;grid-template-columns:repeat(3,44px);
   justify-content:start;gap:8px;width:100%;
 }
 .ws-site-filter-actions button{width:44px;height:44px;min-height:44px;font-size:18px}
 .ws-site-filter-footer{display:grid;grid-template-columns:1fr;gap:10px;padding-top:17px}
 .ws-site-filter-footer>button{min-height:48px;width:100%;font-size:13px}
 .ws-preview-filter{min-height:40px;font-size:12px;padding:10px 14px}
 .ws-case-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .ws-case-form label{min-width:0;font-size:13px;gap:9px}
 .ws-case-form input,.ws-case-form select,.ws-case-form textarea{
   min-height:50px;min-width:0;width:100%;font-size:16px;
   line-height:1.35;padding:12px 13px;border-radius:10px;
 }
 .ws-case-form textarea{min-height:108px}
 .ws-case-form label:has(textarea),.ws-case-form label:has(input[name=url]),
 .ws-case-form label:has(input[name=image]){grid-column:1}
 .ws-case-form .ws-case-checkbox{min-height:44px;align-items:center}
 .ws-case-form .ws-case-checkbox input{width:21px;height:21px;min-height:21px}
 .ws-case-form button[data-case-save]{
   width:100%;min-width:0;min-height:52px;
   grid-column:1;justify-self:stretch;font-size:14px;
 }
 .ws-case-form .ws-case-upload{grid-column:1;padding:14px}
 .ws-case-upload input[type="file"]{min-height:53px;max-width:100%;font-size:13px}
 .ws-case-upload input[type="file"]::file-selector-button{min-height:38px}
 .ws-case-status{line-height:1.55;overflow-wrap:anywhere}
 .ws-case-list-panel,.ws-site-filters-panel{min-width:0}
 .workspace-toast{
   left:14px;right:14px;bottom:calc(15px + env(safe-area-inset-bottom,0px));
   max-width:none;font-size:13px;line-height:1.5;
   padding:13px 15px;overflow-wrap:anywhere;
 }
}
@media(max-width:380px){
 .ws-topbar{padding:0 10px;gap:6px}
 .ws-topbar-left,.ws-topbar-right{gap:6px}
 .ws-breadcrumb{max-width:calc(100vw - 176px);font-size:11px}
 .ws-icon-button{min-width:42px;width:42px;height:44px}
 .ws-topbar .theme-toggle{min-width:42px;width:42px}
 .ws-content{padding:16px 11px calc(70px + env(safe-area-inset-bottom,0px))}
 .ws-panel,.ws-records-panel{padding:13px}
 .ws-stats--commercial .ws-stat{padding:15px 10px}
 .ws-stats--commercial .ws-stat strong{font-size:clamp(15px,4.1vw,19px)}
 .ws-case-sort-row{grid-template-columns:36px 59px minmax(0,1fr);gap:8px}
 .ws-case-sort-control{width:36px}
 .ws-case-drag-handle{width:36px;min-width:36px}
 .ws-case-thumb{width:59px;height:52px}
 .ws-case-sort-row .ws-case-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ws-case-top-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .ws-sidebar,.ws-sidebar-scrim{transition:none}
}

/* Mobile breadcrumb focuses on the current section instead of the app prefix. */
@media(max-width:850px){
 .ws-breadcrumb{display:block;flex:1 1 auto;min-width:0}
 .ws-breadcrumb .ws-breadcrumb-brand,
 .ws-breadcrumb .ws-breadcrumb-separator{display:none}
 .ws-breadcrumb .ws-breadcrumb-current{
  display:block;max-width:100%;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
  color:inherit;font-size:12px;line-height:1.4;font-weight:800;
 }
}

/* Search feedback must remain visible only when the active filter has no matches. */
.ws-search-empty{
 margin:12px 0 4px;padding:18px 14px;border:1px dashed #695583;
 border-radius:11px;background:#241D33;color:#D6C0EF;
 font:600 13px/1.5 'DM Sans',sans-serif;text-align:center;
}
.ws-search-empty[hidden]{display:none!important}
html[data-theme="light"] .ws-search-empty{
 color:#664C89;background:#EDE5F6;border-color:#C7B4DC;
}

/* FINAL MOBILE TOUCH REFINEMENTS */
@media(max-width:760px){
 .ws-log-toolbar{
  display:flex;flex-direction:column;align-items:stretch;
  gap:12px;padding:15px;margin-bottom:16px;
 }
 .ws-log-toolbar>span{font-size:13px}
 .ws-log-toolbar label{
  display:flex;flex-direction:column;align-items:stretch;
  gap:8px;width:100%;min-width:0;font-size:13px;
 }
 .ws-log-toolbar select{
  width:100%;min-width:0;max-width:none;
  min-height:48px;padding:12px;font-size:16px;
 }
 .ws-record-card .ws-record-detail select{
  width:100%;min-width:0;min-height:47px;
  padding:10px 12px;border-radius:10px;
  background:#15263A;color:#F3F5FC;
  border:1px solid #445873;font-size:16px;
 }
 html[data-theme="light"] .ws-record-card .ws-record-detail select{
  background:#F2F5FA;color:#344761;border-color:#CAD6E6;
 }
}
@media(max-width:620px){
 .ws-quick-row{
  min-height:56px;gap:12px;padding:14px 4px;
  font-size:13px;line-height:1.5;
 }
 .ws-quick-row strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
 .ws-quick-row small{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 .ws-quick-row time{font-size:11px;white-space:normal;text-align:right}
 .ws-panel-head>.ws-actions{display:flex;flex-wrap:wrap;width:100%;gap:9px}
 .ws-panel-head>.ws-actions button{
  flex:1 1 130px;min-height:46px;font-size:12px;
 }
 .ws-log-record .ws-record-detail dd{
  overflow-wrap:anywhere;font-size:13px;
 }
 .ws-case-section-desc{font-size:12px!important;line-height:1.6}
}