/* Compact controls; comfortable data. Scoped away from login/admin pages. */
.readable-layout .quick-periods{grid-area:quick;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:#52647c;border-bottom:1px solid #e7edf5;padding-bottom:10px}
.readable-layout .quick-periods>span:first-child{margin-right:4px}
.readable-layout .quick-periods button{min-height:44px;padding:8px 16px;border:1px solid #dce5f1;border-radius:7px;background:#fff;color:#354c6a;font-size:16px}
.readable-layout .quick-periods button.active{background:#eaf2ff;border-color:#3478ed;color:#2055ac;font-weight:600}
.readable-layout .quick-period-description{margin-left:auto;font-size:14px}
.readable-layout.quick-week-selected #month-filter{display:none!important}
.readable-layout .quick-period-range output{display:block;min-height:44px;border:1px solid #dfe6f0;background:#f5f8ff;border-radius:6px;padding:10px;font-size:15px;line-height:1.5;color:#263e60;overflow-wrap:anywhere}
.readable-layout{--muted:#52647c;--data-text:#263e60;--secondary-text:#52647c;--control-height:44px}
.readable-layout #app-main{font-size:16px;line-height:1.5}
.readable-layout .topbar{height:54px;padding-inline:24px;font-size:14px}
.readable-layout .top-right{gap:16px}
.readable-layout .live-badge{font-size:12px}
.readable-layout .content{padding:18px 24px 20px}
.readable-layout .page-heading{gap:16px;margin-bottom:14px;align-items:center}
.readable-layout .page-heading>div:first-child{flex:1;min-width:0}
.readable-layout .page-heading .eyebrow,.readable-layout #page-description{display:none}
.readable-layout #app-main h1{font-size:26px;margin:0;line-height:1.4;letter-spacing:0}
.readable-layout .button{font-size:15px;min-height:44px;white-space:nowrap}
.readable-layout .workspace-bar{padding:0;margin:0;border:0;background:none;min-width:170px;max-width:220px}
.readable-layout .workspace-bar.single-workspace{display:none}
.readable-layout .workspace-bar label{min-width:0;width:100%;gap:4px;font-size:13px;color:var(--secondary-text)}
.readable-layout .workspace-bar select{width:100%;font-size:16px;height:44px}
.readable-layout .filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) minmax(250px,1.2fr);grid-template-areas:'quick quick quick' 'company period industry' 'extra extra extra';gap:10px 16px;padding:14px 16px;margin-bottom:4px}
.readable-layout .filters label{display:grid;gap:5px;min-width:0;width:auto;flex:none;font-size:14px;color:var(--secondary-text)}
.readable-layout .filter-company{grid-area:company}
.readable-layout .filter-period{grid-area:period}
.readable-layout .filter-region{grid-area:region}
.readable-layout .filter-shop{grid-area:shop}
.readable-layout .filter-comparison{grid-area:comparison}
.readable-layout .dashboard-extra-filters{grid-area:extra;min-width:0}
.readable-layout .dashboard-extra-filters>summary{display:none;min-height:44px;padding:10px 0;font-size:14px;color:#2459a9;line-height:1.6;overflow-wrap:anywhere}
.readable-layout .dashboard-extra-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) minmax(250px,1.2fr);grid-template-areas:'region shop comparison';gap:10px 16px}
.readable-layout select,.readable-layout input{height:44px;font-size:16px;min-width:0}
.readable-layout .filters select,.readable-layout .filters input{width:100%}
.readable-layout .industry-switcher{grid-area:industry;display:grid;gap:5px;border:0;border-radius:0;background:none;padding:0;margin:0;min-width:0}
.readable-layout .compact-field-label{font-size:14px;color:var(--secondary-text)}
.readable-layout .industry-tabs{min-width:0;gap:6px;margin:0}
.readable-layout .industry-tab{min-height:44px;padding:8px 12px;text-align:center}
.readable-layout .industry-tab strong{font-size:16px;margin:0}
.readable-layout .industry-tab span{display:none}
.readable-layout .dashboard-information{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 16px;margin-bottom:8px}
.readable-layout .dashboard-context{min-width:0}
.readable-layout .dashboard-context>summary{font-size:14px;color:#2459a9;min-height:44px;padding:10px 0}
.readable-layout .dashboard-context[open]{grid-column:1/-1}
.readable-layout .dashboard-context-body{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:8px;display:grid;gap:12px;font-size:15px;color:var(--secondary-text)}
.readable-layout .dashboard-context-body p{font-size:15px;line-height:1.7;margin:6px 0 0}
.readable-layout .dashboard-context-body .notice{margin:0;padding:12px 14px;font-size:14px}
.readable-layout .dashboard-context-body .notice button{font-size:14px;min-height:44px}
.readable-layout .dashboard-context-body .switcher-label{font-size:14px;color:var(--secondary-text)}
.readable-layout #status:not(:empty){background:none;border:0;border-radius:0;padding:4px 0;margin:0;font-size:14px;color:var(--secondary-text);line-height:1.6}
.readable-layout #status.error{padding:10px 14px;border:1px solid #f6d2d2;background:#fff0f0;color:#a53939;border-radius:7px}
.readable-layout .sales-topic-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:14px}
.readable-layout .sales-topic-tabs{margin:0;gap:6px}
.readable-layout .sales-topic-tabs button{font-size:16px;padding:8px 14px}
.readable-layout .sales-new-kind{display:flex;align-items:center;gap:8px;max-width:none;margin:0;font-size:14px}
.readable-layout .sales-new-kind select{max-width:260px;font-size:15px}
.readable-layout .sales-topic-definition{padding:0;border:0;border-radius:0;margin:0;background:none}
.readable-layout .sales-topic-definition h2{font-size:17px;margin:0}
.readable-layout .sales-topic-definition p{font-size:15px;color:var(--secondary-text)}
.readable-layout:not([data-dashboard-page=salesTopic]) .sales-topic-definition{display:none}
.readable-layout[data-dashboard-page=definitions] .filters{display:none}
.readable-layout .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-bottom:16px}
.readable-layout .kpi{padding:14px 18px;min-height:148px}
.readable-layout .kpi:first-child{padding-top:12px}
.readable-layout .kpi-label{font-size:16px;color:var(--secondary-text);gap:8px;line-height:1.5}
.readable-layout .kpi-label span{font-size:12px;color:var(--secondary-text)}
.readable-layout .kpi-value{font-size:36px;color:var(--data-text);line-height:1.3;margin:8px 0 10px;overflow-wrap:anywhere}
.readable-layout .kpi-value small{font-size:15px;color:var(--secondary-text)}
.readable-layout .kpi-comparisons{font-size:14px;color:var(--secondary-text);padding-top:8px;gap:14px;flex-wrap:wrap}
.readable-layout .kpi-comparisons b{font-size:14px}
.readable-layout .up{color:#087f6b}
.readable-layout .down{color:#9c4d22}
.readable-layout .neutral{color:var(--secondary-text)}
.readable-layout .panel{margin-bottom:16px}
.readable-layout .panel-heading{padding:18px 20px 12px}
.readable-layout .panel h2{font-size:19px;color:var(--data-text)}
.readable-layout .panel-heading p{font-size:14px;color:var(--secondary-text);margin-top:5px}
.readable-layout table{font-size:16px}
.readable-layout th,.readable-layout td{padding:10px 18px;line-height:1.6;color:var(--data-text)}
.readable-layout th{font-size:15px;font-weight:600;color:var(--secondary-text);background:#f5f8fc}
.readable-layout td:not(:first-child){font-size:17px;font-weight:500}
.readable-layout td:first-child{font-size:16px;font-weight:500;white-space:normal;min-width:220px;overflow-wrap:anywhere}
.readable-layout td button{font-size:15px}
.readable-layout .sales-detail-link{padding:8px 12px;min-height:44px}
.readable-layout .tag{font-size:12px;color:var(--secondary-text)}
.readable-layout .chart-footer,.readable-layout .weekly-footnote,.readable-layout .accessible-table,.readable-layout .company-breakdown-note{font-size:14px;color:var(--secondary-text)}
.readable-layout .chart-footer select{font-size:15px}
.readable-layout .day-period{font-size:15px;color:var(--secondary-text)}
.readable-layout .day-period b{font-size:21px}
.readable-layout .definitions h3{font-size:18px}
.readable-layout .definitions p{font-size:16px;color:var(--secondary-text)}
.readable-layout .definitions em{font-size:14px;color:#855b28}
.readable-layout #main-content>footer{font-size:13px;color:var(--secondary-text)}
.readable-layout .nav{font-size:16px}
.readable-layout .sales-detail-method{margin:8px 24px 0}
.readable-layout .sales-detail-method>summary{min-height:44px;padding:10px 0;font-size:14px;color:#2459a9}
.readable-layout #sales-detail-dialog .sales-detail-note{margin:0 0 8px;font-size:14px}
.readable-layout #sales-detail-dialog header p,.readable-layout #sales-detail-status,.readable-layout #sales-detail-dialog>footer{font-size:15px;color:var(--secondary-text)}
.readable-layout #sales-detail-dialog button{font-size:16px}
.readable-layout #sales-detail-records table{min-width:1000px}
.readable-layout #sales-detail-records td,.readable-layout #sales-detail-records th{font-size:16px;min-width:120px;max-width:260px;padding:12px 16px;color:var(--data-text)}
@media(max-width:1100px){
  .readable-layout .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'quick quick' 'company period' 'industry industry' 'extra extra'}
  .readable-layout .dashboard-extra-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'region shop' 'comparison comparison'}
  .readable-layout .content{padding:16px 20px}
  .readable-layout .topbar{padding-inline:20px}
}
@media(max-width:700px){
  .readable-layout .content{padding:14px 12px}
  .readable-layout .topbar{height:auto;min-height:52px;padding:8px 12px;gap:8px;flex-wrap:wrap}
  .readable-layout .top-right{gap:10px;font-size:13px;flex-wrap:wrap}
  .readable-layout .top-right #company-name{max-width:none}
  .readable-layout .breadcrumb{font-size:13px}
  .readable-layout .breadcrumb span{margin-inline:8px}
  .readable-layout .page-heading{flex-wrap:wrap;gap:10px;margin-bottom:12px}
  .readable-layout #app-main h1{font-size:23px}
  .readable-layout .workspace-bar{order:3;min-width:0;max-width:none;width:100%}
  .readable-layout .filters{gap:10px;padding:12px;grid-template-areas:'quick quick' 'company company' 'period industry' 'extra extra'}
  .readable-layout .quick-periods{gap:6px}
  .readable-layout .quick-periods button{font-size:15px;padding:8px 12px}
  .readable-layout .quick-periods>span:first-child{width:100%}
  .readable-layout .quick-period-description{width:100%;margin-left:0}
  .readable-layout .dashboard-extra-filters>summary{display:list-item;list-style-position:inside}
  .readable-layout .dashboard-extra-fields{grid-template-columns:minmax(0,1fr);grid-template-areas:'region' 'shop' 'comparison';gap:10px}
  .readable-layout .filters label{font-size:14px}
  .readable-layout .industry-tab{padding:8px 4px}
  .readable-layout .industry-tab strong{font-size:15px}
  .readable-layout .dashboard-information{display:block}
  .readable-layout #status:not(:empty){padding:0 0 8px}
  .readable-layout .dashboard-context-body{padding:12px}
  .readable-layout .sales-topic-toolbar{display:block}
  .readable-layout .sales-topic-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .readable-layout .sales-topic-tabs button{font-size:16px;padding:8px 4px}
  .readable-layout .sales-new-kind{margin-top:10px;justify-content:space-between}
  .readable-layout .sales-new-kind select{width:auto;max-width:calc(100% - 70px);font-size:16px}
  .readable-layout .kpis,.readable-layout #salesTopic-page .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .readable-layout .kpi{padding:12px;min-height:150px}
  .readable-layout .kpi:first-child{padding-top:10px}
  .readable-layout .kpi-label{font-size:15px}
  .readable-layout .kpi-value{font-size:30px}
  .readable-layout .kpi-comparisons{font-size:13px;gap:5px}
  .readable-layout .panel-heading{padding:16px 14px 10px}
  .readable-layout .panel h2{font-size:18px}
  .readable-layout th,.readable-layout td{padding:10px 14px}
  .readable-layout .nav{font-size:15px}
  .readable-layout .sales-detail-method{margin:4px 16px 0}
}