/* A11-300 · FR24 진단 / 경산바나나 설정에 밀착한 콤팩트 화면 */
.fr24d{--fd-fg:#203138;--fd-muted:#6b7a80;--fd-line:#dbe2e5;--fd-surface:#f6f8f8;--fd-surface-2:#fff;--fd-accent:#df652e;--fd-success:#2e8061;color:var(--fd-fg);font-variant-numeric:tabular-nums}
.fr24d *{box-sizing:border-box}
.fr24d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:4px 0 18px;border-left:3px solid var(--fd-accent);padding:8px 4px 8px 11px;background:var(--fd-surface);border-radius:0 7px 7px 0}
.fr24d-live{font-size:13px;font-weight:850;color:var(--fd-fg)}
.fr24d-live::before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;vertical-align:1px;border-radius:50%;background:#aab5b9}
.fr24d-live[data-state=ok]::before{background:var(--fd-success)}
.fr24d-live[data-state=error]::before{background:#c14f4c}
.fr24d-toolbar>span:last-child{font-size:11px;font-weight:700;color:var(--fd-muted);white-space:nowrap}
.fr24d-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:19px 0 9px;padding:0 2px}
.fr24d-title strong{font-size:14px;font-weight:900;letter-spacing:-.2px}
.fr24d-title small{font-size:11px;color:var(--fd-muted);font-weight:700}
.fr24d-budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--fd-surface-2);border:1px solid var(--fd-line);border-radius:10px;overflow:hidden}
.fr24d-budget>div{padding:13px 8px 11px 11px;min-width:0}
.fr24d-budget>div+div{border-left:1px solid var(--fd-line)}
.fr24d-budget span{display:block;color:var(--fd-muted);font-size:11px;font-weight:700;white-space:nowrap}
.fr24d-budget strong{display:block;font-size:clamp(17px,4.9vw,23px);letter-spacing:-.7px;line-height:1.2;margin-top:6px;font-weight:850;white-space:nowrap}
.fr24d-budget .fr24d-reserve{color:var(--fd-accent)}
.fr24d-meter{height:5px;background:var(--fd-line);border-radius:9px;overflow:hidden;margin:12px 3px 7px;display:flex}
.fr24d-meter-fill{display:block;width:0%;height:100%;background:var(--fd-accent);border-radius:9px;transition:width .2s ease}
.fr24d-summary{font-size:12px;line-height:1.6;color:var(--fd-muted);padding:0 2px;white-space:normal}
.fr24d-summary strong{color:var(--fd-fg)}
.fr24d-facts{border-top:1px solid var(--fd-line);border-bottom:1px solid var(--fd-line);background:var(--fd-surface-2)}
.fr24d-fact{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 4px;font-size:12px;line-height:1.45}
.fr24d-fact+.fr24d-fact{border-top:1px solid var(--fd-line)}
.fr24d-fact>span:first-child{flex:none;color:var(--fd-muted);font-weight:700}
.fr24d-fact strong{font-weight:800;text-align:right;overflow-wrap:anywhere}
.fr24d-flights{border-top:1px solid var(--fd-line)}
.fr24d-flight{padding:12px 3px 13px;border-bottom:1px solid var(--fd-line)}
.fr24d-flight-top{display:flex;gap:8px;align-items:center;justify-content:space-between}
.fr24d-code{font-size:17px;letter-spacing:.2px;font-weight:900;color:var(--fd-fg)}
.fr24d-tag{flex:none;border:1px solid var(--fd-line);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:850;color:var(--fd-muted)}
.fr24d-tag[data-kind=ok]{background:#edf7f1;border-color:#cde7d8;color:#267755}
.fr24d-tag[data-kind=error]{background:#fff1eb;border-color:#f3d9cc;color:#aa5435}
.fr24d-flight-meta{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;color:var(--fd-muted);line-height:1.4}
.fr24d-flight-meta b{font-weight:800;color:var(--fd-fg)}
.fr24d-flight-note{margin-top:8px;font-size:11px;line-height:1.55;color:var(--fd-muted);overflow-wrap:anywhere}
.fr24d-empty{padding:20px 3px;color:var(--fd-muted);font-size:13px;line-height:1.6}
.fr24d-details{margin-top:15px;border-top:1px solid var(--fd-line);border-bottom:1px solid var(--fd-line);font-size:12px;color:var(--fd-fg)}
.fr24d-details summary{min-height:46px;display:flex;align-items:center;gap:9px;padding:10px 3px;cursor:pointer;list-style:none;font-weight:850}
.fr24d-details summary::-webkit-details-marker{display:none}
.fr24d-details summary::before{content:'＋';color:var(--fd-accent);font-size:17px;font-weight:500}
.fr24d-details[open] summary::before{content:'−'}
.fr24d-details summary small{margin-left:auto;color:var(--fd-muted);font-size:11px}
.fr24d-request-list{list-style:none;margin:0;padding:0 3px 12px}
.fr24d-request-list li{padding:9px 0;border-top:1px solid var(--fd-line);color:var(--fd-muted);line-height:1.5;overflow-wrap:anywhere}
.fr24d-request-list b{color:var(--fd-fg)}
.fr24d-disclaimer{margin:15px 2px 4px;font-size:11px;line-height:1.65;color:var(--fd-muted)}
.fr24d-auth{margin:10px 0 20px}
.fr24d-auth label{display:block;color:var(--fd-muted);font-weight:800;font-size:12px;margin-bottom:8px}
.fr24d-auth-fields{display:flex;gap:8px}
.fr24d-auth-fields input{min-width:0;min-height:44px;flex:1;border:1px solid var(--fd-line);border-radius:8px;padding:8px 10px;color:var(--fd-fg);background:var(--fd-surface-2);font-size:16px}
.fr24d-auth-fields button{flex:none;min-height:44px;border:0;border-radius:8px;padding:0 12px;background:#26393f;color:#fff;font-size:13px;font-weight:800}
.fr24d-auth-message{font-size:12px;color:var(--fd-muted);line-height:1.5}
.fr24d-auth-message[data-state=error]{color:#b34843}
html[data-theme="night"] .fr24d{--fd-fg:#ecf1f4;--fd-muted:#afbdc7;--fd-line:#394650;--fd-surface:#232c33;--fd-surface-2:#1b2127;--fd-accent:#eda16f;--fd-success:#86cbaa}
html[data-theme="night"] .fr24d-tag[data-kind=ok]{background:#19372b;border-color:#3d6755;color:#a0d8b5}
html[data-theme="night"] .fr24d-tag[data-kind=error]{background:#352621;border-color:#795449;color:#efb19a}
html[data-theme="night"] .fr24d-auth-fields button{background:#384a55}
@media(max-width:370px){.fr24d-budget>div{padding:12px 6px 10px 8px}.fr24d-budget span{font-size:10px}.fr24d-flight-meta{gap:5px}.fr24d-toolbar>span:last-child{font-size:10px}}