:root{
  --bg:#f3f7f7;--panel:#ffffff;--text:#18201f;--muted:#687674;--line:#dfe8e6;
  --accent:#16796f;--accent-strong:#0e5f58;--accent-soft:#e6f4f1;--blue-soft:#edf5fb;
  --warm:#fff8e9;--warn:#9a6411;--warn-soft:#fff4d8;--danger:#a63b3b;--danger-soft:#fff0f0;
  --soft:#f6f9f8;--shadow:0 8px 28px rgba(27,72,66,.055);
}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#0d1413;--panel:#151d1c;--text:#edf5f3;--muted:#9aaba7;--line:#2a3936;
    --accent:#65cabb;--accent-strong:#8ad8cd;--accent-soft:#17322e;--blue-soft:#172630;
    --warm:#2a2418;--warn:#f3c36f;--warn-soft:#302817;--danger:#ff9d9d;--danger-soft:#321d1d;
    --soft:#1b2523;--shadow:none;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button,input,select,summary{touch-action:manipulation}
.shell{max-width:1480px;margin:0 auto;padding:30px 22px 60px}
.hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:16px}
.hero-copy{max-width:900px}.brand-row{display:flex;align-items:center;gap:8px}
.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--accent);color:white;font-weight:900}
.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.10em}
h1{font-size:36px;line-height:1.14;margin:10px 0 10px;letter-spacing:-.035em}
h2{font-size:20px;margin:3px 0 5px;letter-spacing:-.02em}
h3{font-size:18px;margin:3px 0 5px;letter-spacing:-.02em}
.sub,.table-head p,.note,.scenario-head p,.plain-contract{color:var(--muted);margin:0;line-height:1.62}
.sub b,.table-head p b{color:var(--text)}
.hero-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.badge{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap;background:var(--panel)}
.badge.live{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent-strong)}
.badge.demo{background:var(--warm);color:var(--warn)}
.segmented{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px;background:var(--panel)}
.segmented button{height:33px;border:0;background:transparent;padding:0 11px;border-radius:8px;font-size:12px;color:var(--muted)}
.segmented button.active{background:var(--accent-soft);color:var(--accent-strong)}
.panel,.notice,.journey-item,.metric{box-shadow:var(--shadow)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:19px;margin-top:14px}
.notice{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel);margin:12px 0}
.notice-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-weight:900;font-size:12px}
.notice strong{font-size:13px}.notice p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.notice.warning{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,var(--line))}
.notice.warning .notice-icon{background:var(--warm);color:var(--warn)}
.notice.error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}
.notice.error .notice-icon{background:var(--danger-soft);color:var(--danger)}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}
.journey-item{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:11px 12px}
.journey-item>span{font-size:10px;font-weight:900;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;padding:6px}
.journey-item div{display:flex;flex-direction:column;min-width:0}.journey-item b{font-size:12px}.journey-item small{font-size:10px;color:var(--muted);margin-top:2px}
.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}
.preset{min-width:245px}
.controls .grid{display:grid;gap:12px}.primary-grid{grid-template-columns:1.05fr 1.35fr 1.2fr 1.55fr 1.55fr}.secondary-grid{grid-template-columns:repeat(3,1fr);margin-top:13px}
label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:730;min-width:0}
.help{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid var(--line);border-radius:50%;font-style:normal;font-size:10px;color:var(--muted);cursor:help}
input,select{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 11px;outline:none;min-width:0;width:100%}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.input-unit,.range-input{display:flex;align-items:center;gap:6px}.input-unit input{flex:1}.input-unit em,.range-input em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap}.range-input input{flex:1;min-width:0}.range-input>span{color:var(--muted)}
.advanced-filter{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.advanced-filter summary,.learn-box summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--text)}
.advanced-filter summary::-webkit-details-marker,.learn-box summary::-webkit-details-marker{display:none}
.advanced-filter summary::before,.learn-box summary::before{content:"＋";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--soft);color:var(--accent-strong)}
.advanced-filter[open] summary::before,.learn-box[open] summary::before{content:"−"}
.advanced-filter summary small,.learn-box summary small{font-size:10px;font-weight:500;color:var(--muted)}
.actions{display:flex;align-items:center;gap:9px;margin-top:15px;flex-wrap:wrap}
button{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);height:41px;padding:0 14px;cursor:pointer;font-weight:760}
button.primary{background:var(--accent);color:white;border-color:var(--accent)}
button:hover:not(:disabled){filter:brightness(.98)}button:disabled{opacity:.55;cursor:not-allowed}
.status{color:var(--muted);font-size:11px;margin-left:4px}
.validation{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:12px}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.metric{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 15px;min-width:0}
.metric span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.metric strong{display:block;font-size:21px;overflow-wrap:anywhere}.metric small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.accent-metric{background:linear-gradient(180deg,var(--panel),var(--accent-soft));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.table-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:10px}.compact{min-width:215px}
.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:9px 11px;background:var(--soft);border-radius:10px;margin-bottom:10px}.legend b{color:var(--text)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
th,td{padding:10px 10px;border-bottom:1px solid var(--line);text-align:right}
th{position:sticky;top:0;background:var(--soft);color:var(--muted);font-size:10px;z-index:1;line-height:1.25}th small{font-size:9px;font-weight:500}
th:first-child,td:first-child{text-align:left}
tbody tr{cursor:pointer;transition:background .12s ease}tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel))}
tbody tr.selected{background:var(--accent-soft);outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-2px}
.empty{padding:38px 20px;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;color:var(--text);font-size:14px;margin-bottom:5px}.empty span{display:block}
.hidden{display:none!important}
.shell[data-view="basic"] .advanced-col{display:none}
.detail-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.plain-contract{font-size:11px;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cost-block{text-align:right}.cost-block span,.cost-block small{display:block;font-size:10px;color:var(--muted)}.cost-block strong{display:block;font-size:22px;margin:3px 0}
.quick-read{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:14px}
.quick-read>div,.plain-summary>div{background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:11px}
.quick-read span,.quick-read small,.plain-summary span,.plain-summary small{display:block;color:var(--muted);font-size:10px}.quick-read strong,.plain-summary strong{display:block;font-size:17px;margin:3px 0}
.plain-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}
.learn-box{margin-top:12px;border:1px solid var(--line);border-radius:11px;padding:11px 13px}
.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;margin-top:11px}.glossary p{margin:0;display:grid;grid-template-columns:66px 1fr;gap:8px;font-size:11px;line-height:1.5}.glossary span{color:var(--muted)}
.scenario-head{margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.assumption-note{display:inline-block;margin-top:6px;padding:5px 8px;border-radius:7px;background:var(--soft);color:var(--muted);font-size:10px}
.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:12px}
.scenario-message{margin-top:10px;padding:9px 11px;border-radius:9px;background:var(--warn-soft);color:var(--warn);font-size:11px}
.scenario{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.scenario>div{border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--blue-soft)}.scenario span{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.scenario strong{font-size:17px}
.note{font-size:10px;margin-top:11px}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.info-grid>div{background:var(--soft);border-radius:10px;padding:12px}.info-grid b{font-size:12px}.info-grid p{font-size:10px;color:var(--muted);line-height:1.55;margin:4px 0 0}
.footer{text-align:center;color:var(--muted);font-size:10px;padding:20px 0 0}
@media(max-width:1120px){.primary-grid{grid-template-columns:repeat(2,1fr)}.journey{grid-template-columns:repeat(3,1fr)}.quick-read{grid-template-columns:repeat(3,1fr)}.plain-summary,.info-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.secondary-grid,.summary,.scenario{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column}.hero-tools{justify-content:flex-start}.section-title,.table-head{align-items:stretch;flex-direction:column}.preset,.compact{min-width:0}.journey{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.shell{padding:18px 11px 40px}.primary-grid,.secondary-grid,.summary,.detail-grid,.scenario,.journey,.quick-read,.plain-summary,.info-grid,.glossary{grid-template-columns:1fr}.hero-tools{width:100%;justify-content:space-between}.cost-block{text-align:left}.detail-title{flex-direction:column}h1{font-size:30px}.notice{padding:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.beginner-tip{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin:-1px 0 10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:11px;background:var(--accent-soft);font-size:10px;color:var(--muted)}
.beginner-tip>b{color:var(--accent-strong);font-size:11px}.beginner-tip span strong{color:var(--text)}
.quick-read small{line-height:1.35;white-space:normal}
@media(max-width:780px){.beginner-tip{align-items:flex-start;flex-direction:column;gap:5px}}
.starter-glossary{margin:12px 0 0;border:1px solid var(--line);border-radius:14px;padding:11px 13px;background:var(--panel);box-shadow:var(--shadow)}
.starter-glossary summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;color:var(--text)}
.starter-glossary summary::-webkit-details-marker{display:none}.starter-glossary summary::before{content:"?";display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-weight:900}.starter-glossary summary small{font-size:10px;color:var(--muted);font-weight:600}
.starter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:11px}.starter-grid>div{padding:9px 10px;border-radius:9px;background:var(--soft);border:1px solid var(--line)}.starter-grid b,.starter-grid span{display:block}.starter-grid b{font-size:11px;color:var(--accent-strong)}.starter-grid span{font-size:10px;color:var(--muted);line-height:1.4;margin-top:2px}.starter-glossary>p{margin:9px 0 0;font-size:10px;color:var(--muted);line-height:1.5}
@media(max-width:1000px){.starter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.starter-grid{grid-template-columns:repeat(2,1fr)}}


/* v0.5 strategy layer */
.section-copy{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.section-copy b{color:var(--text)}
.strategy-tag{align-self:flex-start;padding:7px 10px;border-radius:999px;background:var(--warm);color:var(--warn);font-size:10px;font-weight:850;border:1px solid color-mix(in srgb,var(--warn) 18%,var(--line));white-space:nowrap}
.strategy-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:12px}
.scenario-builder,.rule-card{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:14px}
.scenario-sentence{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:780}.scenario-sentence>span:first-child{color:var(--accent-strong)}.scenario-sentence label{display:flex;flex-direction:row;align-items:center;gap:5px}.scenario-sentence input{width:86px;height:38px;background:var(--panel);text-align:right;font-weight:800}.scenario-sentence em{font-size:11px;font-style:normal;color:var(--muted);white-space:nowrap}
.scenario-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.scenario-preview>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px}.scenario-preview span,.scenario-preview strong{display:block}.scenario-preview span{font-size:10px;color:var(--muted)}.scenario-preview strong{font-size:16px;margin-top:3px}
.strategy-advanced,.rule-settings{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.strategy-advanced summary,.rule-settings summary{cursor:pointer;list-style:none;display:flex;gap:7px;align-items:center;font-size:11px;font-weight:820}.strategy-advanced summary small,.rule-settings summary small{color:var(--muted);font-weight:550}.strategy-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.rule-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.rule-title span{font-size:12px;font-weight:850}.rule-title small{font-size:9px;color:var(--muted)}
.rule-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.rule-list>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px}.rule-list b,.rule-list strong,.rule-list span{display:block}.rule-list b{font-size:9px;color:var(--muted)}.rule-list strong{font-size:14px;margin:2px 0}.rule-list span{font-size:9px;color:var(--muted)}.rule-list strong span{display:inline;color:inherit;font-size:inherit}
.rule-input-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.rule-input-grid label{font-size:9px}.rule-input-grid input{height:36px}
.scenario-col{background:color-mix(in srgb,var(--accent-soft) 70%,var(--soft))}
td.scenario-value{font-weight:850;color:var(--accent-strong)}td.scenario-muted{color:var(--muted);font-size:10px}
.selected-scenario{margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:13px;padding:13px;background:linear-gradient(180deg,var(--panel),var(--accent-soft))}.selected-scenario-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.selected-scenario-head>div span,.selected-scenario-head>div strong{display:block}.selected-scenario-head>div span{font-size:10px;color:var(--muted)}.selected-scenario-head>div strong{font-size:14px;margin-top:2px}.selected-scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.selected-scenario-grid>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px}.selected-scenario-grid span,.selected-scenario-grid small{display:block;color:var(--muted);font-size:9px}.selected-scenario-grid strong{display:block;font-size:16px;margin:3px 0}.signal-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:850;border:1px solid var(--line);white-space:nowrap}.signal-badge.neutral{background:var(--panel);color:var(--muted)}.signal-badge.triggered{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 24%,var(--line))}
@media(max-width:1050px){.strategy-layout{grid-template-columns:1fr}.rule-input-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.scenario-preview,.selected-scenario-grid{grid-template-columns:repeat(2,1fr)}.strategy-input-grid,.rule-input-grid{grid-template-columns:repeat(2,1fr)}.selected-scenario-head{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.scenario-preview,.selected-scenario-grid,.rule-list,.strategy-input-grid,.rule-input-grid{grid-template-columns:1fr}.scenario-sentence{align-items:flex-start;flex-direction:column}.scenario-sentence label{width:100%}.scenario-sentence input{flex:1;width:auto}}

/* v0.6 · IV context */
.iv-context-card{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--soft2)}
.iv-context-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.iv-context-head p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.iv-context-head button{white-space:nowrap}
.iv-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.iv-context-block{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}
.iv-context-block>span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}
.iv-context-block>strong{display:block;font-size:18px;margin-bottom:3px}
.iv-context-block>small{display:block;color:var(--muted);font-size:10px;line-height:1.4}
.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mini-stats span{background:var(--soft);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:10px}
.mini-stats b{color:var(--text)}
.iv-history-message{margin-top:10px;padding:9px 10px;border-radius:8px;background:var(--panel);border:1px dashed var(--line);font-size:11px;color:var(--muted);line-height:1.45}
.iv-history-message.error{color:var(--warn)}
.iv-history-message.ok{color:var(--good)}
@media(max-width:700px){.iv-context-head{flex-direction:column}.iv-context-head button{width:100%}.iv-context-grid{grid-template-columns:1fr}}


/* v0.7 · local trading journal */
.journal-entry-card{margin-top:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;padding:14px;background:linear-gradient(180deg,var(--panel),var(--accent-soft))}
.journal-entry-head,.journal-subhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.journal-entry-head p,.journal-subhead p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.journal-entry-head p b{color:var(--text)}
.local-badge,.mini-badge{padding:6px 9px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:9px;font-weight:850;color:var(--muted);white-space:nowrap}
.journal-entry-grid,.close-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.journal-wide{grid-column:span 2}.journal-entry-grid textarea{width:100%;resize:vertical;min-height:58px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:9px 10px;font:inherit;outline:none}.journal-entry-grid textarea:focus{border-color:var(--text)}
.journal-cost-preview{margin-top:10px;padding:9px 11px;border-radius:9px;background:var(--panel);border:1px dashed var(--line);font-size:11px;color:var(--muted);line-height:1.45}.journal-cost-preview strong{color:var(--text)}
.journal-panel{scroll-margin-top:16px}.journal-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.journal-actions button{height:34px;padding:0 10px;font-size:10px}
.journal-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.journal-summary>div,.guardrail-status>div{border:1px solid var(--line);border-radius:11px;padding:11px;background:var(--soft2)}.journal-summary span,.journal-summary small,.guardrail-status span,.guardrail-status small{display:block;color:var(--muted);font-size:9px}.journal-summary strong,.guardrail-status strong{display:block;font-size:17px;margin:3px 0}.journal-summary .positive,.journal-table-wrap .positive{color:var(--good)}.journal-summary .negative,.journal-table-wrap .negative{color:var(--warn)}
.guardrail-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.guardrail-status .warning-value{color:var(--warn)}
.journal-subsection{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.journal-subhead h3{margin:0;font-size:14px}.journal-table-wrap{margin-top:9px}.journal-table-wrap table{font-size:11px}.journal-table-wrap th{font-size:9px}.journal-table-wrap td:last-child{white-space:nowrap}.journal-row-actions{display:flex;gap:5px;justify-content:flex-end}.journal-row-actions button{height:30px;padding:0 8px;font-size:9px}.journal-row-actions .danger{color:var(--warn)}
.journal-empty{display:none;padding:22px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:10px;margin-top:9px}.close-trade-card{margin-top:14px;border:1px solid color-mix(in srgb,var(--warn) 25%,var(--line));background:var(--warm);border-radius:13px;padding:14px;scroll-margin-top:14px}.close-grid{grid-template-columns:repeat(5,1fr)}
.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.performance-card{border:1px solid var(--line);border-radius:11px;background:var(--soft2);padding:11px}.performance-card>span{font-size:10px;color:var(--muted);font-weight:800}.performance-list{display:grid;gap:6px;margin-top:8px}.performance-row{display:grid;grid-template-columns:minmax(100px,1fr) auto auto auto;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-size:10px}.performance-row b{font-size:10px}.performance-row span{color:var(--muted);text-align:right}.performance-row .sample-low{color:var(--warn)}.performance-empty{font-size:10px;color:var(--muted);padding:8px 0}
.storage-note{margin-top:16px;padding:10px 12px;background:var(--soft);border-radius:9px;color:var(--muted);font-size:10px;line-height:1.5}.storage-note.ok{color:var(--good)}.storage-note.error{color:var(--warn)}
@media(max-width:1180px){.journal-summary{grid-template-columns:repeat(3,1fr)}.journal-entry-grid,.close-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.journal-summary,.guardrail-status,.performance-grid{grid-template-columns:repeat(2,1fr)}.journal-entry-grid,.close-grid{grid-template-columns:repeat(2,1fr)}.journal-actions{justify-content:flex-start}.journal-entry-head,.journal-subhead{flex-direction:column}.journal-wide{grid-column:span 2}}
@media(max-width:520px){.journal-summary,.guardrail-status,.performance-grid,.journal-entry-grid,.close-grid{grid-template-columns:1fr}.journal-wide{grid-column:span 1}.performance-row{grid-template-columns:1fr auto}.performance-row span:nth-child(3),.performance-row span:nth-child(4){grid-column:2}.journal-row-actions{justify-content:flex-start}}