:root { --ink:#1c2925; --muted:#6a7873; --line:#dfe5e1; --canvas:#f5f7f5; --paper:#fff; --green:#278f7f; --green-soft:#e5f5f1; --orange:#b65718; --orange-soft:#fff0e5; --yellow:#8d6b13; --yellow-soft:#fff8d7; --red:#b4403a; --red-soft:#ffebe9; --navy:#24458d; --mint:#37b49f; --shadow:0 1px 2px rgba(22,39,32,.04),0 7px 20px rgba(22,39,32,.035); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--canvas); font:14px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing:0; }
button, select { font:inherit; }
button { color:inherit; cursor:pointer; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:244px minmax(0,1fr); }
.sidebar { background:#213f80; color:#eaf0ff; padding:24px 14px 14px; display:flex; flex-direction:column; min-height:100vh; position:sticky; top:0; height:100vh; }
.brand { padding:0 10px 28px; display:block; }.brand-wordmark{display:grid;line-height:.76;font-family:Arial,sans-serif;font-size:29px;letter-spacing:-1.7px;font-weight:800}.brand-wordmark strong:first-child{color:#fff}.brand-wordmark strong:last-child{color:#57d0bd}.brand>span { display:block; color:#b5c5e7; font-size:10px; margin-top:9px; letter-spacing:.04em; }
.workspace-switcher { margin:0 4px 21px; padding:9px 8px; border:1px solid rgba(234,240,255,.18); background:rgba(255,255,255,.07); display:flex; align-items:center; gap:8px; border-radius:5px; font-weight:650; font-size:13px; }.workspace-dot { width:7px;height:7px;background:#57d0bd;border-radius:50%; }.chevron { margin-left:auto;color:#bed0f0;font-size:17px; }
.primary-nav,.secondary-nav { display:grid; gap:3px; }.nav-item { width:100%; background:transparent; border:0; color:#c7d4ed; text-align:left; padding:9px 10px; border-radius:5px; display:flex; align-items:center; gap:10px; font-weight:600; }.nav-item>span { width:15px; color:#b8cbed; text-align:center; font-size:16px; }.nav-item:hover { background:rgba(255,255,255,.08); color:white; }.nav-item.active { background:#eef9f6; color:#213f80; }.nav-item.active>span { color:#278f7f; }.nav-item b { margin-left:auto; background:#c55243; color:#fff; min-width:17px; height:17px; display:grid;place-items:center;border-radius:50%;font-size:10px; }.nav-section-label { padding:29px 10px 7px; color:#9eb3da; text-transform:uppercase; letter-spacing:.09em; font-size:10px; font-weight:750; }
.sidebar-footer { margin-top:auto; border-top:1px solid rgba(234,240,255,.16); padding:17px 9px 4px; display:flex; align-items:center; gap:9px; }.avatar,.creator-avatar { display:grid; place-items:center; border-radius:50%; font-weight:750; }.avatar { width:28px;height:28px;background:#c4d4f1;color:#21417f;font-size:10px; }.sidebar-footer strong,.sidebar-footer small { display:block; }.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:10px;color:#b5c5e7}.more-button { margin-left:auto; background:transparent;border:0;color:#c7d4ed;font-weight:bold; }
main { min-width:0; }.topbar { height:91px; padding:0 clamp(20px,3vw,45px); display:flex; align-items:center; background:rgba(255,255,255,.76); border-bottom:1px solid var(--line); }.view-heading p,.section-kicker { margin:0 0 3px; color:#718079; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.view-heading h1 { margin:0; font-size:22px; line-height:1.2; letter-spacing:0; }.top-actions { margin-left:auto; display:flex; gap:10px; align-items:center; }.icon-button { position:relative; background:white; border:1px solid var(--line); width:34px; height:34px; padding:0; border-radius:5px; font-weight:700; }.icon-button:hover { border-color:#93ada0; }.icon-button i { width:6px;height:6px;background:#d45542;position:absolute;top:7px;right:7px;border-radius:50%; }.export-button { border:1px solid #255e4d;background:#255e4d;color:white;border-radius:5px;height:34px;padding:0 13px;font-weight:650;font-size:13px; }.export-button:hover { background:#174938; }.mobile-brand { display:none; }
.filters { min-height:70px; padding:12px clamp(20px,3vw,45px); display:flex; align-items:end; gap:10px; border-bottom:1px solid var(--line); background:#fbfcfb; }.filters label { display:grid; gap:3px; color:#6c7974; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }.filters select { height:30px; border:1px solid var(--line); background:white; color:#2c3c36; border-radius:4px; padding:0 26px 0 9px; font-size:12px; font-weight:600; }.filter-spacer { flex:1; }.updated-at { align-self:center; margin-top:16px; color:#73807a;font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap; }.updated-at strong{color:#344640}.refresh-mark{font-size:17px;color:#437b68}
.content { padding:25px clamp(20px,3vw,45px) 48px; max-width:1600px; margin:0 auto; }.status-strip { border:1px solid #cfe1d7; background:#edf7f1; min-height:58px; padding:10px 15px; display:flex; align-items:center; gap:20px; border-radius:6px; }.status-intro{display:flex;align-items:center;gap:9px;min-width:270px}.status-icon{background:var(--green);color:white;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.status-intro strong,.status-intro span{display:block}.status-intro strong{font-size:13px}.status-intro span{font-size:11px;color:#557468}.status-scale{height:7px;background:#d9e6de;min-width:90px;flex:1;overflow:hidden;border-radius:4px}.scale-verified{display:block;height:100%;background:#278263;border-radius:4px}.status-legend{display:flex;gap:12px;white-space:nowrap;font-size:11px;color:#4b6258}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:4px}.verified{background:#238264}.reported{background:#d26c21}.forecast{background:#89938e}.mixed{background:#e2b832}.text-action{border:0;background:none;color:#276a56;font-size:12px;font-weight:700;padding:5px 0;white-space:nowrap}.text-action:hover{color:#123e30}.text-action span{font-size:15px;margin-left:3px}
.kpi-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0; }.kpi-card,.chart-panel,.insight-panel,.table-panel,.attribution-panel,.influencer-panel { background:var(--paper); border:1px solid var(--line); border-radius:6px; box-shadow:var(--shadow); }.kpi-card { min-height:160px;padding:16px;display:flex;flex-direction:column; }.card-top{display:flex;justify-content:space-between;gap:8px;color:#52625c;font-size:12px;font-weight:650}.origin-badge { font-size:10px;font-weight:750;padding:3px 6px;border-radius:3px;white-space:nowrap; }.origin-badge.verified{background:var(--green-soft);color:#176249}.origin-badge.reported{background:var(--orange-soft);color:#9b4a16}.origin-badge.mixed{background:var(--yellow-soft);color:#78600c}.metric { font-size:25px;letter-spacing:0;margin-top:21px;line-height:1.05;white-space:nowrap}.comparison{font-size:12px;margin:7px 0 0;font-weight:700}.comparison span{color:#76837e;font-weight:500;margin-left:3px}.positive{color:#15704f}.card-footer{margin-top:auto;border-top:1px solid #edf0ee;padding-top:10px;color:#74817b;font-size:10px}
.main-grid,.bottom-grid { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px; }.chart-panel,.insight-panel,.table-panel,.attribution-panel,.influencer-panel { padding:19px; }.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel-heading h2{margin:0;font-size:16px;line-height:1.3}.chart-total{text-align:right}.chart-total strong,.chart-total span{display:block}.chart-total strong{font-size:15px}.chart-total span{font-size:10px;color:#73817b;margin-top:2px}.chart-key{display:flex;gap:15px;flex-wrap:wrap;margin:17px 0 2px;color:#66756f;font-size:10px}.line{width:18px;display:inline-block;vertical-align:middle;margin-right:4px;border-top:2px solid #248067}.line.dash-dot{border-color:#cf6a24;border-top-style:dashed}.line.dashed{border-color:#909993;border-top-style:dashed}.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{width:100%;min-width:580px;display:block}.grid-lines path{stroke:#e8eeea;stroke-width:1}.axis-labels text{fill:#82908a;font-size:10px;font-family:inherit}.area{fill:#e5f2eb;opacity:.8}.verified-line{fill:none;stroke:#217b60;stroke-width:3}.platform-line{fill:none;stroke:#c76620;stroke-width:2;stroke-dasharray:7 4 1 4}.forecast-line{fill:none;stroke:#87918c;stroke-width:2;stroke-dasharray:4 4}.chart-point{fill:#fff;stroke:#217b60;stroke-width:3}.annotation rect{fill:#183f32;rx:3}.annotation text{fill:white;font-size:10px;font-family:inherit}.chart-summary{display:flex;gap:17px;border-top:1px solid #edf0ee;padding-top:12px;font-size:11px;color:#69766f;flex-wrap:wrap}.chart-summary b{color:#273b34;font-size:12px}.quiet{border:0;background:transparent;font-size:15px}.insight-list{margin:14px 0 3px}.insight-item{width:100%;border:0;border-top:1px solid #e8eeea;background:transparent;padding:13px 0;display:grid;grid-template-columns:27px 1fr auto;gap:9px;text-align:left;align-items:start}.insight-item:first-child{border-top:0}.insight-item:hover strong{text-decoration:underline}.insight-symbol{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800}.insight-symbol.expand{background:#e4f3eb;color:#167456}.insight-symbol.fatigue{background:#fff4df;color:#a96315}.insight-symbol.alert{background:#ffe9e6;color:#ad3c35}.insight-item strong,.insight-item small{display:block}.insight-item strong{font-size:12px}.insight-item small{font-size:11px;color:#78857f;margin-top:2px}.insight-item>b{font-size:10px;color:#6d7974;white-space:nowrap;padding-top:2px}.full-action{border:1px solid #d9e4de;background:#fafcfb;width:100%;height:32px;border-radius:4px;color:#266c56;font-size:12px;font-weight:700;margin-top:3px}.full-action:hover{background:#f0f7f3}
.table-panel{margin-bottom:16px}.table-wrap{overflow:auto;margin:14px -19px -19px}.table-wrap table{border-collapse:collapse;width:100%;min-width:790px}.table-wrap th{background:#fafcfb;color:#74817b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:right;padding:10px 19px;border-top:1px solid #e9eeeb;border-bottom:1px solid #e9eeeb}.table-wrap td{text-align:right;padding:13px 19px;border-bottom:1px solid #edf1ee;font-size:12px;color:#354740;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th:first-child,.table-wrap td:first-child{text-align:left}.channel-cell{display:flex;align-items:center;gap:8px;font-weight:700}.channel-logo{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:white;font-size:10px}.logo-meta{background:#357be1}.logo-google{background:#d95744}.logo-influencer{background:#8957a9}.logo-naver{background:#18a565}.small-origin{font-size:10px;color:#6c7b75}.row-action{border:0;background:transparent;color:#376e5d;font-size:17px}
.bottom-grid{margin-bottom:0}.attribution-bars{margin:21px 0 14px;display:grid;gap:14px}.bar-label{display:flex;justify-content:space-between;font-size:11px;color:#6c7b74;margin-bottom:6px}.bar-label strong{color:#273c34}.bar{height:9px;background:#edf1ee;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;border-radius:3px}.reported-bar i{background:#d47835}.verified-bar i{background:#258066}.attribution-note{border-top:1px solid #edf1ee;margin:0 0 7px;padding:12px 0 0;color:#66746e;font-size:11px}.attribution-note b{color:#a54e1a}.warning-count{background:var(--red-soft);color:#a23d35;font-weight:750;font-size:10px;padding:4px 6px;border-radius:3px}.influencer-row{display:flex;align-items:center;gap:9px;margin:25px 0 10px;padding-bottom:14px;border-bottom:1px solid #edf1ee}.creator-avatar{width:31px;height:31px;background:#e7c8bf;color:#753c31;font-size:10px}.creator-info{margin-right:auto}.creator-info strong,.creator-info span{display:block}.creator-info strong{font-size:12px}.creator-info span{font-size:10px;color:#78857f;margin-top:2px}.metric-compare{font-size:10px;display:grid;gap:2px;color:#78857f}.metric-compare b{color:#31453d;margin-left:3px}.difference{font-weight:800;font-size:12px}.negative{color:#b54238}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#183c30;color:white;padding:10px 14px;border-radius:5px;box-shadow:0 8px 22px rgba(0,0,0,.16);font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.view-panel{margin:0 0 16px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;color:#69776f;font-size:12px}.compact-button{border:1px solid #d4e1da;background:#f8fbf9;color:#276a56;border-radius:4px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}.compact-button:hover{background:#eaf4ee}.recommendation{border:0;background:transparent;padding:0;color:#276a56;font-weight:700;font-size:12px}.content-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.content-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:15px;box-shadow:var(--shadow)}.creative-preview{height:118px;background:#d5ebe1;border-radius:4px;margin-bottom:15px;padding:10px;color:#1c624e;font-size:11px;font-weight:750;display:flex;align-items:flex-end}.creative-preview.fatigue{background:#f4e2b9;color:#8c5918}.content-card h2{font-size:16px;margin:3px 0 12px}.content-card>strong{font-size:19px}.content-card>p:not(.section-kicker){font-size:12px;color:#68766f;min-height:36px}.product-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e5ebe7;margin:18px 0}.product-summary>div{background:#f8fbf9;padding:17px}.product-summary span,.product-summary strong,.product-summary small{display:block}.product-summary span,.product-summary small{font-size:11px;color:#6e7d76}.product-summary strong{font-size:18px;margin:4px 0}.revenue-hero{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:16px;margin:26px 0 18px}.revenue-hero>div:not(.revenue-arrow){border-left:3px solid #d47732;padding:5px 13px}.revenue-hero>div:last-child{border-color:#258066}.revenue-hero strong,.revenue-hero small{display:block}.revenue-hero strong{font-size:25px;margin:8px 0 2px}.revenue-hero small{color:#6d7c75;font-size:11px}.revenue-arrow{text-align:center;font-size:25px;color:#83918a}.decision-note{display:flex;align-items:center;gap:12px;background:#fff5e9;border:1px solid #f2ddc4;padding:12px 14px;color:#765525;font-size:12px}.decision-note strong{color:#a2531d;white-space:nowrap}.influencer-list{margin-top:16px}.influencer-detail{display:flex;align-items:center;gap:13px;border-top:1px solid #e6ece8;padding:15px 0}.influencer-detail:first-child{border-top:0}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:16px}.connection-card{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:6px;padding:14px;box-shadow:var(--shadow)}.connection-card .connection-logo{grid-row:span 2;width:32px;height:32px;border-radius:5px;background:#e1efe8;color:#20664f;display:grid;place-items:center;font-weight:800}.connection-card strong,.connection-card span{display:block}.connection-card strong{font-size:13px}.connection-card span{font-size:10px;color:#74827b}.connection-card small{grid-column:2/4;font-size:11px;color:#6b7972}.connection-card .text-action{grid-column:2/4;text-align:left}.connection-status{padding:3px 5px;border-radius:3px;font-weight:700}.connection-card .connection-status.ok{background:#e5f2eb;color:#1a6a4f}.connection-card .connection-status.waiting{background:#fff0e5;color:#a65a20}.upload-drop{margin-top:18px;border:1px dashed #9db6a9;background:#f8fbf9;min-height:124px;display:grid;place-items:center;text-align:center;padding:18px}.upload-drop input{position:absolute;width:1px;height:1px;opacity:0}.upload-drop label{cursor:pointer}.upload-drop strong,.upload-drop span{display:block}.upload-drop strong{font-size:13px;color:#286c56}.upload-drop span,.upload-result{font-size:11px;color:#728078;margin-top:4px}.policy-list{display:grid;margin-top:16px}.policy-list>div{display:grid;grid-template-columns:1fr auto;gap:3px;border-top:1px solid #e6ece8;padding:12px 0}.policy-list strong,.policy-list span{display:block}.policy-list strong{font-size:12px}.policy-list span{font-size:11px;color:#728078}.policy-list b{grid-column:2;grid-row:1/3;color:#206a50;font-size:11px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.settings-form label{display:grid;grid-template-columns:1fr auto;gap:5px;color:#62716a;font-size:12px;font-weight:700}.settings-form input,.settings-form select{grid-column:1/3;width:100%;height:35px;border:1px solid #d8e2dc;border-radius:4px;padding:0 9px;background:white}.settings-form label>span{grid-column:2;grid-row:1;color:#86938d;font-size:10px}.settings-form button{grid-column:1/-1;justify-self:start}
.social-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.social-summary article{background:#fff;border:1px solid var(--line);border-radius:6px;padding:15px;box-shadow:var(--shadow)}.social-summary span,.social-summary strong,.social-summary small{display:block}.social-summary span,.social-summary small{color:#718078;font-size:11px}.social-summary strong{font-size:25px;margin:6px 0}.mention-form{display:grid;grid-template-columns:1fr 150px 2fr auto;gap:10px;align-items:end;margin:18px 0}.mention-form label{display:grid;gap:4px;color:#62716a;font-size:11px;font-weight:700}.mention-form input,.mention-form select{height:35px;border:1px solid #d8e2dc;border-radius:4px;padding:0 9px;background:#fff}.post-link{color:#246a56;font-size:11px;font-weight:700;text-decoration:none}.post-link:hover{text-decoration:underline}.empty-cell{text-align:center!important;color:#718078!important;padding:28px!important}.review-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:#69776f;font-size:12px}
.discovery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:17px 0}.discovery-controls strong,.discovery-controls span,.discovery-controls small{display:block}.discovery-controls strong{font-size:13px}.discovery-controls span,.discovery-controls small{color:#6f7d76;font-size:11px;margin-top:2px}.keyword-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #e7ece9;padding-top:13px}.keyword-row>div{display:flex;gap:6px;flex-wrap:wrap}.keyword-chip{display:inline-flex;gap:5px;align-items:center;background:#e8f4f0;color:#176650;border-radius:3px;padding:4px 6px;font-size:11px;font-weight:700}.keyword-chip small{font-weight:500;color:#4c8373;font-size:10px}.empty-keywords{color:#78857e;font-size:11px}.keyword-row form{display:flex;gap:6px}.keyword-row input{height:31px;width:180px;border:1px solid #d8e2dc;border-radius:4px;padding:0 8px;font-size:11px}
.content-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin:18px 0}.content-form label{display:grid;gap:4px;color:#62716a;font-size:11px;font-weight:700}.content-form input,.content-form select{height:35px;border:1px solid #d8e2dc;border-radius:4px;padding:0 9px;background:#fff}.content-form button{justify-self:start}.distribution-form{grid-template-columns:2fr 1fr 1fr 1fr auto}
@media (max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid,.bottom-grid{grid-template-columns:1fr}.status-strip{flex-wrap:wrap}.status-scale{order:3;flex-basis:50%}.status-legend{order:4}.chart-wrap{overflow:auto}.chart-panel{overflow:hidden}}
@media (max-width:720px){.app-shell{display:block}.sidebar{display:none}.topbar{height:65px;padding:0 16px}.mobile-brand{display:flex;align-items:center}.mobile-wordmark{display:grid;line-height:.77;font-family:Arial,sans-serif;font-size:20px;letter-spacing:-1px}.mobile-wordmark b:first-child{color:var(--navy)}.mobile-wordmark b:last-child{color:var(--mint)}.view-heading{display:none}.top-actions{margin-left:auto}.filters{padding:11px 16px;align-items:start;overflow-x:auto}.filters label{min-width:124px}.filters label:first-child{min-width:205px}.filter-spacer,.updated-at{display:none}.content{padding:16px}.status-strip{display:grid;grid-template-columns:1fr auto;gap:9px}.status-intro{min-width:0}.status-intro span{font-size:10px}.status-scale{grid-column:1/-1;order:unset;width:100%}.status-legend{grid-column:1/-1;order:unset;gap:8px;font-size:10px}.status-strip .text-action{font-size:11px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.kpi-card{min-height:135px;padding:12px}.metric{font-size:20px;margin-top:18px}.card-footer{font-size:9px}.main-grid,.bottom-grid{gap:12px;margin-bottom:12px}.chart-panel,.insight-panel,.table-panel,.attribution-panel,.influencer-panel{padding:15px}.panel-heading h2{font-size:15px}.chart-wrap{margin-right:-15px}.chart-summary{gap:9px}.influencer-row{flex-wrap:wrap}.metric-compare{margin-left:40px}.difference{margin-left:auto}.table-wrap{margin-left:-15px;margin-right:-15px;margin-bottom:-15px}.table-wrap th,.table-wrap td{padding-left:15px;padding-right:15px}.export-button{display:none}}
@media (max-width:720px){.content-card-grid,.connection-grid,.settings-form{grid-template-columns:1fr}.revenue-hero{grid-template-columns:1fr}.revenue-arrow{display:none}.influencer-detail{align-items:flex-start;flex-wrap:wrap}.influencer-detail .creator-info{min-width:calc(100% - 50px)}.influencer-detail .metric-compare{margin-left:44px}.view-toolbar,.decision-note{align-items:flex-start;flex-direction:column}.connection-card{grid-template-columns:37px 1fr auto}}
@media (max-width:900px){.social-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mention-form{grid-template-columns:1fr 1fr}.mention-form label:last-of-type{grid-column:1/-1}.mention-form button{justify-self:start}}@media (max-width:720px){.social-summary,.mention-form{grid-template-columns:1fr}.mention-form label:last-of-type{grid-column:auto}.discovery-controls,.keyword-row,.review-strip{align-items:flex-start;flex-direction:column}.keyword-row form{width:100%}.keyword-row input{flex:1;width:auto}}
@media (max-width:900px){.content-form,.distribution-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.content-form,.distribution-form{grid-template-columns:1fr}}
.mention-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:150px}.mention-actions button{border:1px solid #cbd5df;background:#fff;color:#183b62;padding:5px 7px;border-radius:4px;font-size:12px;cursor:pointer}.mention-actions button:hover{border-color:#2aaea0;background:#e8f8f5}.classification-result{font-size:12px;font-weight:700;color:#257f75;line-height:1.45}