/* Kebarick POS — Global UI Transformation Stage 7/8.
   Presentation only. Uses existing authenticated data, exports, review APIs and permissions.
   Scoped to six reporting, intelligence, planning and growth workspaces. */
body.pos-stage7{--p7-text:#183455;--p7-blue:#135cc6;--p7-blue-dark:#0e4396;--p7-line:#dce7f6;--p7-mute:#657f9f;--p7-bg:#f0f5fc;background:var(--p7-bg);color:var(--p7-text);margin:0}
body.pos-stage7 *,body.pos-stage7 *::before,body.pos-stage7 *::after{box-sizing:border-box}
body.pos-stage7 .top{position:relative;z-index:2;background:linear-gradient(105deg,#0b418f,#1161cb);color:#fff}
body.pos-stage7 .top .nav{max-width:1500px;margin:auto;padding:10px 20px;min-height:61px;gap:12px}
body.pos-stage7 .top .brand{color:#fff;font-size:20px;white-space:nowrap}
body.pos-stage7 .top .brand span{color:#85bdff}
body.pos-stage7 .top .navlinks{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body.pos-stage7 .top .navlinks a{font-size:12px;color:#fff;background:#ffffff15;border-radius:8px;padding:8px 10px;text-decoration:none}
body.pos-stage7 header.s10top{background:linear-gradient(105deg,#0b418f,#1161cb);padding:12px 5%;min-height:61px}
body.pos-stage7 header.s10top a{color:#fff}
body.pos-stage7 main.pos7-shell{display:block;width:100%;max-width:1500px;margin:0 auto;padding:18px clamp(12px,2vw,28px) 44px;min-width:0}
body.pos-stage7 .pos7-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 26px;margin:0 0 12px;border-radius:15px;background:linear-gradient(115deg,#0d428f,#1264d0 70%,#2081e9);box-shadow:0 6px 19px #0e438626;color:#fff;min-width:0}
body.pos-stage7 .pos7-hero-copy{min-width:0;flex:1}
body.pos-stage7 .pos7-eyebrow{display:block;font-size:10px;letter-spacing:.15em;font-weight:850;color:#c4e1ff;margin:0 0 8px}
body.pos-stage7 .pos7-hero h1{font-size:clamp(23px,2.4vw,32px);color:#fff;font-weight:860;letter-spacing:-.03em;line-height:1.12;margin:0 0 7px}
body.pos-stage7 .pos7-hero p{font-size:13px;line-height:1.5;max-width:840px;color:#e4efff;margin:0}
body.pos-stage7 .pos7-hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
body.pos-stage7 .pos7-hero-actions a{color:#fff;border:1px solid #d0e6ff8a;background:#ffffff21;padding:10px 12px;text-align:center;text-decoration:none;font-size:12px;font-weight:750;border-radius:9px;white-space:nowrap}
body.pos-stage7 .pos7-hero-actions a:hover,body.pos-stage7 .pos7-hero-actions a:focus-visible{background:#ffffff38;outline:2px solid #bfddff}
body.pos-stage7 .pos7-secondary-description{font-size:12px;line-height:1.55;color:#657b98;margin:0 0 11px;padding:1px 4px}
body.pos-stage7 .pos7-secondary-description>*{margin:0;color:inherit;font-size:12px;line-height:1.55}
body.pos-stage7 .pos7-panel{min-width:0;background:#fff;border:1px solid var(--p7-line);border-radius:14px;box-shadow:0 4px 15px #17518a0c;padding:17px 19px;margin:0;overflow-wrap:anywhere;scroll-margin-top:14px}
body.pos-stage7 .pos7-panel h2{font-size:17px;line-height:1.25;font-weight:830;color:#1452a4;margin:0 0 10px}
body.pos-stage7 .pos7-panel h3{font-size:14px;color:#235b9e;margin:15px 0 9px}
body.pos-stage7 .pos7-panel :is(.muted,.doc-muted,.lead,.intel-note){font-size:12px;line-height:1.55;color:#647b98}
body.pos-stage7 .pos7-panel p{line-height:1.5}
body.pos-stage7 .pos7-panel p:not(.intel-note,.doc-note){margin:7px 0 12px}
body.pos-stage7 .pos7-panel :is(input:not([type=checkbox]),textarea,select){min-width:0;max-width:100%;width:100%;font-size:13px;border:1px solid #cbdaf0;background:#fbfdff;color:#183f73;border-radius:9px;padding:9px 10px;min-height:40px;margin:4px 0 7px}
body.pos-stage7 .pos7-panel textarea{min-height:86px;resize:vertical}
body.pos-stage7 .pos7-panel :is(input,textarea,select):focus-visible{outline:2px solid #438bef;outline-offset:0}
body.pos-stage7 .pos7-panel label{display:block;font-size:12px;line-height:1.45;font-weight:750;color:#325a86;min-width:0}
body.pos-stage7 .pos7-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:6px}
body.pos-stage7 .pos7-panel button{border-radius:9px;font-size:12px;font-weight:800;min-height:39px;padding:9px 13px;max-width:100%;cursor:pointer}
body.pos-stage7 .pos7-panel button:disabled{opacity:.58;cursor:not-allowed}
body.pos-stage7 .pos7-panel table{border-collapse:collapse;width:100%;font-size:12px;min-width:480px}
body.pos-stage7 .pos7-panel th{background:#eaf2fd;font-weight:800;color:#305a8b;letter-spacing:.02em;text-align:left;padding:10px 9px}
body.pos-stage7 .pos7-panel td{padding:11px 9px;border-bottom:1px solid #e7eef9;vertical-align:middle}
body.pos-stage7 .pos7-panel td:first-child{font-weight:650}
body.pos-stage7 .pos7-panel :is(#output,#products,#cashiers,#cases,#proposals,#reviews,#basket,#campaignList,#referrals,#scenarios,#events,#tasks,#runs){max-width:100%;overflow-x:auto}
body.pos-stage7 .pos7-panel .doc-head{align-items:center;margin-bottom:10px}
body.pos-stage7 .pos7-panel .doc-head h2{margin-bottom:0}
body.pos-stage7 .pos7-panel :is(.doc-top,.intel-grid,.growth-cards){gap:10px}
body.pos-stage7 .pos7-panel :is(.doc-grid,.intel-grid,.growth-cards) article{min-width:0}
body.pos-stage7 .pos7-panel .intel-card,body.pos-stage7 .pos7-panel .doc-grid>article,body.pos-stage7 .pos7-panel .growth-cards>article{border:1px solid #e1eaf8;background:#f9fbff;border-radius:11px;padding:12px}
body.pos-stage7 .pos7-panel :is(.doc-card,.card){box-shadow:none;min-width:0}
body.pos-stage7 .pos7-filters{padding:13px 17px;margin:0 0 12px;border-top:3px solid #2478dd}
body.pos-stage7 .pos7-filters :is(.doc-controls,.intel-controls,.growth-grid){display:flex;gap:9px 13px;flex-wrap:wrap;align-items:flex-end}
body.pos-stage7 .pos7-filters :is(.doc-controls,.intel-controls,.growth-grid)>label{flex:1 1 165px;max-width:280px;margin:0}
body.pos-stage7 .pos7-filters :is(.doc-controls,.intel-controls)>button{margin:0 0 6px}
body.pos-stage7 .pos7-filters .doc-action{margin:8px 0 0}
body.pos-stage7 .pos7-filters p[role=status]{margin:6px 0 0;font-size:12px}
body.pos-stage7 .pos7-filters #quality{font-size:12px;line-height:1.45;padding:9px 12px;margin:7px 0 0;background:#eef5fe;border-radius:9px;border-left:3px solid #408be8}
body.pos-stage7 .pos7-jumpbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 13px;padding:0 2px}
body.pos-stage7 .pos7-jumpbar a{font-weight:760;font-size:11px;color:#175bb3;padding:8px 11px;border-radius:9px;text-decoration:none;background:#e4efff;border:1px solid #cfdef4}
body.pos-stage7 .pos7-jumpbar a:hover,body.pos-stage7 .pos7-jumpbar a:focus-visible{background:#d2e6ff;outline:2px solid #8ec0ff}
body.pos-stage7 .pos7-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,1fr);gap:13px;align-items:start;min-width:0;margin:0 0 13px}
body.pos-stage7 .pos7-grid>*{min-width:0}
body.pos-stage7 main.pos7-shell>.pos7-panel{margin:0 0 13px}
body.pos-stage7 .pos7-grid .pos7-panel{height:auto}
body.pos-stage7 .pos7-risk-note{background:#fffdf8;border:1px solid #f1dfbe;border-left:4px solid #dfa64b;color:#6b654e;font-size:12px;line-height:1.6;padding:12px 14px;border-radius:10px;margin:0 0 10px;overflow-wrap:anywhere}
body.pos-stage7 .pos7-risk-note p{margin:0;color:inherit}
body.pos-stage7 .pos7-resource-links{margin:0 0 11px;font-size:12px;padding:0 5px}
body.pos-stage7 .pos7-resource-links a{color:#1257ae;font-weight:700}
body.pos-stage7 .pos7-guidance{font-size:12px;color:#6982a0;margin:4px 0}
body.pos-stage7 .pos7-anchor{display:block;height:0;visibility:hidden}
/* Reporting centre: export stays associated with its displayed table, not the advisory sidebar. */
body.pos7-reports-centre .pos7-filters{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:end}
body.pos7-reports-centre .pos7-filters h2,body.pos7-reports-centre .pos7-filters .pos7-context-note{flex-basis:100%;margin:0}
body.pos7-reports-centre .pos7-filters label{margin:0;flex:1 1 165px;max-width:260px;min-width:150px}
body.pos7-reports-centre .pos7-filters button{margin:0 0 5px}
body.pos7-reports-centre .pos7-report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);gap:13px;align-items:start}
body.pos7-reports-centre .pos7-report-output{min-height:390px}
body.pos7-reports-centre .pos7-report-output .s10actions{border-bottom:1px solid #e2eaf7;padding-bottom:11px;margin-bottom:12px}
body.pos7-reports-centre #output{min-height:175px}
body.pos7-reports-centre .pos7-report-aside{background:#f8fbff}
body.pos7-reports-centre .pos7-guide-item{padding:12px 0;border-bottom:1px solid #e1eafa;font-size:12px}
body.pos7-reports-centre .pos7-guide-item strong{color:#20569c}
body.pos7-reports-centre .pos7-guide-item p{font-size:12px;color:#627b9a;margin:5px 0 0}
body.pos7-reports-centre .pos7-aside-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
body.pos7-reports-centre .pos7-aside-links a{background:#e5f1ff;text-decoration:none;color:#1a5bb1;font-size:12px;font-weight:780;border-radius:8px;padding:9px}
/* Command centre and adviser: use actual source-backed cards only. */
body.pos7-intelligence #overview .intel-grid{margin-bottom:10px}
body.pos7-intelligence .pos7-grid-intel{grid-template-columns:minmax(0,1.4fr) minmax(335px,1fr)}
body.pos7-intelligence #alerts,body.pos7-intelligence #cases{min-height:80px}
body.pos7-intelligence .twocol{gap:12px}
body.pos7-advisor .pos7-grid-questions{grid-template-columns:minmax(0,1.12fr) minmax(345px,1fr)}
body.pos7-advisor #question{min-height:118px}
body.pos7-advisor #answer{min-height:96px;background:#f0f6ff;border-left:3px solid #5795e7}
body.pos7-advisor #consentPanel{background:#fbfcff}
/* Planning: data and speculation remain visibly separate. */
body.pos7-forecast .pos7-grid-forecast{grid-template-columns:minmax(0,1.22fr) minmax(320px,.9fr)}
body.pos7-forecast .forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 13px}
body.pos7-forecast #cashMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
body.pos7-forecast #cashNotice{margin-top:10px}
/* Growth: primary work on left, attribution and scenario oversight on right. */
body.pos7-growth .pos7-grid-growth{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
body.pos7-growth .growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
body.pos7-growth .growth-grid .wide{grid-column:1/-1}
body.pos7-growth .growth-grid button{justify-self:start;grid-column:1/-1}
body.pos7-growth .growth-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
body.pos7-growth #performance-section #metrics{margin-bottom:12px}
/* Automation: preserve existing rule activation controls and audit history. */
body.pos7-automation .pos7-grid-automation{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
body.pos7-automation .auto-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
body.pos7-automation .auto-cards{min-height:100px}
body.pos7-automation #ruleForm button{margin-right:8px}
@media(max-width:1050px){
 body.pos-stage7 .pos7-grid,body.pos-stage7 .pos7-report-grid{grid-template-columns:minmax(0,1fr)!important}
 body.pos-stage7 .pos7-hero{align-items:flex-start}
 body.pos7-reports-centre .pos7-report-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body.pos7-reports-centre .pos7-report-aside>h2,body.pos7-reports-centre .pos7-report-aside>.pos7-aside-links{grid-column:1/-1}
}
@media(max-width:620px){
 body.pos-stage7 main.pos7-shell{padding:12px 11px 34px}
 body.pos-stage7 .pos7-hero{padding:17px 15px;display:block;border-radius:12px}
 body.pos-stage7 .pos7-hero h1{font-size:23px}
 body.pos-stage7 .pos7-hero-actions{margin-top:13px;justify-content:stretch}
 body.pos-stage7 .pos7-hero-actions a{flex:1}
 body.pos-stage7 .pos7-panel{padding:13px 12px;border-radius:11px}
 body.pos-stage7 .pos7-jumpbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
 body.pos-stage7 .pos7-jumpbar a{flex:none;white-space:nowrap}
 body.pos-stage7 .pos7-filters :is(.doc-controls,.intel-controls,.growth-grid)>label{max-width:none;flex:1 1 100%}
 body.pos-stage7 .pos7-panel :is(.forecast-grid,.growth-grid,.auto-grid){grid-template-columns:minmax(0,1fr)}
 body.pos7-reports-centre .pos7-filters label{flex:1 1 100%;max-width:none}
 body.pos7-reports-centre .pos7-report-aside{grid-template-columns:minmax(0,1fr)}
 body.pos-stage7 .pos7-panel button{max-width:100%}
 body.pos-stage7 .pos7-panel .intel-controls{grid-template-columns:minmax(0,1fr)!important}
}
@media print{body.pos-stage7 .pos7-hero-actions,body.pos-stage7 .pos7-jumpbar,body.pos-stage7 .pos7-report-aside{display:none!important}body.pos-stage7 main.pos7-shell{max-width:none;padding:0}body.pos-stage7 .pos7-panel{box-shadow:none;break-inside:avoid}}
/* Never reveal permission- or consent-gated controls merely because a layout rule targets their tag. */
body.pos-stage7 [hidden]{display:none!important}