.diag-shell{display:grid;gap:18px}.diag-hero{background:linear-gradient(115deg,#082d27,#136c55 68%,#247a63);border-radius:20px;padding:30px;color:white}.diag-hero h2{font-size:29px;margin:12px 0}.diag-hero p{color:#d4eee3}.diag-mark{font-size:12px;letter-spacing:2px;color:#b9e7db}.diag-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0}.diag-form label{min-width:210px;flex:1;font-size:13px;font-weight:700;color:#e0faf0}.diag-form .control{margin-top:8px;background:white;color:#142c27}.diag-form .btn{height:44px;white-space:nowrap}.diag-hint{font-size:12px;color:#d1e9df}.diag-panel{background:#fff;border:1px solid #dfe7e2;border-radius:18px;padding:22px;min-width:0}.diag-profile{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f4faf7}.diag-profile h2{font-size:26px;margin:8px 0}.diag-profile strong{display:block;font-size:20px;color:#0a7557;margin:14px 0}.diag-eyebrow,.diag-sub{color:#71837c;font-size:12px}.diag-profile .diag-sub{margin-top:10px}.diag-open{background:#fff;border:1px solid #a8cbbc;padding:11px 15px;border-radius:30px;white-space:nowrap;color:#146b50;text-decoration:none;font-size:13px;font-weight:700}.diag-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.diag-tile{background:#fff;border:1px solid #dfe7e2;border-radius:16px;padding:18px;display:grid;gap:10px}.diag-tile small{color:#708179}.diag-tile strong{font-size:21px;color:#123a2f}.diag-tile em{font-size:12px;color:#168466;font-style:normal}.diag-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diag-panel h3{font-size:19px;margin:0 0 14px}.diag-panel h4{margin:0 0 12px}.diag-unavailable{padding:23px;background:#f4f8f6;border:1px dashed #bfd1c8;border-radius:14px;color:#667a71;line-height:1.7}.diag-ranks{display:grid;gap:9px;max-height:260px;overflow:auto}.diag-ranks>div{display:flex;align-items:center;gap:12px}.diag-rank-num{font-size:12px;width:48px;color:#145b46}.diag-rank-bar{flex:1;height:12px;border-radius:12px;background:#eff7f2}.diag-rank-bar i{display:block;height:100%;border-radius:12px;background:linear-gradient(90deg,#1fbe8d,#9fe9cb)}.diag-section-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.diag-chip{color:#168566;background:#ddf5e9;padding:6px 10px;border-radius:20px;font-size:12px}.diag-count{color:#16a678}.diag-topthree{margin:25px 0}.diag-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.diag-post-card{min-height:135px;border:1px solid #dfebe5;border-radius:14px;padding:15px;color:#24352f;text-decoration:none}.diag-post-card h4{margin:15px 0 8px;line-height:1.5}.diag-post-card p{font-size:12px;color:#81918a}.diag-tools{display:flex;gap:5px;flex-wrap:wrap}.diag-filter{border:1px solid #cbded4;background:#fff;border-radius:24px;padding:8px 12px;cursor:pointer}.diag-filter.active{background:#137c5e;color:white}.diag-table-scroll{overflow:auto}.diag-table{width:100%;border-collapse:collapse;min-width:680px}.diag-table th,.diag-table td{border-bottom:1px solid #e8eeea;text-align:left;padding:13px;font-size:13px}.diag-table th{color:#637b6f;background:#f8fbf9}.diag-table td a{color:#136d52}.diag-empty{padding:15px;color:#84968a}[hidden]{display:none!important}@media(max-width:900px){.diag-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.diag-columns{grid-template-columns:1fr}.diag-card-grid{grid-template-columns:1fr}.diag-profile{flex-direction:column;align-items:start}}@media(max-width:540px){.diag-metrics{grid-template-columns:1fr}.diag-hero{padding:18px}.diag-panel{padding:15px}}
.diag-tools .control{width:auto;flex:1;min-width:160px}.diag-table td:first-child{min-width:270px;max-width:450px}.diag-table details{font-size:12px;color:#64796f;margin-top:8px}.diag-table summary{cursor:pointer}.diag-post-card p{line-height:1.8}.diag-hero .btn{background:#d5ff84;color:#183c29}.diag-shell progress{accent-color:#168466}.diag-table tr:hover{background:#f5faf7}.diag-ranks{margin:14px 0}.diag-tile strong small{font-size:13px;font-weight:400}.diag-table th{white-space:nowrap}@media(max-width:540px){.diag-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.diag-tile{padding:14px}.diag-tile strong{font-size:20px}.diag-hero h2{font-size:24px}}
/* Reference dashboard layout, v9 */
body:has(.lab){background:#f4f8f8;color:#17212e;font-size:13px}body:has(.lab) .layout{grid-template-columns:204px minmax(0,1fr)}body:has(.lab) .sidebar{background:linear-gradient(115deg,#093b2f,#063026);padding:16px 12px;min-height:100vh}body:has(.lab) .brand{font-size:18px;padding:10px 9px 24px}body:has(.lab) .nav a{font-size:13px;padding:12px}body:has(.lab) .nav .selected{background:#0a634d}body:has(.lab) .main{max-width:none;padding:14px 22px}body:has(.lab) .top{justify-content:flex-end;margin-bottom:12px}body:has(.lab) .top>div:first-child{display:none}body:has(.lab) .pill{background:none;color:#52616f}.lab{display:grid;gap:14px}.lab h2,.lab h3,.lab h4,.lab p{margin:0}.lab-search{display:flex;align-items:end;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e7eeee;border-radius:10px}.lab-search label{margin:0;flex:1;font-size:11px;color:#65737e}.lab-search label span{display:block;margin-bottom:5px}.lab-search input,.lab-table-tools input,.lab-table-tools select{border:1px solid #dce5e6;background:#f9fbfb;padding:9px 12px;border-radius:7px;width:100%;font:inherit}.lab-primary{border:0;background:#00bd87;color:#fff;border-radius:8px;padding:11px 24px;font-weight:700;cursor:pointer}.lab-banner{padding:18px 28px;border-radius:10px;min-height:208px;background:radial-gradient(ellipse at 80% -30%,#836a32 0,transparent 55%),linear-gradient(110deg,#071914,#24362f 65%,#7a8681);color:#fff;overflow:hidden}.lab-banner-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px}.lab-open{color:#173d33;background:white;padding:11px 22px;border-radius:28px;font-weight:700}.lab-profile{display:flex;gap:18px;align-items:center}.lab-avatar{width:66px;height:66px;flex-shrink:0;display:grid;place-items:center;background:#eafcf3;border:3px solid white;border-radius:50%;color:#0d7858;font-size:26px;font-weight:800}.lab-profile h2{font-size:25px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lab-profile p{margin-top:7px;color:#e0e7e3;font-size:12px}.lab-banner-desc{max-width:850px}.lab-tag{display:inline-block;background:#e7f7f1;color:#009f74;border-radius:18px;padding:5px 10px;font-size:11px;font-weight:600;white-space:nowrap}.lab-profile .lab-tag{background:#00bd87;color:white}.lab-banner h3{font-size:27px;margin:16px 0 9px;letter-spacing:-.9px}.lab-banner em{color:#00dea0;font-style:normal}.lab-caption{display:flex;align-items:center;gap:10px;font-size:11px;color:#dce6e0}.lab-caption .lab-tag{background:#075c47;color:#4be9bc}.lab-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lab-kpi{padding:17px 15px;display:flex;gap:11px;min-height:112px;background:#fff;border:1px solid #e7eeef;border-radius:11px;box-shadow:0 4px 14px #1b4d3b03}.lab-icon{color:#00b785;background:#e6faf3;border-radius:12px;width:36px;height:36px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.lab-kpi>div>span{color:#626f7f;font-size:12px}.lab-kpi strong{display:block;font-size:24px;margin:7px 0}.lab-kpi small{font-size:10px;color:#82908c;line-height:1.5}.lab-middle{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.lab-panel{background:white;border:1px solid #e8eeee;border-radius:12px;padding:18px;box-shadow:0 3px 14px #1b4d3b03;min-width:0}.lab-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.lab h3{font-size:18px;letter-spacing:-.5px}.lab h3 small{font-size:11px;color:#8992a2;font-weight:400;margin-left:9px}.muted-tag{background:#f1f5f5;color:#7c8a90}.lab-visitor{display:grid;grid-template-columns:150px 1fr;gap:20px;min-height:220px}.lab-visitor-stats{font-size:11px;color:#8992a0;padding-top:14px}.lab-visitor-stats dl{display:grid;grid-template-columns:1fr auto;line-height:3.4;margin:0 0 16px}.lab-visitor-stats dd{margin:0;font-size:14px;color:#6a7780;font-weight:700}.lab-chart-empty{background-image:linear-gradient(#ecf1f1 1px,transparent 1px),linear-gradient(90deg,#ecf1f1 1px,transparent 1px);background-size:48px 38px;display:grid;place-items:center;text-align:center;margin:18px 0}.lab-chart-empty>div{background:#ffffffed;padding:22px 12px;border-radius:8px}.lab-chart-empty b{font-size:13px;color:#667b75}.lab-chart-empty p{font-size:11px;color:#8a9596;margin:8px 0 12px}.lab-ai-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab-ai-kpis>div{border-radius:9px;background:#edf8f5;padding:12px 16px;color:#788795;font-size:11px}.lab-ai-kpis strong{display:block;color:#273642;font-size:28px;margin:4px 0}.lab-ai-kpis small{font-size:10px;font-weight:400}.lab-ai-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:13px}.lab-ai-table th{font-weight:400;border-bottom:1px solid #e9eeee;padding:8px 5px;color:#87919f;text-align:left}.lab-ai-table td{text-align:center;padding:22px 5px;color:#849199}.lab-ai-table td p{margin-top:8px}.lab-feasibility{font-size:11px;color:#6f7c84;line-height:1.7}.lab-feasibility summary{cursor:pointer;color:#00a679}.lab-post-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lab-post-heading>span{color:#7e8b97;font-size:11px}.lab-post-heading .warning{background:#fff2dc;color:#aa6a14}.lab-actions{display:flex;gap:6px;flex-wrap:wrap}.lab-chip{border:1px solid #e0e7e9;border-radius:22px;padding:8px 12px;font-size:11px;color:#6c7887;background:white;cursor:pointer;white-space:nowrap}.lab-chip.active{border-color:#00be88;color:#007c60;background:#f6fffc}.lab-card-title{font-size:13px;margin:6px 0 10px!important}.lab-card-title small{font-weight:400;color:#85919d;margin-left:8px}.lab-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.lab-post-card{border:1px solid #e0e7e8;border-radius:9px;display:grid;grid-template-columns:105px 1fr;gap:14px;align-items:center;padding:7px;min-width:0}.lab-thumb{height:86px;border-radius:8px;background:linear-gradient(140deg,#dbf6ee,#92c6b3);position:relative;display:grid;place-items:center;color:#1e7c5b}.lab-thumb>span{position:absolute;top:7px;left:6px;border-radius:15px;background:#0c6650;color:#c0ffe8;font-size:9px;padding:3px 7px}.lab-thumb>b{font-size:30px;margin-top:15px}.lab-post-card h4{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lab-post-card p{font-size:10px;color:#85919c;margin-top:14px}.lab-post-card p span{display:block;margin-top:5px}.lab-table-tools{display:flex;align-items:center;gap:8px;margin-bottom:10px}.lab-table-tools>div{flex:1;font-size:11px;color:#8793a0}.lab-table-tools b{color:#263441;font-size:13px}.lab-table-tools input{width:180px;font-size:11px}.lab-table-tools select{width:130px;font-size:11px}.lab-progress{display:flex;align-items:center;gap:10px;font-size:10px;color:#7c8d92;margin-bottom:10px}.lab-progress progress{height:5px;accent-color:#00bb87;width:120px}.lab-progress button{background:none;border:0;color:#00a579;cursor:pointer;font-size:11px}.lab-table-wrap{overflow:auto}.lab-table{width:100%;border-collapse:collapse;min-width:1000px;font-size:11px}.lab-table th{background:#f4f8f8;color:#8993a1;font-weight:500;padding:8px;text-align:center;white-space:nowrap}.lab-table td{border-bottom:1px solid #edf1f2;padding:9px 7px;text-align:center;color:#687587;white-space:nowrap}.lab-table th:nth-child(3),.lab-table td:nth-child(3){text-align:left}.lab-table td:nth-child(3){white-space:normal;min-width:240px;max-width:380px;color:#253541}.lab-table tr:hover{background:#f7fcfa}.lab-table input{accent-color:#00b885}.lab-table button{border:0;background:none;color:inherit;cursor:pointer;font:inherit}.lab-title-length{font-size:9px;color:#9ba6ac;display:block;margin-top:3px}.lab-footnote{font-size:10px;color:#8b979f;margin-top:14px!important;line-height:1.8}.lab-no-post{padding:25px;color:#83938e;background:#f8fbfa;border-radius:8px;font-size:12px;grid-column:1/-1}.lab-data-note{color:#7e8c92;font-size:12px;line-height:1.9}.lab-data-note summary{cursor:pointer;color:#486156}.lab-data-note p{margin-top:10px}#post-dialog{border:1px solid #dfe9e6;border-radius:15px;max-width:650px;width:90%;padding:24px;color:#283d35}#post-dialog::backdrop{background:#062d2580}.lab-dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eeee;padding-bottom:14px;margin-bottom:16px}.lab-dialog-top button{border:0;background:none;font-size:25px;cursor:pointer}#dialog-content article{padding:10px 0;border-bottom:1px solid #edf2ef}#dialog-content p{line-height:1.8;color:#6f7f76;margin:8px 0}#dialog-content a{color:#00a374}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #00b684;outline-offset:3px}
@media(min-width:1500px){.lab-banner{min-height:218px}.lab-post-card{grid-template-columns:145px 1fr}.lab-kpi{min-height:120px}}
@media(max-width:1150px){.lab-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-middle{grid-template-columns:1fr}.lab-featured{grid-template-columns:1fr}.lab-post-card{grid-template-columns:110px 1fr}.lab-post-card p span{display:inline;margin-left:10px}.lab-table-tools{flex-wrap:wrap}.lab-table-tools>div{flex-basis:100%}}
@media(max-width:850px){body:has(.lab) .layout{grid-template-columns:1fr}body:has(.lab) .sidebar{min-height:0}body:has(.lab) .main{padding:12px}.lab-search{flex-wrap:wrap}.lab-search label{min-width:190px}.lab-banner{padding:20px}.lab-profile h2{font-size:21px}.lab-banner h3{font-size:23px}.lab-caption{display:block;line-height:1.9}.lab-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-kpi{padding:13px;gap:8px}.lab-kpi strong{font-size:21px}.lab-visitor{grid-template-columns:115px 1fr;gap:10px}.lab-panel{padding:15px}.lab-banner-head{margin-bottom:15px}.lab-banner-desc{line-height:1.7}}
@media(max-width:430px){.lab-avatar{width:50px;height:50px}.lab-profile{gap:12px}.lab-profile h2{font-size:19px}.lab-kpi{min-height:105px}.lab-icon{width:28px;height:28px;font-size:20px}.lab-kpi>div>span{font-size:11px}.lab-visitor{grid-template-columns:1fr}.lab-visitor-stats dl{grid-template-columns:1fr auto}.lab-visitor-stats{display:none}.lab-chart-empty{min-height:190px}.lab-search .lab-primary{width:100%}.lab-ai-kpis>div{padding:10px}.lab-table-tools input{width:150px}.lab-table-tools select{flex:1}.lab-progress{flex-wrap:wrap}.lab-banner h3{font-size:22px}}
.metric-entry-link{display:block;font-size:11px;color:#00a87b;margin-top:8px;text-decoration:underline}.lab-metrics-settings{font-size:12px;color:#6f8078;line-height:1.8}.lab-metrics-settings summary{cursor:pointer;font-weight:700;color:#1d634e}.lab-metrics-settings p{margin:12px 0}.lab-metrics-settings form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:15px 0}.lab-metrics-settings label{flex:1;min-width:155px;margin:0}.lab-metrics-settings input{display:block;width:100%;border:1px solid #d8e3df;border-radius:8px;padding:10px;font:inherit}.lab-metrics-settings button:disabled{opacity:.5;cursor:wait}.metrics-chart svg{width:100%;display:block;min-height:180px}.metrics-chart{min-width:0;padding-top:8px}.metrics-chart details{font-size:11px;color:#6c8176}.metrics-chart details p{margin:5px 0}.metrics-chart summary{cursor:pointer}.lab-kpi small{overflow-wrap:anywhere}.lab-kpi strong{color:#182d26}
.engagement-progress{font-size:11px;color:#56796a;margin:7px 0 10px!important;line-height:1.7}.lab-table td.likes,.lab-table td.comments{color:#137a5b;font-variant-numeric:tabular-nums;font-weight:600}
/* v12: large vertical featured cards */
.lab-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px}.lab-card-heading .lab-card-title{margin:0!important;font-size:13px}.lab-card-heading select{border:1px solid #dfe8e3;border-radius:8px;padding:7px 10px;background:#fff;color:#63776b;font:inherit;font-size:11px}.lab-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.lab-featured .lab-post-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:20px 22px 22px;border:1px solid #dce6dd;border-radius:20px;background:#fbfdfb;min-width:0;transition:box-shadow .15s,border-color .15s}.lab-featured .lab-post-card:hover{border-color:#97c9b2;box-shadow:0 5px 20px #0c56340b}.lab-featured .lab-thumb{height:auto;aspect-ratio:1.68;border-radius:14px;overflow:hidden;background:#edf3ef;position:relative}.lab-featured .lab-thumb b{font-size:12px;font-weight:400;color:#98a89f;margin:0}.lab-featured .lab-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lab-featured .lab-thumb>span{z-index:1;top:10px;left:10px;background:#183d32f0;color:#fff;font-size:11px;font-weight:800;padding:6px 12px;border-radius:22px}.lab-featured .lab-post-card:first-child .lab-thumb>span{color:#10efb1;background:#003e2e}.lab-card-body{display:flex;flex-direction:column;flex:1;gap:18px}.lab-featured .lab-post-card h4{font-size:14px;line-height:1.55;min-height:44px;font-weight:750;color:#1a2922}.lab-card-footer{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto}.lab-featured .lab-post-card p{margin:0;white-space:nowrap}.lab-card-footer strong{font-size:21px;color:#1d2922;letter-spacing:-.3px}.lab-card-footer small{font-size:11px;color:#7f9187;margin-left:7px}.lab-card-footer time{font-size:11px;color:#82958a;white-space:nowrap}.lab-section-number{display:inline-grid;place-items:center;width:30px;height:25px;border-radius:20px;color:white;background:#0dc492;font-size:12px;margin-right:6px;letter-spacing:0}.lab-fold{margin-left:auto;border:0;background:none;color:#809087;font-size:11px;cursor:pointer;padding:7px}.top-total{background:#eef3ef;color:#63786d}.lab-posts>header{border-bottom:1px solid #edf2ed;padding-bottom:13px}.lab-posts #post-diagnosis-body[hidden]{display:none!important}
@media(max-width:1100px){.lab-featured .lab-post-card{padding:15px}.lab-card-footer{flex-wrap:wrap;gap:5px}.lab-featured .lab-post-card h4{font-size:13px}.lab-card-footer strong{font-size:19px}}
@media(max-width:620px){.lab-featured{grid-template-columns:1fr}.lab-featured .lab-post-card{padding:20px}.lab-featured .lab-thumb{aspect-ratio:1.85}.lab-featured .lab-post-card h4{font-size:15px;min-height:0}.lab-card-footer{flex-wrap:nowrap}.lab-card-footer strong{font-size:23px}.lab-card-heading{align-items:start}.lab-card-title small{display:block;margin:5px 0 0}.lab-card-heading select{max-width:125px}}
.lab-view-settings{padding:15px;border:1px solid #dce9e0;border-radius:12px;margin:15px 0;background:#f8fcf9;color:#597568;font-size:12px;line-height:1.7}.lab-view-settings summary{cursor:pointer;color:#196449;font-weight:700}.lab-view-settings p{margin:10px 0}.views-metadata{display:flex;gap:12px;margin:14px 0}.views-metadata label{flex:1}.lab-view-settings input{border:1px solid #d2e0d7;border-radius:7px;padding:9px;font:inherit;width:100%;display:block;margin-top:5px}.views-input-list{max-height:300px;overflow:auto;margin:12px 0}.views-input-list label{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;border-bottom:1px solid #e5eee8;padding:8px 0;font-weight:400}.views-input-list input{margin:0}.lab-featured .lab-view-source{font-size:10px;color:#81968a;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.lab-view-settings button:disabled{opacity:.5}@media(max-width:540px){.views-metadata{flex-direction:column}.views-input-list label{grid-template-columns:minmax(0,1fr) 95px}}
.lab-auto-views-note{font-size:11px;line-height:1.8;color:#648574;margin:10px 0!important}#refresh-popular{margin-bottom:15px}.lab-featured .lab-view-source{font-size:10px;color:#83958b}
.lab-ai-panel{display:flex;flex-direction:column;gap:10px}.lab-ai-panel header{margin-bottom:0}.ai-provider-note,.ai-cost-note{font-size:11px;color:#778f83;line-height:1.8}#ai-citation-form{margin:7px 0}#ai-citation-form input{width:100%;border:1px solid #dae6df;border-radius:8px;font:inherit;padding:10px 12px}.ai-cost-note{margin:8px 0!important;color:#927b53}#ai-status{font-size:11px;line-height:1.8;color:#557d67}#ai-history{max-height:350px;overflow:auto}.ai-check{padding:14px 0;border-top:1px solid #e7eeea;font-size:12px;line-height:1.8}.ai-check h4{font-size:13px;overflow-wrap:anywhere}.ai-check p{margin:6px 0!important}.ai-check a{color:#06946c;text-decoration:underline;overflow-wrap:anywhere}.ai-check summary{cursor:pointer;color:#7b8d82;font-size:11px}.ai-check-meta{color:#8a9b90;font-size:10px}.ai-hit{color:#08a273}.ai-nohit{color:#758579}.ai-error{color:#a55d3d}#ai-run-button:disabled,#ai-export:disabled{opacity:.45;cursor:not-allowed}