/* Final UX polish layer */

/* Brand mark: keep it visible without adding visual noise. */
.sidebar-logo-wrap{width:42px;height:42px;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.sidebar-logo-wrap img{width:40px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 7px 12px rgba(0,0,0,.18))}
.mobile-brand img{width:30px;height:28px;object-fit:contain}
.login-logo{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;width:92px!important;height:84px!important}

/* Replace the old embedded raster-SVG watermark with the clean vector mark. */
.hero-balance:after,.result-hero:after,.login-brand-panel:after{background-image:url('../images/begos-mark-clean.svg')!important}

/* Dashboard watermark: intentionally very subtle. */
.dashboard-page{position:relative;isolation:isolate}
.dashboard-page:before{content:"";position:fixed;right:2.8vw;bottom:1.5vh;width:min(430px,29vw);aspect-ratio:1.08;background:url('../images/begos-mark-clean.svg') center/contain no-repeat;opacity:.026;pointer-events:none;z-index:-1;filter:saturate(.72)}
.dashboard-page>*{position:relative;z-index:1}

/* POS maturity plan — decision screen, not a technical control panel. */
.plan-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.plan-page-head h1{font-size:34px;letter-spacing:-.025em;margin:0 0 7px}
.plan-page-head p{margin:0;color:#718096;line-height:1.5;max-width:720px}
.plan-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plan-page-actions form{margin:0}
.plan-page-actions .button,.plan-page-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}

.plan-toast{background:#eef9f2;border:1px solid #c9ead5;color:#17633d;padding:11px 14px;border-radius:11px;font-size:12px;font-weight:650;margin:0 0 16px}

.plan-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 18px}
.plan-summary-card{background:#fff;border:1px solid #e1e7ee;border-radius:15px;padding:18px 19px;display:grid;gap:6px;color:#172033;text-decoration:none;box-shadow:0 9px 28px rgba(15,23,42,.035);transition:transform .15s ease,border-color .15s ease}
a.plan-summary-card:hover{transform:translateY(-2px);border-color:#aeb9ca}
.plan-summary-card span{font-size:12px;color:#6f7d90}
.plan-summary-card strong{font-size:23px;letter-spacing:-.025em}
.plan-summary-card small{font-size:11px;color:#8a95a5}
.plan-summary-card.primary{background:linear-gradient(145deg,#101c31,#172842);border-color:#172842;color:#fff}
.plan-summary-card.primary span,.plan-summary-card.primary small{color:#c3cedd}

.plan-attention{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff8ea;border:1px solid #f1d59d;border-radius:12px;padding:12px 15px;margin:0 0 18px;color:#6e5017}
.plan-attention>div{display:grid;gap:2px}.plan-attention strong{font-size:13px}.plan-attention span{font-size:11px;color:#896a2c}.plan-attention a{font-size:11px;font-weight:750;color:#7a5713;text-decoration:none;white-space:nowrap}

.plan-table-card{background:#fff;border:1px solid #e1e7ee;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.035);overflow:hidden;margin-top:4px}
.plan-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 20px 14px;border-bottom:1px solid #edf0f4}
.plan-section-head h2{margin:0 0 3px;font-size:19px}.plan-section-head p{margin:0;color:#8490a1;font-size:11px}.plan-section-head a{font-size:11px;font-weight:750;color:#38557d;text-decoration:none;white-space:nowrap}
.table-scroll{overflow-x:auto}
.plan-table{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0}
.plan-table th{font-size:11px;padding:11px 13px}.plan-table td{padding:12px 13px;font-size:12px;vertical-align:middle}
.plan-table td strong{font-size:12px}
.channel-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#f1f4f8;color:#536175}
.channel-chip.virtual{background:#f2eefb;color:#5d3e91}.channel-chip.physical{background:#edf7f1;color:#1c7045}
.status-text{font-size:10px;font-weight:750;color:#526276}

.plan-detail-panel{background:#fff;border:1px solid #e1e7ee;border-radius:14px;margin-top:13px;overflow:hidden;box-shadow:0 7px 22px rgba(15,23,42,.025)}
.plan-detail-panel>summary{list-style:none;cursor:pointer;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:750;color:#26364d}
.plan-detail-panel>summary::-webkit-details-marker{display:none}
.plan-detail-panel>summary small{font-size:10px;color:#8a95a4;font-weight:650}
.plan-detail-panel>summary:after{content:"+";width:22px;height:22px;border-radius:7px;background:#f1f4f7;display:grid;place-items:center;color:#66758a;font-size:14px;flex:none}
.plan-detail-panel[open]>summary{border-bottom:1px solid #edf0f4}
.plan-detail-panel[open]>summary:after{content:"−"}
.plan-detail-body{overflow-x:auto}.plan-detail-body table{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0}
.plan-rule-copy{padding:15px 18px;color:#59677a;font-size:12px;line-height:1.6}.plan-rule-copy p{margin:0 0 7px}.plan-rule-copy p:last-child{margin-bottom:0}

@media(max-width:1100px){
  .plan-summary-grid{grid-template-columns:1fr 1fr}
  .dashboard-page:before{width:330px;opacity:.018}
}
@media(max-width:700px){
  .plan-page-head{align-items:flex-start;flex-direction:column}
  .plan-page-actions{width:100%}.plan-page-actions .button,.plan-page-actions form,.plan-page-actions button{width:100%}
  .plan-summary-grid{grid-template-columns:1fr}
  .plan-attention{align-items:flex-start;flex-direction:column}
  .plan-section-head{align-items:flex-start;flex-direction:column}
  .dashboard-page:before{display:none}
}