/* Loaded directly from the HTML so the closure styles download in parallel; avoid serial stylesheet dependency waterfalls. */
/* Scoped module: shared state, no changes to desktop/tablet/mobile business logic. */
.performance-control{width:100%;max-width:760px;min-width:0;margin:12px auto 14px;padding:2px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.performance-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 14px;min-width:0}
.performance-row label{font-size:14px;font-weight:680;color:var(--text,#152238);white-space:nowrap}
.performance-row select{min-width:150px;max-width:100%;min-height:44px;padding:8px 12px;font:inherit;font-weight:650;border:1px solid var(--border,#dce4ef);border-radius:10px;background:var(--surface,#fff);color:var(--text,#152238)}
.performance-row select:disabled{cursor:not-allowed;opacity:.6}
.performance-control .micro{margin:7px 0 0;overflow-wrap:anywhere;text-align:center}
#performance-status{font-weight:600;color:var(--muted,#68758a);text-align:center}
.select-mirror{position:relative;min-width:150px;max-width:100%}
.performance-row .select-mirror{width:min(250px,100%)}
.subscription-family .select-mirror{width:min(190px,100%)}
.select-mirror .dropdown-trigger{position:relative;width:100%;min-height:44px;justify-content:center;padding-inline:40px;text-align:center}
.select-mirror .dropdown-trigger .selected-label{display:block;width:100%;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-mirror .dropdown-trigger>span:last-child{position:absolute;right:13px;top:50%;width:18px;line-height:18px;transform:translateY(-52%);text-align:center;color:var(--muted,#68758a);font-size:15px;font-weight:700;pointer-events:none}
.select-mirror .dropdown-trigger[aria-expanded="true"]>span:last-child{transform:translateY(-48%) rotate(180deg)}
.select-mirror .dropdown-menu{width:100%;max-width:none}
.analysis-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px auto 0}
.analysis-toolbar .notice{margin:0;padding:7px 12px;min-height:38px;align-items:center;justify-content:center;border-radius:999px}
.analysis-toolbar .plugin{position:static;right:auto;top:auto;margin:0}
.card[aria-labelledby="analysis-title"] .section-head>p{max-width:960px;margin:8px auto 0;line-height:1.55}
.card[aria-labelledby="analysis-title"] .projects{margin-top:4px}

/* QR overlay: keep the generated canvas high resolution, shrink only its visual footprint. */
#qr-dialog{width:auto;max-width:min(90vw,380px);max-height:82vh}
#qr-dialog .dialog-body{padding:20px 22px 18px}
#qr-dialog .dialog-body h2{font-size:19px;margin-bottom:10px}
#qr-dialog #qr-content{display:grid;place-items:center;min-height:232px}
#qr-dialog #qr-content canvas{display:block;width:min(232px,70vw);height:auto;max-width:100%}
#qr-dialog .actions{margin-top:12px}
#qr-dialog .actions button{min-width:88px}

@media (min-width:1025px) and (max-width:1366px) and (any-pointer:coarse){
  .container{width:calc(100% - 40px)}
  .hero{padding:22px 0 16px}
  .hero h1{font-size:25px}
  .main{gap:15px}
  .card{padding:20px}
  .section-head{margin-bottom:16px}
  .input-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px}
  .projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .exit-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .metric{min-height:82px}
  .policy label{min-height:44px}
  .performance-control{max-width:640px;margin:11px auto 13px}
  .card[aria-labelledby="analysis-title"] .section-head>p{max-width:820px;font-size:13px}
  .table-wrap{-webkit-overflow-scrolling:touch}
}

@media(min-width:700px) and (max-width:1024px){
  .performance-control{max-width:620px;margin:11px auto 12px;padding-top:0}
  .performance-row{gap:8px 12px}
  .performance-row .select-mirror{width:min(235px,100%)}
  .card[aria-labelledby="analysis-title"] .section-head>p{max-width:760px;font-size:12.5px;line-height:1.55}
  .analysis-toolbar{gap:8px}
}

@media(max-width:699px){
  .performance-control{max-width:100%;margin:9px auto 11px;padding:0 2px}
  .performance-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;width:min(100%,430px);margin-inline:auto}
  .performance-row label{font-size:13px;text-align:right}
  .performance-row .select-mirror{width:100%;min-width:0}
  .performance-control .micro{font-size:11.5px;line-height:1.45;margin-top:6px}
  .subscription-family .select-mirror{width:min(200px,100%)}
  .select-mirror .dropdown-trigger{padding-inline:36px}
  .select-mirror .dropdown-trigger>span:last-child{right:10px}
  .card[aria-labelledby="analysis-title"] .section-head>p{max-width:38ch;font-size:11.5px;line-height:1.55;margin-top:7px}
  .analysis-toolbar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:center;gap:6px;margin-top:7px}
  .analysis-toolbar .notice{min-width:0;max-width:100%;padding:5px 7px;font-size:10.5px}
  .analysis-toolbar .plugin{min-width:0;padding-inline:8px;font-size:10.5px}
  #qr-dialog{max-width:min(88vw,340px);max-height:78vh}
  #qr-dialog .dialog-body{padding:16px 16px 14px}
  #qr-dialog .dialog-body h2{font-size:18px;margin-bottom:9px}
  #qr-dialog #qr-content{min-height:216px}
  #qr-dialog #qr-content canvas{width:min(216px,68vw)}
  #qr-dialog .actions{margin-top:10px}
  .table-wrap{-webkit-overflow-scrolling:touch}
}