/* ==========================================
   NATIVE TRADE HUB WORKSPACE
========================================== */

.trade-workspace-view{
    width:100%;
    max-width:1560px;
    margin:0 auto;
    color:var(--text);
}

.trade-workspace-view button,
.trade-workspace-view input,
.trade-workspace-view select,
.trade-workspace-view textarea{ font:inherit; }

.tw-section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
}

.tw-eyebrow,
.tw-section-header > div > span{
    display:block;
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.tw-section-header h2{
    margin:5px 0;
    color:var(--text);
    font-size:clamp(27px,3vw,38px);
    line-height:1.17;
    letter-spacing:-.8px;
}

.tw-section-header p{
    max-width:850px;
    margin:0;
    color:var(--text-light);
    font-size:13px;
    line-height:1.7;
}

.tw-primary,
.tw-empty button,
.tw-hero button,
.tw-panel > header button,
.tw-match-card footer button,
.tw-builder-actions button,
.tw-request-list button,
.tw-active-plan footer button,
.tw-market-grid footer button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:42px;
    padding:9px 14px;
    border:1px solid rgba(var(--workspace-accent-rgb),.48);
    border-radius:11px;
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--text);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.tw-primary:hover,
.tw-empty button:hover,
.tw-hero button:hover,
.tw-panel > header button:hover,
.tw-match-card footer button:hover,
.tw-builder-actions button:hover,
.tw-request-list button:hover,
.tw-active-plan footer button:hover,
.tw-market-grid footer button:hover{
    border-color:var(--workspace-accent);
    background:rgba(var(--workspace-accent-rgb),.2);
    transform:translateY(-1px);
}

.tw-hero{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    min-height:205px;
    padding:30px;
    overflow:hidden;
    border:1px solid rgba(var(--workspace-accent-rgb),.28);
    border-radius:22px;
    background:
        linear-gradient(112deg,rgba(var(--workspace-accent-rgb),.16),transparent 58%),
        var(--panel);
}

.tw-hero::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-150px;
    width:340px;
    height:340px;
    border:1px solid rgba(var(--workspace-accent-rgb),.18);
    border-radius:50%;
    pointer-events:none;
}

.tw-hero > div,
.tw-hero > button{ position:relative; z-index:1; }
.tw-hero > div > span{ color:var(--workspace-accent); font-size:12px; font-weight:700; letter-spacing:1.1px; }
.tw-hero h3{ max-width:850px; margin:7px 0 8px; font-size:clamp(24px,3vw,36px); line-height:1.22; }
.tw-hero p{ max-width:720px; margin:0; color:var(--text-light); font-size:13px; line-height:1.65; }

.tw-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    margin:14px 0;
}

.tw-kpi{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:13px;
    min-width:0;
    padding:17px;
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--panel);
}

.tw-kpi > i{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--workspace-accent);
}

.tw-kpi span,
.tw-kpi small,
.tw-kpi strong,
.tw-kpi em{ display:block; min-width:0; }
.tw-kpi small{ color:var(--text-light); font-size:12px; }
.tw-kpi strong{ margin-top:2px; font-size:21px; line-height:1.2; }
.tw-kpi em{ margin-top:4px; overflow:hidden; color:var(--text-light); font-size:12px; font-style:normal; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }

.tw-opportunity-feed{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
    margin:14px 0;
}
.tw-opportunity-feed > button,
.tw-opportunity-feed > article{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:15px;
    border:1px solid var(--border);
    border-radius:15px;
    background:linear-gradient(135deg,rgba(var(--workspace-accent-rgb),.09),var(--panel));
    color:var(--text);
    text-align:left;
}
.tw-opportunity-feed > button{ cursor:pointer; transition:.2s ease; }
.tw-opportunity-feed > button:hover{ border-color:rgba(var(--workspace-accent-rgb),.55); transform:translateY(-2px); }
.tw-opportunity-feed > :is(button,article) > i:first-child{ width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:rgba(var(--workspace-accent-rgb),.13); color:var(--workspace-accent); }
.tw-opportunity-feed span{ min-width:0; }
.tw-opportunity-feed strong,
.tw-opportunity-feed small{ display:block; }
.tw-opportunity-feed strong{ font-size:14px; }
.tw-opportunity-feed small{ margin-top:3px; color:var(--text-light); font-size:12px; line-height:1.45; }
.tw-opportunity-feed > button > i:last-child{ color:var(--text-light); }

.tw-home-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.tw-panel{
    min-width:0;
    padding:19px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--panel);
}

.tw-panel.tw-span-2{ grid-column:span 2; }
.tw-panel > header{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.tw-panel > header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; letter-spacing:.8px; }
.tw-panel > header h3{ margin:3px 0 0; font-size:18px; }
.tw-panel > header button{ min-height:34px; padding:6px 10px; background:transparent; }

.tw-match-list,
.tw-match-grid{ display:grid; gap:12px; }
.tw-match-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }

.tw-match-card{
    min-width:0;
    padding:18px;
    border:1px solid var(--border);
    border-radius:17px;
    background:var(--panel);
    cursor:pointer;
    transition:.2s ease;
}

.tw-match-card.compact{ padding:15px; background:rgba(255,255,255,.018); }
.tw-match-card:hover,
.tw-match-card:focus-visible{ border-color:rgba(var(--workspace-accent-rgb),.55); transform:translateY(-2px); outline:none; }
.tw-match-card > header{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; }
.tw-match-card header > span:nth-child(2){ min-width:0; }
.tw-match-card header small,
.tw-match-card header strong,
.tw-match-card header em{ display:block; }
.tw-match-card header small{ color:var(--text-light); font-size:12px; }
.tw-match-card header strong{ margin:2px 0; overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.tw-match-card header strong i,
.tw-reputation-grid i,
.tw-dialog header h2 i{ color:#52a8ff; }
.tw-match-card header em{ color:#f4b740; font-size:12px; font-style:normal; }

.tw-avatar{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex-shrink:0;
    border:1px solid rgba(var(--workspace-accent-rgb),.3);
    border-radius:13px;
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:800;
}

.tw-avatar.large{ width:62px; height:62px; border-radius:18px; font-size:17px; }
.tw-match-score{ text-align:right; }
.tw-match-score strong{ color:var(--workspace-accent); font-size:23px !important; }

.tw-exchange-preview{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    margin:15px 0;
    padding:13px;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}

.tw-exchange-preview span{ min-width:0; }
.tw-exchange-preview small,
.tw-exchange-preview strong{ display:block; }
.tw-exchange-preview small{ color:var(--text-light); font-size:12px; }
.tw-exchange-preview strong{ margin-top:3px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.tw-exchange-preview > i{ color:var(--workspace-accent); }
.tw-match-card > footer{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tw-match-card > footer button{ margin-left:auto; min-height:34px; padding:6px 10px; }
.tw-pill{ display:inline-flex; align-items:center; gap:6px; color:var(--text-light); font-size:12px; }
.tw-pill i{ color:var(--workspace-accent); }
.tw-decision-pill{ display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border:1px solid currentColor; border-radius:999px; font-size:11px; font-weight:700; }
.tw-decision-pill.green{ color:#42d392; background:rgba(66,211,146,.08); }
.tw-decision-pill.yellow{ color:#f4c451; background:rgba(244,196,81,.08); }
.tw-decision-pill.orange{ color:#ff9f5a; background:rgba(255,159,90,.08); }
.tw-decision-pill.red{ color:#ff718f; background:rgba(255,113,143,.08); }

.tw-profile-list{ display:grid; gap:7px; }
.tw-profile-list button,
.tw-reputation-grid button{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    width:100%;
    padding:10px;
    border:1px solid transparent;
    border-radius:12px;
    background:transparent;
    color:var(--text);
    text-align:left;
    cursor:pointer;
}

.tw-profile-list button:hover,
.tw-reputation-grid button:hover{ border-color:var(--border); background:rgba(255,255,255,.025); }
.tw-profile-list button span:nth-child(2){ min-width:0; }
.tw-profile-list strong,
.tw-profile-list small{ display:block; }
.tw-profile-list strong{ font-size:13px; }
.tw-profile-list small{ color:var(--text-light); font-size:12px; }
.tw-profile-list em{ color:var(--workspace-accent); font-size:12px; font-style:normal; font-weight:700; }
.tw-privacy-inline{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; padding:14px; border:1px dashed var(--border); border-radius:12px; }
.tw-privacy-inline > i{ color:var(--workspace-accent); }
.tw-privacy-inline strong,
.tw-privacy-inline small{ display:block; }
.tw-privacy-inline strong{ font-size:13px; }
.tw-privacy-inline small{ margin-top:4px; color:var(--text-light); font-size:12px; line-height:1.45; }
.tw-privacy-inline button{ grid-column:2; justify-self:start; min-height:32px; padding:5px 9px; border:1px solid var(--border); border-radius:9px; background:rgba(255,255,255,.03); color:var(--text); font-size:12px; cursor:pointer; }

.tw-found-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.tw-found-grid > button{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:9px;
    min-width:0;
    padding:9px;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
    color:var(--text);
    text-align:left;
    cursor:pointer;
}
.tw-found-image{ width:42px; height:58px; }
.tw-found-image img{ width:100%; height:100%; object-fit:contain; }
.tw-found-grid strong,
.tw-found-grid small{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tw-found-grid strong{ font-size:12px; }
.tw-found-grid small{ margin-top:3px; color:var(--text-light); font-size:12px; }

.tw-alert-list{ display:grid; gap:10px; }
.tw-alert-list article{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; padding:12px; border:1px solid var(--border); border-radius:12px; }
.tw-alert-list i{ color:var(--workspace-accent); }
.tw-alert-list strong,
.tw-alert-list small{ display:block; }
.tw-alert-list strong{ font-size:13px; }
.tw-alert-list small{ margin-top:4px; color:var(--text-light); font-size:12px; line-height:1.5; }

.tw-insight-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.tw-insight-grid article{ min-width:0; padding:14px; border:1px solid var(--border); border-radius:13px; background:rgba(255,255,255,.02); }
.tw-insight-grid small,
.tw-insight-grid strong,
.tw-insight-grid span{ display:block; }
.tw-insight-grid small{ color:var(--text-light); font-size:12px; }
.tw-insight-grid strong{ margin-top:4px; overflow:hidden; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.tw-insight-grid span{ margin-top:5px; color:var(--text-light); font-size:12px; line-height:1.45; }
.tw-goal-card{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; }
.tw-goal-card > i{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(244,183,64,.12); color:#f4b740; }
.tw-goal-card strong,
.tw-goal-card small{ display:block; }
.tw-goal-card strong{ font-size:14px; }
.tw-goal-card small{ margin-top:4px; color:var(--text-light); font-size:12px; }
.tw-goal-card button{ grid-column:2; justify-self:start; min-height:34px; padding:6px 10px; border:1px solid var(--border); border-radius:9px; background:rgba(var(--workspace-accent-rgb),.08); color:var(--text); cursor:pointer; }
.tw-impact-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.tw-impact-grid span{ padding:12px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.02); }
.tw-impact-grid strong,
.tw-impact-grid small{ display:block; }
.tw-impact-grid strong{ color:var(--workspace-accent); font-size:20px; }
.tw-impact-grid small{ margin-top:4px; color:var(--text-light); font-size:11px; line-height:1.4; }
.tw-ending{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:14px; padding:20px; border:1px solid rgba(var(--workspace-accent-rgb),.35); border-radius:18px; background:linear-gradient(120deg,rgba(var(--workspace-accent-rgb),.12),var(--panel)); }
.tw-ending small{ color:var(--workspace-accent); font-size:12px; font-weight:700; letter-spacing:.8px; }
.tw-ending h3{ margin:4px 0 0; font-size:20px; }
.tw-ending button{ min-height:42px; padding:9px 15px; border:1px solid var(--workspace-accent); border-radius:11px; background:var(--workspace-accent); color:#07140f; font-weight:700; cursor:pointer; }

.tw-nearby-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.tw-nearby-grid > button{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; min-width:0; padding:17px; border:1px solid var(--border); border-radius:16px; background:var(--panel); color:var(--text); text-align:left; cursor:pointer; transition:.2s ease; }
.tw-nearby-grid > button:hover{ border-color:rgba(var(--workspace-accent-rgb),.55); transform:translateY(-2px); }
.tw-nearby-grid > button > span:nth-child(2){ min-width:0; }
.tw-nearby-grid small,
.tw-nearby-grid strong,
.tw-nearby-grid em{ display:block; }
.tw-nearby-grid span > small{ color:var(--text-light); font-size:12px; }
.tw-nearby-grid span > strong{ margin-top:3px; font-size:15px; }
.tw-nearby-grid span > em{ margin-top:4px; overflow:hidden; color:var(--workspace-accent); font-size:12px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.tw-nearby-grid > button > b{ color:var(--workspace-accent); font-size:20px; text-align:right; }
.tw-nearby-grid > button > b small{ color:var(--text-light); font-size:11px; font-weight:500; }

.tw-summary-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    margin-bottom:15px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--border);
}

.tw-summary-strip > span{ padding:16px; background:var(--panel); }
.tw-summary-strip small,
.tw-summary-strip strong{ display:block; }
.tw-summary-strip small{ color:var(--text-light); font-size:12px; }
.tw-summary-strip strong{ margin-top:3px; font-size:20px; }

.tw-binder-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.tw-binder-card{
    display:grid;
    grid-template-columns:105px minmax(0,1fr) auto;
    gap:15px;
    min-width:0;
    padding:16px;
    border:1px solid var(--border);
    border-radius:17px;
    background:var(--panel);
}

.tw-card-image{ width:105px; height:147px; display:grid; place-items:center; }
.tw-card-image img{ width:100%; height:100%; object-fit:contain; }
.tw-image-fallback{ width:100%; height:100%; display:grid; place-items:center; border:1px dashed var(--border); border-radius:10px; color:var(--text-light); }
.tw-binder-copy{ min-width:0; align-self:center; }
.tw-binder-copy small{ color:var(--workspace-accent); font-size:12px; }
.tw-binder-copy h3{ margin:4px 0; font-size:17px; }
.tw-binder-copy p{ margin:0; color:var(--text-light); font-size:12px; }
.tw-binder-value{ align-self:center; min-width:125px; text-align:right; }
.tw-binder-value small,
.tw-binder-value strong,
.tw-binder-value em{ display:block; }
.tw-binder-value small{ color:var(--text-light); font-size:12px; }
.tw-binder-value strong{ margin-top:3px; font-size:19px; }
.tw-binder-value em{ margin-top:4px; color:var(--text-light); font-size:12px; font-style:normal; }
.tw-binder-controls{ grid-column:2/-1; display:flex; align-items:flex-end; gap:10px; padding-top:12px; border-top:1px solid var(--border); }
.tw-binder-controls label{ display:grid; gap:5px; color:var(--text-light); font-size:12px; }
.tw-binder-controls select,
.tw-inline-select select{ min-height:38px; padding:7px 31px 7px 10px; border:1px solid var(--border); border-radius:10px; background:var(--panel-light); color:var(--text); font-size:12px; }
.tw-binder-controls > div{ display:flex; align-items:center; gap:7px; margin-left:auto; }
.tw-binder-controls > div > span{ color:var(--text-light); font-size:12px; }
.tw-binder-controls > div button{ width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--border); border-radius:9px; background:rgba(255,255,255,.03); color:var(--text); cursor:pointer; }
.tw-binder-controls > div strong{ min-width:24px; font-size:13px; text-align:center; }
.tw-remove{ min-height:34px; padding:7px 10px; border:1px solid rgba(255,92,122,.3); border-radius:9px; background:rgba(255,92,122,.08); color:#ff718f; font-size:12px; cursor:pointer; }

.tw-builder{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px minmax(0,1fr);
    gap:14px;
    align-items:start;
}

.tw-builder-side,
.tw-balance{ min-width:0; padding:17px; border:1px solid var(--border); border-radius:18px; background:var(--panel); }
.tw-builder-side > header{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px; }
.tw-builder-side header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.tw-builder-side header h3{ margin:3px 0 0; font-size:20px; }
.tw-builder-side header > strong{ color:var(--text-light); font-size:12px; }
.tw-candidate-list{ display:grid; gap:8px; max-height:650px; overflow:auto; padding-right:3px; }
.tw-candidate{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    width:100%;
    min-width:0;
    padding:9px;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
    color:var(--text);
    text-align:left;
    cursor:pointer;
}
.tw-candidate:hover,
.tw-candidate.selected{ border-color:rgba(var(--workspace-accent-rgb),.56); background:rgba(var(--workspace-accent-rgb),.08); }
.tw-candidate-image{ width:48px; height:66px; }
.tw-candidate-image img{ width:100%; height:100%; object-fit:contain; }
.tw-candidate > span:nth-child(2){ min-width:0; }
.tw-candidate small,
.tw-candidate strong,
.tw-candidate em{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tw-candidate small{ color:var(--text-light); font-size:12px; }
.tw-candidate strong{ margin-top:2px; font-size:13px; }
.tw-candidate em{ margin-top:3px; color:var(--workspace-accent); font-size:12px; font-style:normal; }
.tw-candidate > i{ color:var(--text-light); }
.tw-candidate.selected > i{ color:var(--workspace-accent); }

.tw-balance{ position:sticky; top:0; text-align:center; }
.tw-score-ring{ width:112px; height:112px; display:grid; place-items:center; align-content:center; margin:0 auto 14px; border:8px solid rgba(var(--workspace-accent-rgb),.2); border-top-color:var(--workspace-accent); border-radius:50%; }
.tw-score-ring strong,
.tw-score-ring small{ display:block; }
.tw-score-ring strong{ font-size:29px; line-height:1; }
.tw-score-ring small{ margin-top:5px; color:var(--text-light); font-size:12px; }
.tw-decision-orb{ width:112px; min-height:92px; display:grid; place-items:center; align-content:center; gap:7px; margin:0 auto 14px; border:1px solid var(--border); border-radius:22px; background:rgba(255,255,255,.025); }
.tw-decision-orb i{ font-size:25px; }
.tw-decision-orb small{ color:var(--text-light); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }
.tw-decision-orb.green i{ color:#42d392; }
.tw-decision-orb.yellow i{ color:#f4c451; }
.tw-decision-orb.orange i{ color:#ff9f5a; }
.tw-decision-orb.red i{ color:#ff718f; }
.tw-counter-advice{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; margin:12px 0; padding:11px; border:1px solid rgba(255,159,90,.28); border-radius:11px; background:rgba(255,159,90,.07); text-align:left; }
.tw-counter-advice > i{ color:#ff9f5a; }
.tw-counter-advice strong,
.tw-counter-advice small{ display:block; }
.tw-counter-advice strong{ font-size:12px; }
.tw-counter-advice small{ margin-top:4px; color:var(--text-light); font-size:11px; line-height:1.5; }
.tw-balance h3{ margin:0; font-size:20px; }
.tw-balance > p{ margin:7px 0 14px; color:var(--text-light); font-size:12px; line-height:1.55; }
.tw-balance-values{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.tw-balance-values span{ padding:10px; border:1px solid var(--border); border-radius:11px; }
.tw-balance-values small,
.tw-balance-values strong{ display:block; }
.tw-balance-values small{ color:var(--text-light); font-size:12px; }
.tw-balance-values strong{ margin-top:4px; font-size:14px; }
.tw-balance dl{ display:grid; gap:7px; margin:12px 0; }
.tw-balance dl > div{ display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid var(--border); font-size:12px; text-align:left; }
.tw-balance dt{ color:var(--text-light); }
.tw-balance dd{ margin:0; font-weight:600; text-align:right; }
.tw-builder-actions{ display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.tw-builder-actions .primary{ grid-column:1/-1; background:var(--workspace-accent); color:#07140f; }
.tw-save-state,
.tw-mode-badge{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--border); border-radius:11px; color:var(--text-light); font-size:12px; }
.tw-save-state i,
.tw-mode-badge i{ color:var(--workspace-accent); }

.tw-preview-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:14px;
    padding:12px 14px;
    border:1px solid rgba(82,168,255,.25);
    border-radius:12px;
    background:rgba(82,168,255,.06);
    color:var(--text-light);
    font-size:12px;
    line-height:1.55;
}
.tw-preview-note i{ margin-top:2px; color:#52a8ff; }
.tw-preview-note strong{ color:var(--text); }
.tw-inline-select{ display:flex; align-items:center; gap:8px; color:var(--text-light); font-size:12px; }

.tw-wishlist-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.tw-wishlist-card{ display:grid; grid-template-columns:110px minmax(0,1fr); gap:15px; padding:17px; border:1px solid var(--border); border-radius:17px; background:var(--panel); }
.tw-wishlist-card > div{ align-self:center; min-width:0; }
.tw-wishlist-card > div small{ color:var(--workspace-accent); font-size:12px; }
.tw-wishlist-card h3{ margin:4px 0; font-size:18px; }
.tw-wishlist-card > div p{ margin:0; color:var(--text-light); font-size:12px; }
.tw-wishlist-card > div p strong{ color:var(--text); }
.tw-wishlist-card > section{ grid-column:1/-1; display:grid; gap:7px; padding-top:12px; border-top:1px solid var(--border); }
.tw-wishlist-card > section > span{ color:var(--text-light); font-size:12px; }
.tw-wishlist-card > section button{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; padding:8px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.02); color:var(--text); text-align:left; cursor:pointer; }
.tw-wishlist-card > section button strong,
.tw-wishlist-card > section button small{ display:block; }
.tw-wishlist-card > section button strong{ font-size:13px; }
.tw-wishlist-card > section button small{ color:var(--text-light); font-size:12px; }

.tw-request-list,
.tw-history-list{ display:grid; gap:10px; }
.tw-request-list > article{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:14px;
    padding:16px;
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--panel);
}
.tw-request-list article > div:nth-child(2){ min-width:0; }
.tw-request-list small{ color:var(--workspace-accent); font-size:12px; text-transform:capitalize; }
.tw-request-list h3{ margin:3px 0; font-size:16px; }
.tw-request-list p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.45; }
.tw-request-score{ text-align:center; }
.tw-request-score strong,
.tw-request-score small{ display:block; }
.tw-request-score strong{ font-size:21px; }
.tw-request-score small{ color:var(--text-light); font-size:12px; }
.tw-request-score{ max-width:155px; }
.tw-request-score strong{ color:var(--workspace-accent); font-size:13px; line-height:1.35; }
.tw-request-list > article > div:last-child{ display:flex; gap:7px; }
.tw-request-list button{ min-height:34px; padding:6px 10px; }

.tw-active-plan{ padding:21px; border:1px solid var(--border); border-radius:19px; background:var(--panel); }
.tw-active-plan > header{ display:flex; align-items:center; justify-content:space-between; gap:15px; }
.tw-active-plan header span{ color:var(--workspace-accent); font-size:12px; }
.tw-active-plan header h3{ margin:4px 0 0; font-size:21px; }
.tw-score-badge{ text-align:center; }
.tw-score-badge strong,
.tw-score-badge small{ display:block; }
.tw-score-badge strong{ font-size:25px; }
.tw-score-badge small{ color:var(--text-light) !important; }
.tw-active-exchange{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin:18px 0; }
.tw-active-exchange h4{ margin:0 0 9px; font-size:16px; }
.tw-active-exchange > i{ color:var(--workspace-accent); }
.tw-mini-card{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:9px; min-width:0; padding:9px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.02); }
.tw-mini-card + .tw-mini-card{ margin-top:7px; }
.tw-mini-image{ width:42px; height:58px; }
.tw-mini-image img{ width:100%; height:100%; object-fit:contain; }
.tw-mini-card > span:nth-child(2){ min-width:0; }
.tw-mini-card small,
.tw-mini-card strong,
.tw-mini-card em{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tw-mini-card small{ color:var(--text-light); font-size:12px; }
.tw-mini-card strong{ margin-top:2px; font-size:13px; }
.tw-mini-card em{ margin-top:3px; color:var(--workspace-accent); font-size:12px; font-style:normal; }
.tw-active-plan > footer{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; padding-top:15px; border-top:1px solid var(--border); }
.tw-active-plan footer span small,
.tw-active-plan footer span strong{ display:block; }
.tw-active-plan footer span small{ color:var(--text-light); font-size:12px; }
.tw-active-plan footer span strong{ margin-top:3px; font-size:14px; }
.tw-active-plan footer button{ margin-left:auto; }

.tw-market-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.tw-market-grid > article{ display:grid; min-width:0; padding:14px; border:1px solid var(--border); border-radius:16px; background:var(--panel); }
.tw-market-grid .tw-card-image{ width:100%; height:210px; }
.tw-market-grid article > div{ min-width:0; }
.tw-market-grid small{ color:var(--workspace-accent); font-size:12px; }
.tw-market-grid h3{ margin:4px 0; overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.tw-market-grid p{ margin:0; color:var(--text-light); font-size:12px; }
.tw-market-grid article > div > strong{ display:block; margin-top:8px; font-size:19px; }
.tw-market-grid footer{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; padding-top:11px; border-top:1px solid var(--border); }
.tw-market-grid footer > span{ padding:5px 8px; border-radius:999px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); font-size:12px; text-transform:capitalize; }
.tw-market-grid footer button{ min-height:32px; padding:5px 9px; }

.tw-reputation-hero{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:20px;
    margin-bottom:14px;
    padding:22px;
    border:1px solid var(--border);
    border-radius:19px;
    background:linear-gradient(110deg,rgba(var(--workspace-accent-rgb),.1),transparent 55%),var(--panel);
}
.tw-reputation-hero > div small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.tw-reputation-hero h3{ margin:3px 0; font-size:23px; }
.tw-reputation-hero p{ margin:0; color:var(--text-light); font-size:12px; }
.tw-reputation-hero > span:not(.tw-avatar){ min-width:130px; padding:13px; border:1px solid var(--border); border-radius:12px; text-align:center; }
.tw-reputation-hero > span strong,
.tw-reputation-hero > span small{ display:block; }
.tw-reputation-hero > span strong{ font-size:20px; }
.tw-reputation-hero > span small{ margin-top:3px; color:var(--text-light); font-size:12px; }
.tw-reputation-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.tw-reputation-grid button{ border-color:var(--border); }
.tw-reputation-grid button > span:nth-child(2){ min-width:0; }
.tw-reputation-grid strong,
.tw-reputation-grid small,
.tw-reputation-grid em{ display:block; }
.tw-reputation-grid strong{ font-size:13px; }
.tw-reputation-grid small{ color:var(--text-light); font-size:12px; }
.tw-reputation-grid em{ margin-top:3px; color:#f4b740; font-size:12px; font-style:normal; }
.tw-reputation-grid button > span:last-child{ text-align:right; }
.tw-reputation-grid button > span:last-child strong{ color:var(--workspace-accent); font-size:18px; }

.tw-history-list article{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--panel); }
.tw-history-list article > i{ width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:rgba(var(--workspace-accent-rgb),.11); color:var(--workspace-accent); }
.tw-history-list article > div{ min-width:0; }
.tw-history-list small{ color:var(--text-light); font-size:12px; }
.tw-history-list h3{ margin:3px 0; font-size:15px; }
.tw-history-list p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.45; }
.tw-history-list article > strong{ color:var(--workspace-accent); font-size:13px; }
.tw-journey{ margin:14px 0; padding:17px; border:1px solid var(--border); border-radius:16px; background:var(--panel); }
.tw-journey > header{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:15px; }
.tw-journey header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.tw-journey header h3{ margin:3px 0 0; font-size:18px; }
.tw-journey header > strong{ color:var(--text-light); font-size:12px; }
.tw-journey > div{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.tw-journey > div > span{ position:relative; display:grid; justify-items:center; gap:7px; color:var(--text-light); text-align:center; }
.tw-journey > div > span::after{ content:""; position:absolute; z-index:0; top:13px; left:50%; width:100%; height:2px; background:var(--border); }
.tw-journey > div > span:last-child::after{ display:none; }
.tw-journey i{ z-index:1; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--panel-light); color:var(--text-light); font-size:10px; }
.tw-journey .complete i,
.tw-journey .current i{ background:var(--workspace-accent); color:#07140f; }
.tw-journey .complete::after{ background:var(--workspace-accent); }
.tw-journey small{ font-size:11px; }

.tw-settings{ display:grid; gap:10px; max-width:900px; }
.tw-settings > label{ display:grid; grid-template-columns:minmax(0,1fr) 220px; align-items:center; gap:18px; padding:18px; border:1px solid var(--border); border-radius:15px; background:var(--panel); }
.tw-settings label > span{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:3px 11px; }
.tw-settings label > span i{ grid-row:1/3; width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:rgba(var(--workspace-accent-rgb),.11); color:var(--workspace-accent); }
.tw-settings label strong{ font-size:14px; }
.tw-settings label small{ color:var(--text-light); font-size:12px; line-height:1.45; }
.tw-settings select{ min-height:42px; padding:8px 12px; border:1px solid var(--border); border-radius:10px; background:var(--panel-light); color:var(--text); font-size:12px; }
.tw-toggle-row{ position:relative; }
.tw-toggle-row input{ position:absolute; opacity:0; pointer-events:none; }
.tw-toggle-row > em{ justify-self:end; position:relative; width:49px; height:27px; border-radius:999px; background:rgba(255,255,255,.1); cursor:pointer; }
.tw-toggle-row > em::after{ content:""; position:absolute; top:4px; left:4px; width:19px; height:19px; border-radius:50%; background:var(--text-light); transition:.2s ease; }
.tw-toggle-row input:checked + em{ background:rgba(var(--workspace-accent-rgb),.3); }
.tw-toggle-row input:checked + em::after{ left:26px; background:var(--workspace-accent); }
.tw-settings footer{ padding:8px 2px; color:var(--workspace-accent); font-size:12px; }

.tw-empty{
    display:grid;
    place-items:center;
    align-content:center;
    min-height:180px;
    padding:28px;
    border:1px dashed var(--border);
    border-radius:15px;
    color:var(--text-light);
    text-align:center;
}
.tw-empty.large{ min-height:340px; background:var(--panel); }
.tw-empty.compact{ min-height:145px; padding:16px; }
.tw-empty > i{ margin-bottom:10px; color:var(--workspace-accent); font-size:28px; }
.tw-empty strong{ color:var(--text); font-size:16px; }
.tw-empty p{ max-width:520px; margin:7px 0 14px; font-size:12px; line-height:1.55; }
.tw-muted{ color:var(--text-light); font-size:12px; }

/* Match review dialog */
.tw-dialog{ width:min(1120px,calc(100vw - 34px)); max-height:calc(100vh - 34px); padding:0; overflow:auto; border:1px solid var(--border); border-radius:21px; background:var(--panel); color:var(--text); }
.tw-dialog::backdrop{ background:rgba(4,7,12,.8); backdrop-filter:blur(6px); }
.tw-dialog-shell{ position:relative; padding:24px; }
.tw-dialog-close{ position:sticky; z-index:3; top:0; float:right; width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--border); border-radius:11px; background:var(--panel-light); color:var(--text); cursor:pointer; }
.tw-dialog-shell > header{ display:flex; align-items:center; gap:14px; padding-right:50px; }
.tw-dialog header h2{ margin:4px 0; font-size:27px; }
.tw-dialog header p{ margin:0; color:var(--text-light); font-size:12px; }
.tw-dialog-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0; }
.tw-dialog-kpis article{ padding:14px; border:1px solid var(--border); border-radius:13px; background:rgba(255,255,255,.02); }
.tw-dialog-kpis small,
.tw-dialog-kpis strong,
.tw-dialog-kpis em{ display:block; }
.tw-dialog-kpis small{ color:var(--text-light); font-size:12px; }
.tw-dialog-kpis strong{ margin-top:4px; font-size:19px; }
.tw-dialog-kpis em{ margin-top:4px; color:var(--workspace-accent); font-size:12px; font-style:normal; }
.tw-dialog-kpis article.decision.green{ border-color:rgba(66,211,146,.4); background:rgba(66,211,146,.07); }
.tw-dialog-kpis article.decision.yellow{ border-color:rgba(244,196,81,.4); background:rgba(244,196,81,.07); }
.tw-dialog-kpis article.decision.orange{ border-color:rgba(255,159,90,.45); background:rgba(255,159,90,.08); }
.tw-dialog-kpis article.decision.red{ border-color:rgba(255,113,143,.4); background:rgba(255,113,143,.07); }
.tw-dialog-kpis article.decision strong{ font-size:16px; line-height:1.25; }
.tw-dialog-kpis article.decision.green :is(strong,em){ color:#42d392; }
.tw-dialog-kpis article.decision.yellow :is(strong,em){ color:#f4c451; }
.tw-dialog-kpis article.decision.orange :is(strong,em){ color:#ff9f5a; }
.tw-dialog-kpis article.decision.red :is(strong,em){ color:#ff718f; }
.tw-dialog-exchange{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; }
.tw-dialog-exchange > div{ min-width:0; padding:15px; border:1px solid var(--border); border-radius:15px; }
.tw-dialog-exchange h3{ margin:0 0 10px; font-size:17px; }
.tw-dialog-exchange > i{ color:var(--workspace-accent); }
.tw-why-match,
.tw-compatibility{ margin-top:16px; padding:16px; border:1px solid var(--border); border-radius:15px; }
.tw-why-match h3,
.tw-compatibility h3{ margin:0 0 11px; font-size:17px; }
.tw-why-match > div{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.tw-why-match article{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; padding:12px; border-radius:11px; background:rgba(var(--workspace-accent-rgb),.07); }
.tw-why-match article i{ color:var(--workspace-accent); }
.tw-why-match small,
.tw-why-match strong{ display:block; }
.tw-why-match small{ color:var(--text-light); font-size:12px; }
.tw-why-match strong{ margin-top:3px; font-size:12px; line-height:1.4; }
.tw-compatibility > div{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.tw-compatibility span{ padding:10px; border:1px solid var(--border); border-radius:10px; color:var(--text-light); font-size:12px; }
.tw-compatibility span strong{ display:block; margin-top:3px; color:var(--workspace-accent); font-size:16px; }
.tw-atlas-decision{ margin-top:16px; padding:18px; border:1px solid var(--border); border-left-width:4px; border-radius:15px; background:rgba(255,255,255,.02); }
.tw-atlas-decision.green{ border-left-color:#42d392; }
.tw-atlas-decision.yellow{ border-left-color:#f4c451; }
.tw-atlas-decision.orange{ border-left-color:#ff9f5a; }
.tw-atlas-decision.red{ border-left-color:#ff718f; }
.tw-atlas-decision > header{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.tw-atlas-decision header small{ color:var(--text-light); font-size:11px; font-weight:700; letter-spacing:.7px; }
.tw-atlas-decision header h3{ margin:5px 0 0; font-size:21px; }
.tw-atlas-decision header h3 strong{ color:var(--workspace-accent); }
.tw-atlas-decision header > em{ padding:6px 9px; border-radius:999px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); font-size:12px; font-style:normal; font-weight:700; }
.tw-atlas-decision.green header :is(h3 strong,em){ color:#42d392; }
.tw-atlas-decision.yellow header :is(h3 strong,em){ color:#f4c451; }
.tw-atlas-decision.orange header :is(h3 strong,em){ color:#ff9f5a; }
.tw-atlas-decision.red header :is(h3 strong,em){ color:#ff718f; }
.tw-atlas-decision > div:not(.tw-decision-counter){ margin-top:14px; }
.tw-atlas-decision > div > small{ color:var(--workspace-accent); font-size:11px; font-weight:700; text-transform:uppercase; }
.tw-atlas-decision > div > p{ margin:5px 0 0; color:var(--text-light); font-size:13px; line-height:1.65; }
.tw-decision-counter{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; margin-top:14px; padding:13px; border:1px solid rgba(255,159,90,.28); border-radius:12px; background:rgba(255,159,90,.07); }
.tw-decision-counter > i{ color:#ff9f5a; }
.tw-decision-counter small,
.tw-decision-counter strong{ display:block; }
.tw-decision-counter small{ color:#ffb27b; font-size:11px; font-weight:700; text-transform:uppercase; }
.tw-decision-counter strong{ margin-top:4px; font-size:13px; line-height:1.5; }
.tw-decision-risks{ margin-top:14px; border-top:1px solid var(--border); }
.tw-decision-risks summary{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0 0; font-size:13px; font-weight:700; cursor:pointer; list-style:none; }
.tw-decision-risks summary::-webkit-details-marker{ display:none; }
.tw-decision-risks summary i{ color:var(--text-light); transition:.2s ease; }
.tw-decision-risks[open] summary i{ transform:rotate(180deg); }
.tw-decision-risks ul{ display:grid; gap:7px; margin:12px 0 0; padding-left:20px; color:var(--text-light); font-size:12px; line-height:1.5; }
.tw-decision-categories{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:16px; }
.tw-decision-categories article{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; padding:13px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.02); }
.tw-decision-categories article > i{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(var(--workspace-accent-rgb),.1); color:var(--workspace-accent); }
.tw-decision-categories small,
.tw-decision-categories strong,
.tw-decision-categories em{ display:block; }
.tw-decision-categories small{ color:var(--text-light); font-size:11px; }
.tw-decision-categories strong{ margin-top:3px; font-size:14px; }
.tw-decision-categories em{ margin-top:5px; color:var(--text-light); font-size:11px; font-style:normal; line-height:1.5; }
.tw-simulator{ margin-top:16px; padding:16px; border:1px solid rgba(var(--workspace-accent-rgb),.32); border-radius:15px; background:linear-gradient(135deg,rgba(var(--workspace-accent-rgb),.07),rgba(255,255,255,.01)); }
.tw-simulator > header{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:11px; }
.tw-simulator header small{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.tw-simulator header h3{ margin:3px 0 0; font-size:17px; }
.tw-simulator header > strong{ color:var(--workspace-accent); font-size:13px; }
.tw-simulator > div{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.tw-simulator article{ padding:11px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.025); }
.tw-simulator article small,
.tw-simulator article strong,
.tw-simulator article em{ display:block; }
.tw-simulator article small{ color:var(--text-light); font-size:12px; }
.tw-simulator article strong{ margin-top:4px; font-size:16px; }
.tw-simulator article em{ margin-top:4px; color:var(--workspace-accent); font-size:11px; font-style:normal; }
.tw-dialog-shell > footer{ display:flex; justify-content:flex-end; gap:9px; margin-top:18px; padding-top:16px; border-top:1px solid var(--border); }
.tw-dialog-shell > footer button{ min-height:40px; padding:9px 13px; border:1px solid var(--border); border-radius:10px; background:rgba(255,255,255,.03); color:var(--text); font-size:12px; font-weight:600; cursor:pointer; }
.tw-dialog-shell > footer button.primary{ border-color:var(--workspace-accent); background:var(--workspace-accent); color:#07140f; }

.tw-toast{ position:fixed; z-index:9999; right:24px; bottom:24px; max-width:380px; padding:12px 15px; border:1px solid rgba(var(--workspace-accent-rgb),.45); border-radius:12px; background:var(--panel); color:var(--text); font-size:12px; box-shadow:0 16px 36px rgba(0,0,0,.28); opacity:0; transform:translateY(14px); pointer-events:none; transition:.2s ease; }
.tw-toast.show{ opacity:1; transform:translateY(0); }

@media (max-width:1350px){
    .tw-home-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .tw-panel.tw-span-2{ grid-column:1/-1; }
    .tw-builder{ grid-template-columns:1fr 1fr; }
    .tw-balance{ grid-column:1/-1; grid-row:2; position:static; }
    .tw-builder-side.receive{ grid-column:2; grid-row:1; }
    .tw-market-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:1050px){
    .tw-kpi-grid,
    .tw-summary-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .tw-binder-grid,
    .tw-match-grid,
    .tw-wishlist-grid{ grid-template-columns:1fr; }
    .tw-market-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .tw-reputation-hero{ grid-template-columns:auto minmax(0,1fr); }
    .tw-reputation-hero > span:not(.tw-avatar){ min-width:0; }
    .tw-dialog-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .tw-compatibility > div{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .tw-opportunity-feed,
    .tw-simulator > div{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px){
    .tw-section-header,
    .tw-hero{ align-items:flex-start; flex-direction:column; }
    .tw-home-grid,
    .tw-builder{ grid-template-columns:1fr; }
    .tw-panel.tw-span-2,
    .tw-builder-side.receive,
    .tw-balance{ grid-column:auto; grid-row:auto; }
    .tw-binder-card{ grid-template-columns:82px minmax(0,1fr); }
    .tw-binder-card .tw-card-image{ width:82px; height:115px; }
    .tw-binder-value{ grid-column:1/-1; text-align:left; }
    .tw-binder-controls{ grid-column:1/-1; flex-wrap:wrap; }
    .tw-binder-controls > div{ margin-left:0; }
    .tw-request-list > article{ grid-template-columns:auto minmax(0,1fr); }
    .tw-request-score{ grid-column:1; }
    .tw-request-list > article > div:last-child{ grid-column:2; }
    .tw-active-exchange,
    .tw-dialog-exchange{ grid-template-columns:1fr; }
    .tw-active-exchange > i,
    .tw-dialog-exchange > i{ transform:rotate(90deg); justify-self:center; }
    .tw-market-grid,
    .tw-reputation-grid,
    .tw-nearby-grid{ grid-template-columns:1fr; }
    .tw-settings > label{ grid-template-columns:1fr; }
    .tw-toggle-row > em{ justify-self:start; }
    .tw-dialog-kpis,
    .tw-why-match > div,
    .tw-compatibility > div{ grid-template-columns:1fr 1fr; }
    .tw-dialog-shell > footer{ flex-direction:column; }
    .tw-insight-grid{ grid-template-columns:1fr; }
    .tw-ending{ align-items:flex-start; flex-direction:column; }
    .tw-decision-categories{ grid-template-columns:1fr; }
    .tw-journey > div{ grid-template-columns:1fr; gap:8px; }
    .tw-journey > div > span{ grid-template-columns:auto 1fr; justify-items:start; align-items:center; text-align:left; }
    .tw-journey > div > span::after{ display:none; }
}

@media (max-width:520px){
    .tw-kpi-grid,
    .tw-summary-strip,
    .tw-dialog-kpis,
    .tw-why-match > div,
    .tw-compatibility > div{ grid-template-columns:1fr; }
    .tw-match-card > header{ grid-template-columns:auto minmax(0,1fr); }
    .tw-match-score{ grid-column:1/-1; text-align:left; }
    .tw-exchange-preview{ grid-template-columns:1fr; }
    .tw-exchange-preview > i{ transform:rotate(90deg); justify-self:center; }
    .tw-found-grid{ grid-template-columns:1fr; }
    .tw-reputation-hero{ grid-template-columns:1fr; }
    .tw-reputation-hero > div{ text-align:center; }
    .tw-reputation-hero .tw-avatar{ justify-self:center; }
    .tw-active-plan > footer{ align-items:flex-start; flex-direction:column; }
    .tw-active-plan footer button{ margin-left:0; }
    .tw-opportunity-feed,
    .tw-simulator > div{ grid-template-columns:1fr; }
    .tw-impact-grid{ grid-template-columns:1fr; }
}