:root{
  --bg:#f7f8f9;--panel:#fff;--ink:#202832;--muted:#6f7882;--line:#dfe3e7;--line-strong:#c9d0d6;
  --odoo:#714b67;--odoo-dark:#5f3f57;--odoo-soft:#f1e9ef;--green:#2f6e50;--green-soft:#e9f4ee;
  --amber:#8a6419;--amber-soft:#fbf1dc;--blue:#4e627f;--blue-soft:#edf1f6;--red:#8f4848;--red-soft:#faecec;
  --radius:6px;--shadow:0 1px 2px rgba(20,30,40,.045);--nav-h:46px;
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}.main-shell{min-height:calc(100vh - var(--nav-h))}.page-context{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:22px 34px 18px;background:#fff;border-bottom:1px solid var(--line);position:static}.breadcrumbs{display:flex;gap:7px;align-items:center;min-height:17px;margin-bottom:8px;font-size:12px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--odoo)}.crumb-sep{color:#b8c0c7}.title-line{display:flex;align-items:flex-end;gap:12px}.eyebrow{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:760;color:#6b747d;margin-bottom:4px}.page-context h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.03em;font-weight:760}.title-badges{display:flex;gap:5px;padding-bottom:2px}.top-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.content{width:100%;max-width:1540px;margin:0 auto;padding:26px 34px 58px}.loading{padding:50px 0;color:var(--muted);font-size:13px}
.btn{appearance:none;border:1px solid var(--line-strong);background:#fff;color:#3f4851;border-radius:3px;padding:8px 11px;font-size:12px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:#f4f5f6;border-color:#adb5bd}.btn.primary{background:var(--odoo);border-color:var(--odoo);color:#fff}.btn.primary:hover{background:var(--odoo-dark);border-color:var(--odoo-dark)}.btn.small{padding:5px 8px;font-size:10px}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--red);border-color:#e6c8c8}.link{color:var(--odoo);font-size:12px;font-weight:650;text-decoration:none}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.toolbar .grow{flex:1;min-width:220px}.toolbar-spacer{flex:1}.segment-control{display:inline-flex;background:#eceff1;border-radius:4px;padding:2px;gap:2px}.segment-control button{border:0;background:transparent;color:#606a74;padding:6px 10px;border-radius:3px;font-size:11px;font-weight:650;cursor:pointer}.segment-control button.active{background:#fff;color:var(--odoo);box-shadow:0 1px 2px rgba(20,30,40,.08)}
.badge{display:inline-flex;min-height:22px;align-items:center;padding:3px 8px;border-radius:4px;background:#f0f2f3;color:#59636c;font-size:10px;font-weight:700;white-space:nowrap}.badge.imported{background:var(--blue-soft);color:var(--blue)}.badge.proposed,.badge.partial,.badge.develop,.badge.supporting{background:var(--amber-soft);color:var(--amber)}.badge.approved,.badge.yes,.badge.scale,.badge.core{background:var(--green-soft);color:var(--green)}.badge.test{background:#f0e8f3;color:#6b4d78}.badge.strategic{background:#e8edf5;color:#405d83}.badge.high{background:#f3ece5;color:#805c3c}.badge.medium{background:#f1f2f3;color:#59636c}.badge.low,.badge.watch,.badge.no{background:#f4f5f5;color:#7b858e}.subtext{font-size:10px;color:var(--muted);line-height:1.4}.strong{font-weight:700}.muted{color:var(--muted)}
.grid{display:grid;gap:14px}.strategy-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr))}.strategy-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;box-shadow:var(--shadow);cursor:pointer}.strategy-card:hover{border-color:#b8c0c7;background:#fdfdfd}.strategy-card-top{display:flex;justify-content:space-between;gap:12px}.strategy-card-title{font-size:18px;font-weight:740;letter-spacing:-.02em}.strategy-card-period{font-size:11px;color:var(--muted);margin-top:4px}.strategy-direction{font-size:12px;color:#53606a;line-height:1.5;min-height:50px;margin:15px 0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:13px;border-top:1px solid var(--line)}.metric-value{font-size:18px;font-weight:760}.metric-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:2px}
.section{margin-top:26px}.section:first-child{margin-top:0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:10px}.section-title{font-size:15px;font-weight:740;letter-spacing:-.01em;margin:0}.section-help{font-size:11px;color:var(--muted);line-height:1.5;max-width:820px;margin-top:3px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.panel-pad{padding:17px}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kpi{background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px;box-shadow:var(--shadow)}.kpi-value{font-size:22px;font-weight:770;letter-spacing:-.03em}.kpi-label{font-size:10px;color:var(--muted);margin-top:2px}.kpi-detail{font-size:9px;color:#929aa1;margin-top:6px}
.workspace-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:-5px 0 22px;overflow-x:auto}.workspace-tabs a{padding:11px 11px 9px;color:var(--muted);font-size:11px;font-weight:650;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.workspace-tabs a.active{color:var(--odoo);border-bottom-color:var(--odoo)}
.workflow-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.workflow-step{padding:12px 13px;border-right:1px solid var(--line);min-height:67px}.workflow-step:last-child{border-right:0}.workflow-step.done{background:#fafbfb}.workflow-step.current{box-shadow:inset 0 -2px var(--odoo)}.workflow-num{font-size:9px;color:var(--muted);font-weight:700}.workflow-name{font-size:11px;font-weight:700;margin-top:4px}.workflow-state{font-size:10px;color:var(--muted);margin-top:3px}
.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:10px;font-weight:700;color:#59636d}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.inline-select{border:1px solid var(--line-strong);border-radius:3px;background:#fff;padding:8px 9px;font-size:12px;color:var(--ink);outline:none}.field textarea{min-height:95px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--odoo);box-shadow:0 0 0 2px var(--odoo-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span-2{grid-column:span 2}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:260px;overflow:auto;border:1px solid var(--line);padding:8px;border-radius:4px}.check-row{display:flex;gap:8px;align-items:flex-start;padding:6px;border-radius:3px;font-size:11px}.check-row:hover{background:#f5f6f7}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff}table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}th{position:sticky;top:0;z-index:2;background:#f3f4f5;color:#636b73;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid #edf0f2;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f7f7f8}.country-name{font-weight:700}.group-tags{max-width:360px;font-size:9px;color:var(--muted);line-height:1.4}.inline-select{min-width:88px;padding:5px 6px;font-size:10px}.row-link{cursor:pointer}.row-link:hover .country-name{color:var(--odoo)}
.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px}.group-card{border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px}.group-top{display:flex;justify-content:space-between;gap:8px}.group-name{font-size:11px;font-weight:700}.group-type{font-size:9px;color:var(--muted);margin-top:2px}.group-count{font-size:10px;color:var(--muted);margin-top:9px}.group-actions{display:flex;gap:4px;margin-top:10px}.choice-btn{border:1px solid var(--line-strong);background:#fff;border-radius:3px;padding:5px 8px;font-size:10px;cursor:pointer}.choice-btn:hover{background:#f4f5f6}.choice-btn.active-yes{background:var(--green-soft);border-color:#bfd8c8;color:var(--green)}.choice-btn.active-partial{background:var(--amber-soft);border-color:#e4cf9e;color:var(--amber)}
/* Market scope map */
.scope-switch{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 10px}.map-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.map-mode{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.map-palette{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.paint-btn{border:1px solid var(--line-strong);background:#fff;border-radius:3px;padding:5px 8px;font-size:10px;cursor:pointer}.paint-btn.active{outline:2px solid var(--odoo-soft);border-color:var(--odoo);color:var(--odoo);font-weight:700}.map-note{font-size:10px;color:var(--muted)}.map-stage{position:relative;padding:8px;background:linear-gradient(#f9fafb,#f5f6f7);min-height:360px}.world-map{width:100%;height:auto;display:block;max-height:600px}.world-map .country-shape{fill:#e6e9ec;stroke:#fff;stroke-width:.65;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s,stroke .12s}.world-map .country-shape:hover{stroke:#4c5963;stroke-width:1.2}.world-map .map-disabled{fill:#f0f1f2;cursor:default}.world-map.mode-go .country-shape.state-yes{fill:#4f8b69}.world-map.mode-go .country-shape.state-partial{fill:#d9b75a}.world-map.mode-priority .country-shape.state-low{fill:#d8dde1}.world-map.mode-priority .country-shape.state-medium{fill:#b8a9b6}.world-map.mode-priority .country-shape.state-high{fill:#946f8c}.world-map.mode-priority .country-shape.state-strategic{fill:#714b67}.world-map.mode-action .country-shape.state-watch{fill:#d7dce0}.world-map.mode-action .country-shape.state-test{fill:#baa5c1}.world-map.mode-action .country-shape.state-develop{fill:#967392}.world-map.mode-action .country-shape.state-scale{fill:#714b67}.map-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.legend-item{display:inline-flex;gap:5px;align-items:center}.legend-swatch{width:11px;height:11px;border-radius:2px;border:1px solid rgba(0,0,0,.06)}.map-tooltip{position:fixed;z-index:500;pointer-events:none;background:#27323a;color:#fff;padding:6px 8px;border-radius:4px;font-size:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-width:220px}
.region-block{border:1px solid var(--line);border-radius:6px;background:#fff;margin-top:10px;overflow:hidden}.region-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;background:#f7f8f9;border-bottom:1px solid var(--line)}.region-name{font-size:11px;font-weight:700}.region-meta{font-size:9px;color:var(--muted);margin-top:2px}.region-body.hidden{display:none}.region-body .table-wrap{border:0;border-radius:0}
/* Offers */
.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:10px}.offer-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;box-shadow:var(--shadow)}.offer-top{display:flex;justify-content:space-between;gap:10px}.offer-name{font-size:14px;font-weight:740}.offer-type{font-size:9px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.offer-description{font-size:11px;color:#56616b;line-height:1.5;margin-top:10px;min-height:32px}.offer-message{margin-top:10px;padding:9px;background:#f8f9fa;border-left:3px solid #c8b2c3;font-size:10px;color:#59636d;line-height:1.45}.catalog-items{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}.catalog-chip{font-size:9px;background:#f0f2f3;border-radius:3px;padding:3px 6px;color:#56616b}.offer-meta{display:flex;gap:10px;align-items:center;margin-top:11px;font-size:9px;color:var(--muted)}
/* Audience funnel */
.audience-funnel{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:14px}.audience-column{min-width:0}.audience-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px;margin-bottom:8px}.audience-top{display:flex;justify-content:space-between;gap:10px}.audience-name{font-size:12px;font-weight:720}.audience-source{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.audience-desc{font-size:10px;color:#59636d;line-height:1.5;margin-top:7px}.criteria{margin-top:9px;border-top:1px solid #edf0f2;padding-top:8px}.criteria-row{font-size:9px;color:#59636d;margin-top:4px}.offer-audience-group{border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:9px;overflow:hidden}.offer-audience-head{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#f7f8f9;border-bottom:1px solid var(--line)}.offer-audience-body{padding:9px}.funnel-arrow{display:inline-block;margin-right:5px;color:#9d7f98}
/* Portfolio */
.matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff;max-height:72vh}.matrix-table{min-width:980px}.matrix-table th:first-child,.matrix-table td:first-child{position:sticky;left:0;z-index:3;background:#fff;min-width:220px;box-shadow:1px 0 0 var(--line)}.matrix-table th:first-child{z-index:5;background:#f3f4f5}.matrix-table td:not(:first-child),.matrix-table th:not(:first-child){text-align:center}.portfolio-cell{min-width:88px;padding:5px!important}.portfolio-btn{width:100%;min-height:31px;border:1px solid transparent;background:transparent;border-radius:3px;cursor:pointer;font-size:9px;color:#a0a7ad}.portfolio-btn:hover{border-color:var(--line-strong);background:#f7f8f9}.portfolio-btn.test{background:#f0e8f3;color:#6b4d78}.portfolio-btn.supporting{background:var(--amber-soft);color:var(--amber)}.portfolio-btn.core{background:var(--green-soft);color:var(--green);font-weight:700}.matrix-select{width:80px;padding:5px;border:1px solid var(--line-strong);border-radius:3px;font-size:9px;background:#fff}.matrix-select.level-high{background:var(--green-soft);color:var(--green);font-weight:700}.matrix-select.level-medium{background:var(--amber-soft);color:var(--amber)}.matrix-select.level-low{background:#f2f4f5;color:#67727b}.matrix-hint{font-size:10px;color:var(--muted);margin:0 0 9px}.role-legend{display:flex;gap:6px;flex-wrap:wrap}
/* Market page */
.market-hero{background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px}.market-hero-top{display:flex;justify-content:space-between;gap:18px}.market-title{font-size:22px;font-weight:760;letter-spacing:-.03em}.market-context{font-size:10px;color:var(--muted);margin-top:4px}.pill-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.statement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.statement{background:#fafbfb;border:1px solid var(--line);border-radius:6px;padding:11px;min-height:80px}.statement-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--muted)}.statement-text{font-size:11px;line-height:1.5;margin-top:5px;color:#45515b;white-space:pre-wrap}
/* Settings */
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.settings-card{padding:15px}.setting-row{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f2}.setting-row:last-child{border-bottom:0}.setting-name{font-size:11px;font-weight:680}.setting-meta{font-size:9px;color:var(--muted);margin-top:2px}
.note{padding:10px 11px;border:1px solid #e1e5e8;background:#fafbfb;border-radius:6px;color:#52606a;font-size:10px;line-height:1.5}.empty{padding:32px 20px;border:1px dashed #cbd2d8;border-radius:6px;background:#fbfcfc;text-align:center;color:var(--muted);font-size:11px}.empty strong{display:block;color:#414b55;font-size:12px;margin-bottom:4px}
dialog{border:0;padding:0;border-radius:6px;box-shadow:0 22px 70px rgba(16,31,24,.22);width:min(760px,calc(100vw - 30px));max-height:90vh}dialog::backdrop{background:rgba(16,27,22,.48);backdrop-filter:blur(2px)}#modal-body{padding:20px;max-height:88vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.modal-head h2{margin:0;font-size:17px}.modal-sub{font-size:10px;color:var(--muted);margin-top:3px}.toast{position:fixed;right:20px;bottom:20px;z-index:550;background:#26322c;color:#fff;padding:9px 12px;border-radius:4px;font-size:10px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}.toast.error{background:#773c3c}
.login-body{min-height:100vh;display:grid;place-items:center;background:#f4f6f8;color:#1f2933;margin:0;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #dde2e8;border-radius:6px;padding:34px;box-shadow:0 18px 60px rgba(27,36,48,.09)}.login-brand{font-weight:850;letter-spacing:.16em;font-size:14px}.login-sub{font-size:13px;color:#727b87;margin-top:3px}.login-card h1{font-size:26px;line-height:1.15;margin:28px 0 10px}.login-card p{color:#586270;line-height:1.55;margin:0 0 22px}.login-button{display:inline-flex;text-decoration:none;justify-content:center;min-width:130px}.login-note{font-size:12px;color:#8a929d;margin-top:18px}.login-error{padding:11px 13px;border-radius:4px;background:#fff2f0;border:1px solid #f1c7c1;color:#8d332b;font-size:13px;line-height:1.4;margin:0 0 18px}
@media(max-width:1050px){.split,.audience-funnel{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(3,1fr)}.workflow-step:nth-child(3){border-right:0}.workflow-step:nth-child(-n+3){border-bottom:1px solid var(--line)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-context{align-items:flex-start;flex-direction:column;padding:15px 16px 13px;gap:12px}.page-context h1{font-size:23px}.content{padding:18px 12px 40px}.top-actions{width:100%;justify-content:flex-start}.strategy-grid,.offer-grid,.statement-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.workflow-strip{grid-template-columns:1fr}.workflow-step{border-right:0!important;border-bottom:1px solid var(--line)!important}.workflow-step:last-child{border-bottom:0!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}.toolbar .grow{width:100%;min-width:100%}.map-toolbar{align-items:flex-start;flex-direction:column}.map-stage{min-height:220px;padding:4px}.world-map{max-height:390px}.matrix-wrap{max-height:65vh}.group-grid{grid-template-columns:1fr}}
.world-map .microstate{stroke:#6e7780;stroke-width:1;vector-effect:non-scaling-stroke}