:root{
  --bg:#f3f6f9;--card:#fff;--line:#dce5ec;--text:#223b4d;--muted:#7b8996;
  --blue:#126fa6;--blue-soft:#eaf5fb;--green:#188653;--green-soft:#e7f6ee;
  --red:#c83f3f;--red-soft:#fff0f0;--amber:#a97400;--amber-soft:#fff6df;
  --shadow:0 8px 28px rgba(24,50,70,.08);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}
button,input,select{font:inherit}.topbar{height:68px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,#135a88,#1475ac);color:#fff;box-shadow:0 2px 10px rgba(17,61,91,.18)}
.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:20px}.brand h1{margin:0;font-size:19px}.brand p{margin:2px 0 0;font-size:10px;opacity:.82}
.top-status{display:flex;align-items:center;gap:10px;font-size:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#5ce094;box-shadow:0 0 0 4px rgba(92,224,148,.15)}
.container{padding:18px 24px 30px;max-width:1900px;margin:0 auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.field-label{font-size:9px;font-weight:800;color:#657786;text-transform:uppercase}.date-input,.filter-select,.search-input{height:35px;border:1px solid #c8d4de;border-radius:7px;background:#fff;color:#2d4455;padding:0 10px;outline:none}.date-input:focus,.filter-select:focus,.search-input:focus{border-color:#5c99bf;box-shadow:0 0 0 2px rgba(60,135,180,.1)}
.btn{height:35px;padding:0 12px;border:1px solid #c8d4de;border-radius:7px;background:#fff;color:#476071;font-weight:750;font-size:10px;cursor:pointer}.btn:hover{background:#f7fafc}.btn.primary{background:#197caf;color:#fff;border-color:#197caf}.btn.primary:hover{background:#146d9b}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:16px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 13px;box-shadow:var(--shadow)}.kpi .label{font-size:8.5px;font-weight:850;color:#70808d;text-transform:uppercase}.kpi .value{margin-top:7px;font-size:20px;font-weight:900;color:#223e52;font-variant-numeric:tabular-nums}.kpi .sub{margin-top:4px;font-size:9px;color:#89959f}.kpi.danger{border-color:#efc3c3;background:#fffafa}.kpi.danger .value{color:#c13e3e}.kpi.success .value{color:#188653}.kpi.warning .value{color:#9a6c00}
.section-card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.section-head{min-height:51px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.section-title strong{display:block;font-size:12px}.section-title small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}.section-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.shop-grid{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:10px}.shop-card{border:1px solid #d8e2ea;border-radius:9px;background:#fbfcfd;padding:11px;cursor:pointer;transition:.12s}.shop-card:hover{border-color:#8fb6cf;transform:translateY(-1px)}.shop-card.active{border-color:#3286b9;box-shadow:inset 0 0 0 1px #3286b9;background:#f4faff}.shop-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.shop-name{font-size:12px;font-weight:850}.shop-code{margin-top:2px;font-size:8.5px;color:#8a96a0}.status-pill{padding:3px 7px;border-radius:99px;font-size:8px;font-weight:850;white-space:nowrap}.status-pill.online{background:var(--green-soft);color:var(--green)}.status-pill.stale{background:var(--amber-soft);color:var(--amber)}.status-pill.offline{background:#edf0f3;color:#6d7984}.shop-stats{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.mini-stat{padding:7px 8px;border-radius:7px;background:#fff;border:1px solid #e6ebef}.mini-stat span{display:block;font-size:7.5px;color:#89959f;text-transform:uppercase;font-weight:800}.mini-stat strong{display:block;margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.shop-foot{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.day-pill{font-size:8px;font-weight:850;padding:3px 7px;border-radius:99px}.day-pill.closed{background:#edf1f4;color:#596774}.day-pill.open{background:#eaf6ee;color:#187147}.day-pill.nodata{background:#f0f2f4;color:#86919a}.attention-chip{font-size:8px;font-weight:850;color:#b83737}.difference.short{color:#c13d3d}.difference.excess{color:#946900}.difference.balanced{color:#197348}
.activity-tabs{display:flex;gap:6px}.tab-btn{height:31px;padding:0 11px;border:1px solid #cad5de;border-radius:7px;background:#fff;color:#61717f;font-weight:800;font-size:9.5px;cursor:pointer}.tab-btn.active.attention{background:#fff0f0;border-color:#e5aaaa;color:#b43a3a}.tab-btn.active.all{background:#eaf5fb;border-color:#91b9d1;color:#21698f}
.filters{padding:10px 12px;display:grid;grid-template-columns:180px 145px 145px minmax(220px,1fr) auto;gap:8px;border-bottom:1px solid var(--line);background:#fafbfd}.search-input{width:100%}.events-wrap{max-height:55vh;overflow:auto}.events-table{width:100%;border-collapse:collapse}.events-table th{position:sticky;top:0;z-index:2;background:#f5f8fa;color:#647583;text-transform:uppercase;font-size:8px;letter-spacing:.15px;text-align:left;padding:8px 9px;border-bottom:1px solid #dbe4ea}.events-table td{padding:9px;border-bottom:1px solid #e5ebef;font-size:9.5px;vertical-align:top}.events-table tr{cursor:pointer}.events-table tr:hover{background:#f7fbfd}.events-table tr.high{background:#fff6f6}.events-table tr.medium{background:#fffbef}.event-time strong{display:block;font-size:10px}.event-time small{display:block;color:#8b969f;margin-top:2px}.action-badge{display:inline-flex;padding:2px 6px;border-radius:5px;font-size:7.5px;font-weight:900}.action-badge.DELETE{background:#ffe7e7;color:#bd3030}.action-badge.UPDATE{background:#fff0cc;color:#8b6500}.action-badge.CREATE{background:#e7f5ed;color:#167449}.action-badge.CLOSE{background:#e8eff5;color:#496778}.record-main{font-size:10.5px;font-weight:800}.record-sub{display:block;color:#85919b;margin-top:3px;font-size:8.5px}.amount{text-align:right;font-weight:850;font-variant-numeric:tabular-nums}.flag{font-size:8px;font-weight:800;color:#b83a3a;word-break:break-word}.empty{padding:35px;text-align:center;color:#8a96a0;font-size:11px}.table-footer{padding:8px 12px;display:flex;justify-content:space-between;color:#89949e;font-size:8.5px;background:#fbfcfd}
.modal{position:fixed;inset:0;z-index:30000}.modal[hidden]{display:none}.backdrop{position:absolute;inset:0;background:rgba(18,31,43,.48);backdrop-filter:blur(1px)}.detail-panel{position:absolute;right:0;top:0;bottom:0;width:min(560px,95vw);background:#fff;box-shadow:-15px 0 45px rgba(16,38,54,.2);display:flex;flex-direction:column}.detail-head{padding:15px 16px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.detail-head h2{margin:0;font-size:16px}.detail-head p{margin:4px 0 0;font-size:9.5px;color:var(--muted)}.close-btn{width:34px;height:34px;border:1px solid #d2dce4;border-radius:7px;background:#fff;font-size:20px;color:#5f6d79;cursor:pointer}.detail-body{padding:14px 16px;overflow:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.detail-box{border:1px solid #e0e7ec;border-radius:8px;padding:9px}.detail-box span{display:block;font-size:7.5px;color:#8a96a0;text-transform:uppercase;font-weight:800}.detail-box strong{display:block;margin-top:4px;font-size:10.5px}.change-card{border:1px solid #dde5eb;border-radius:9px;overflow:hidden;margin-top:10px}.change-card h3{margin:0;padding:9px 10px;background:#f7f9fb;font-size:10px;border-bottom:1px solid #e2e8ed}.change-row{display:grid;grid-template-columns:120px 1fr 22px 1fr;gap:7px;align-items:center;padding:8px 10px;border-bottom:1px solid #edf1f4;font-size:9px}.change-row:last-child{border-bottom:0}.change-key{font-weight:800;color:#5e6f7d}.old-value{color:#a24848}.new-value{color:#1c7449}.arrow{color:#9aa4ac;text-align:center}.raw-note{padding:9px 10px;color:#647582;font-size:9.5px;line-height:1.45}
@media(max-width:1350px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.shop-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.shop-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters .search-input{grid-column:1/-1}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{padding:12px}.topbar{padding:0 14px}.shop-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.events-table th:nth-child(2),.events-table td:nth-child(2),.events-table th:nth-child(4),.events-table td:nth-child(4){display:none}}


/* V25 CUSTOMER RECORDS */
.customers-btn{border-color:#8fb7cf;background:#eef7fc;color:#176c9c}.customers-btn:hover{background:#e3f1f9}
.customers-modal{position:fixed;inset:0;z-index:32000}.customers-modal[hidden]{display:none}.customers-backdrop{position:absolute;inset:0;background:rgba(17,31,43,.52);backdrop-filter:blur(1px)}
.customers-window{position:absolute;inset:3vh 2vw;display:flex;flex-direction:column;overflow:hidden;border:1px solid #cbd8e1;border-radius:12px;background:#f5f8fa;box-shadow:0 24px 75px rgba(12,32,47,.28)}
.customers-head{min-height:66px;padding:13px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid var(--line)}.customers-head h2{margin:0;font-size:17px}.customers-head p{margin:4px 0 0;color:var(--muted);font-size:9.5px}
.customer-kpis{padding:10px 12px;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;border-bottom:1px solid var(--line);background:#f8fafc}.customer-kpi{padding:9px 11px;border:1px solid #dce5eb;border-radius:8px;background:#fff}.customer-kpi span{display:block;color:#7c8b97;font-size:7.5px;font-weight:850;text-transform:uppercase}.customer-kpi strong{display:block;margin-top:4px;color:#28475c;font-size:17px;font-variant-numeric:tabular-nums}.customer-kpi.danger{border-color:#efcccc;background:#fffafa}.customer-kpi.danger strong{color:#bd3a3a}
.customer-toolbar{padding:9px 12px;display:grid;grid-template-columns:210px minmax(260px,1fr) auto auto;gap:8px;border-bottom:1px solid var(--line);background:#fff}
.customers-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(620px,1.25fr) minmax(430px,.75fr)}.customer-list-panel{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.customer-table-wrap{flex:1 1 auto;min-height:0;overflow:auto}
.customer-table{width:100%;border-collapse:collapse}.customer-table th{position:sticky;top:0;z-index:2;padding:8px 9px;border-bottom:1px solid #dbe4ea;background:#f4f8fa;color:#637583;text-align:left;text-transform:uppercase;font-size:7.5px}.customer-table td{padding:9px;border-bottom:1px solid #e6ecef;font-size:9.5px;vertical-align:middle}.customer-table tbody tr{cursor:pointer}.customer-table tbody tr:hover{background:#f5faff}.customer-table tbody tr.active{background:#eaf5fb;box-shadow:inset 3px 0 0 #2780b2}
.customer-name{display:block;color:#27455a;font-size:10.5px;font-weight:850}.customer-alias{display:block;margin-top:2px;color:#8b969f;font-size:8px}.customer-date{white-space:nowrap;color:#586d7d}.customer-status{display:inline-flex;margin-top:3px;padding:2px 5px;border-radius:99px;font-size:7px;font-weight:850}.customer-status.active{background:#e6f5ec;color:#18744a}.customer-status.deleted{background:#ffeaea;color:#b53a3a}.customer-number{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.customer-shops{max-width:150px;color:#687987;font-size:8.5px}.customer-attention{color:#b93a3a;font-weight:850;white-space:nowrap}.customer-ok{color:#1a7a4d;font-weight:750}
.customer-detail-panel{min-width:0;min-height:0;overflow:auto;background:#f8fafc}.customer-detail-empty{padding:55px 24px;color:#8a96a0;text-align:center;font-size:11px}.customer-profile{padding:14px}.customer-profile-head{padding:13px;border:1px solid #dce5eb;border-radius:9px;background:#fff}.customer-profile-head h3{margin:0;color:#253f52;font-size:16px}.customer-profile-head p{margin:4px 0 0;color:#82909a;font-size:9px}.customer-profile-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.customer-profile-stat{padding:9px;border:1px solid #e0e7ec;border-radius:7px;background:#fff}.customer-profile-stat span{display:block;color:#85929d;font-size:7.5px;font-weight:800;text-transform:uppercase}.customer-profile-stat strong{display:block;margin-top:4px;color:#29475b;font-size:11.5px}.customer-profile-stat.danger strong{color:#bd3b3b}
.customer-record-card{margin-top:11px;overflow:hidden;border:1px solid #dae4ea;border-radius:9px;background:#fff}.customer-record-card h4{margin:0;padding:9px 10px;border-bottom:1px solid #e2e8ed;background:#f7f9fb;font-size:10px}.payment-row{padding:9px 10px;display:grid;grid-template-columns:82px minmax(130px,1fr) 100px 90px;gap:8px;align-items:center;border-bottom:1px solid #edf1f4;font-size:8.5px}.payment-row:last-child{border-bottom:0}.payment-date strong{display:block;font-size:9.5px}.payment-date small{display:block;margin-top:2px;color:#909aa3;font-size:7.5px}.payment-main strong{display:block;color:#345266;font-size:9px}.payment-main small{display:block;margin-top:2px;color:#87949e;font-size:7.5px}.payment-amount{text-align:right;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}.payment-state{text-align:right}.payment-state span{display:inline-flex;padding:3px 6px;border-radius:99px;font-size:7px;font-weight:850}.payment-state .active{background:#e6f5ec;color:#18754a}.payment-state .deleted{background:#ffe9e9;color:#b53737}.payment-state .edited{margin-top:3px;background:#fff1cf;color:#896300}
.customer-timeline-row{padding:9px 10px;display:grid;grid-template-columns:88px 65px minmax(140px,1fr) 85px;gap:8px;align-items:start;border-bottom:1px solid #edf1f4;font-size:8.5px}.customer-timeline-row:last-child{border-bottom:0}.customer-timeline-row.high{background:#fff5f5}.customer-timeline-row.medium{background:#fffbef}.timeline-time strong{display:block;font-size:9px}.timeline-time small{display:block;margin-top:2px;color:#8a969f;font-size:7.5px}.timeline-summary strong{display:block;color:#334f62;font-size:9px}.timeline-summary small{display:block;margin-top:2px;color:#85919b;font-size:7.5px}.timeline-amount{text-align:right;font-weight:850;font-variant-numeric:tabular-nums}.customer-note{padding:9px 10px;color:#7b8994;font-size:8.5px}
@media(max-width:1200px){.customers-layout{grid-template-columns:1fr}.customer-list-panel{max-height:50vh;border-right:0;border-bottom:1px solid var(--line)}.customer-detail-panel{max-height:42vh}}
@media(max-width:760px){.customers-window{inset:1vh 1vw}.customer-kpis{grid-template-columns:repeat(2,1fr)}.customer-toolbar{grid-template-columns:1fr}.customer-table th:nth-child(5),.customer-table td:nth-child(5),.customer-table th:nth-child(6),.customer-table td:nth-child(6){display:none}.payment-row,.customer-timeline-row{grid-template-columns:80px 1fr 80px}.payment-state,.timeline-amount{grid-column:3}}


/* =========================================================
   V26 CUSTOMER MASTER
   ========================================================= */

.master-btn{
  border-color:#83afc9;
  background:#edf7fc;
  color:#176b9a;
  white-space:nowrap;
}

.customer-master-badge,
.customer-raw-badge{
  display:inline-flex;
  margin-top:3px;
  padding:2px 5px;
  border-radius:99px;
  font-size:6.8px;
  font-weight:900;
  letter-spacing:.2px;
}

.customer-master-badge{
  background:#e4f4eb;
  color:#1b7449;
}

.customer-raw-badge{
  background:#fff0cf;
  color:#8a6300;
}

.customer-code{
  color:#365b71;
  font-size:8.5px;
  font-weight:850;
  white-space:nowrap;
}

.customer-code.missing{
  color:#a77a16;
  font-weight:750;
}

.customer-profile-actions{
  margin-top:10px;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.customer-profile-actions .btn{
  min-height:31px;
  padding:5px 9px;
  font-size:8.5px;
}

.customer-profile-contact{
  margin-top:7px;
  color:#6f808d;
  font-size:8.5px;
}

.customer-profile-contact strong{
  color:#40596b;
}

.master-modal{
  position:fixed;
  inset:0;
  z-index:34000;
}

.master-modal[hidden]{
  display:none;
}

.master-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,31,43,.55);
  backdrop-filter:blur(1px);
}

.master-window{
  position:absolute;
  top:50%;
  left:50%;
  width:min(650px,calc(100vw - 30px));
  max-height:90vh;
  transform:translate(-50%,-50%);
  overflow:auto;
  border:1px solid #ccd9e1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 24px 75px rgba(12,32,47,.32);
}

.merge-window{
  width:min(480px,calc(100vw - 30px));
}

.master-head{
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #e0e7ec;
}

.master-head h2{
  margin:0;
  color:#29475b;
  font-size:16px;
}

.master-head p{
  margin:4px 0 0;
  color:#7d8a95;
  font-size:9px;
  line-height:1.45;
}

.master-body{
  padding:16px;
}

.master-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.master-field{
  display:block;
  margin-bottom:11px;
}

.master-field span{
  display:block;
  margin-bottom:5px;
  color:#60727f;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

.master-field input,
.master-field textarea,
.master-field select{
  width:100%;
  box-sizing:border-box;
  border:1px solid #becdd7;
  border-radius:7px;
  background:#fff;
  color:#274357;
  outline:none;
  font-size:10.5px;
}

.master-field input,
.master-field select{
  height:37px;
  padding:0 10px;
}

.master-field textarea{
  padding:9px 10px;
  resize:vertical;
  font-family:inherit;
}

.master-field input:focus,
.master-field textarea:focus,
.master-field select:focus{
  border-color:#4b94bf;
  box-shadow:0 0 0 2px rgba(51,132,182,.10);
}

.master-field small{
  display:block;
  margin-top:4px;
  color:#8a969f;
  font-size:7.8px;
}

.master-active{
  display:flex;
  align-items:center;
  gap:7px;
  color:#526a7b;
  font-size:9.5px;
  font-weight:750;
}

.master-active input{
  width:16px;
  height:16px;
}

.master-error{
  margin-top:10px;
  padding:8px 10px;
  border:1px solid #efb9b9;
  border-radius:7px;
  background:#fff1f1;
  color:#ad3d3d;
  font-size:9px;
  font-weight:750;
}

.master-footer{
  padding:11px 16px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  border-top:1px solid #e1e7ec;
  background:#fafcfd;
}

.merge-source{
  margin-bottom:14px;
  padding:11px;
  border:1px solid #dbe4ea;
  border-radius:8px;
  background:#f7fafc;
}

.merge-source span{
  display:block;
  color:#84919b;
  font-size:7.5px;
  font-weight:850;
  text-transform:uppercase;
}

.merge-source strong{
  display:block;
  margin-top:4px;
  color:#29475b;
  font-size:13px;
}

@media(max-width:760px){
  .master-grid{
    grid-template-columns:1fr;
  }

  .customer-table th:nth-child(6),
  .customer-table td:nth-child(6),
  .customer-table th:nth-child(7),
  .customer-table td:nth-child(7){
    display:none;
  }
}


/* =========================================================
   V27 CUSTOMER RISK / FOLLOW-UP
   ========================================================= */

.customer-kpis-v27{
  grid-template-columns:repeat(6,minmax(120px,1fr));
}

.customer-kpi.followup{
  border-color:#ead9aa;
  background:#fffdf6;
}
.customer-kpi.followup strong{color:#8a6500;}

.customer-kpi.watch{
  border-color:#edcf9e;
  background:#fff9ef;
}
.customer-kpi.watch strong{color:#a25f00;}

.customer-toolbar-v27{
  grid-template-columns:180px 220px minmax(240px,1fr) auto auto auto;
}

.customer-days{
  font-weight:850;
  white-space:nowrap;
}
.customer-days.followup{color:#8b6900;}
.customer-days.watch{color:#a05d00;}
.customer-days.high{color:#b73838;}
.customer-days.ok{color:#28734c;}

.risk-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  padding:3px 6px;
  border-radius:99px;
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
}
.risk-badge.high{background:#ffe6e6;color:#b33434;}
.risk-badge.watch{background:#fff0d8;color:#9b5b00;}
.risk-badge.followup{background:#fff6d8;color:#826300;}
.risk-badge.ok{background:#e7f5ec;color:#1b7549;}
.risk-badge.inactive{background:#edf0f2;color:#697680;}

.customer-risk-reasons{
  margin-top:8px;
  padding:9px 10px;
  border:1px solid #eadfc3;
  border-radius:7px;
  background:#fffdf7;
}
.customer-risk-reasons strong{
  display:block;
  color:#6f5a23;
  font-size:8px;
  text-transform:uppercase;
}
.customer-risk-reasons ul{
  margin:6px 0 0 16px;
  padding:0;
  color:#75694c;
  font-size:8.5px;
  line-height:1.45;
}

.customer-profile-stat.followup strong{color:#8a6500;}
.customer-profile-stat.watch strong{color:#a25f00;}
.customer-profile-stat.high strong{color:#b53a3a;}

@media(max-width:1450px){
  .customer-kpis-v27{
    grid-template-columns:repeat(3,1fr);
  }
  .customer-toolbar-v27{
    grid-template-columns:180px 210px minmax(220px,1fr) auto auto;
  }
}

@media(max-width:900px){
  .customer-kpis-v27{
    grid-template-columns:repeat(2,1fr);
  }
  .customer-toolbar-v27{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V28 TASK CENTER / REVIEW / COMPLIANCE
   ========================================================= */
.task-center-btn{border-color:#d7c985;background:#fff9df;color:#765f08;}
.task-center-modal{position:fixed;inset:0;z-index:33000;}.task-center-modal[hidden]{display:none;}
.task-center-backdrop{position:absolute;inset:0;background:rgba(17,31,43,.53);backdrop-filter:blur(1px);}
.task-center-window{position:absolute;inset:5vh 6vw;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ccd8df;border-radius:12px;background:#f6f8fa;box-shadow:0 24px 75px rgba(12,32,47,.3);}
.task-center-head{padding:13px 16px;display:flex;justify-content:space-between;background:#fff;border-bottom:1px solid #dce4ea;}.task-center-head h2{margin:0;font-size:17px}.task-center-head p{margin:4px 0 0;color:#7e8c97;font-size:9px}
.task-create-bar{padding:9px 12px;display:grid;grid-template-columns:220px 220px 130px 150px 130px;gap:8px;background:#fff;border-bottom:1px solid #e0e7ec;}
.task-create-body{padding:9px 12px;display:grid;grid-template-columns:280px 1fr auto;gap:8px;background:#fff;border-bottom:1px solid #e0e7ec;}.task-create-body textarea{min-height:52px;padding:8px;border:1px solid #c8d3dc;border-radius:6px;resize:vertical;font:inherit;font-size:10px}
.owner-task-list-head{padding:9px 12px;display:flex;justify-content:space-between;align-items:center;background:#f8fafb;border-bottom:1px solid #e1e7eb;font-size:10px}.owner-task-list{flex:1;min-height:0;overflow:auto;background:#fff;}
.owner-task{padding:11px 13px;display:grid;grid-template-columns:minmax(220px,1fr) 160px 120px 150px;gap:10px;align-items:center;border-bottom:1px solid #edf1f4;}.owner-task strong{display:block;color:#304d60;font-size:10.5px}.owner-task small{display:block;margin-top:3px;color:#81909b;font-size:8px}.owner-task-progress{font-weight:850;font-size:10px}.owner-task-progress.done{color:#1d7649}.owner-task-progress.pending{color:#a56500}
.review-card{margin-top:10px;padding:10px;border:1px solid #dce4ea;border-radius:8px;background:#f8fafb}.review-card h3{margin:0 0 7px;font-size:10px}.review-note{width:100%;min-height:64px;padding:8px;border:1px solid #c8d3dc;border-radius:6px;box-sizing:border-box;resize:vertical;font:inherit;font-size:9px}.review-actions{margin-top:7px;display:flex;flex-wrap:wrap;gap:6px}.review-actions button{padding:7px 9px;border:1px solid #c7d3dc;border-radius:6px;background:#fff;font-size:8.5px;font-weight:800;cursor:pointer}.review-actions .ok{background:#e8f6ed;color:#1f754b;border-color:#9dc7ae}.review-actions .explain{background:#fff7df;color:#8a6700;border-color:#ddca88}.review-actions .investigate{background:#fff0f0;color:#a93b3b;border-color:#e0aaaa}.review-state{display:inline-flex;padding:3px 7px;border-radius:99px;background:#edf2f5;color:#60717e;font-size:7.5px;font-weight:850;text-transform:uppercase}
.compliance-line{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.compliance-chip{padding:5px 6px;border-radius:5px;background:#f2f5f7;color:#60717e;font-size:7.5px;font-weight:800}.compliance-chip.bad{background:#fff0e8;color:#a9531e}.compliance-chip.good{background:#eaf6ee;color:#24764d}
@media(max-width:1000px){.task-create-bar,.task-create-body{grid-template-columns:1fr 1fr}.owner-task{grid-template-columns:1fr 120px}.task-center-window{inset:2vh 2vw}}


/* =========================================================
   V29 OWNER LOGIN + SECURE SHOP REGISTRATION
   ========================================================= */
.owner-login-modal,
.shops-manage-modal{
  position:fixed;
  inset:0;
  z-index:50000;
}
.owner-login-modal[hidden],
.shops-manage-modal[hidden]{display:none;}
.owner-login-backdrop,
.shops-manage-backdrop{
  position:absolute;
  inset:0;
  background:rgba(16,31,44,.58);
  backdrop-filter:blur(2px);
}
.owner-login-window{
  position:absolute;
  top:50%;
  left:50%;
  width:min(420px,calc(100vw - 28px));
  transform:translate(-50%,-50%);
  padding:26px;
  border:1px solid #ced9e1;
  border-radius:13px;
  background:#fff;
  box-shadow:0 28px 80px rgba(10,28,42,.32);
  text-align:center;
}
.owner-login-icon{font-size:38px;}
.owner-login-window h2{margin:7px 0 5px;color:#263f52;}
.owner-login-window p{margin:0 auto 18px;max-width:340px;color:#7a8893;font-size:10.5px;line-height:1.5;}
.owner-login-window input{
  width:100%;height:42px;box-sizing:border-box;padding:0 12px;
  border:1px solid #bccad5;border-radius:7px;outline:none;font-size:14px;
}
.owner-login-window input:focus{border-color:#418bb8;box-shadow:0 0 0 2px rgba(40,126,177,.11);}
.owner-login-window .btn{width:100%;margin-top:10px;min-height:40px;}
.owner-login-window small{display:block;margin-top:12px;color:#7e8b95;font-size:9px;}
.owner-login-error{margin-top:9px;padding:8px;border:1px solid #efb7b7;border-radius:6px;background:#fff2f2;color:#a63a3a;font-size:10px;font-weight:750;}
.owner-logout-btn{color:#8a4a4a;border-color:#dfbaba;background:#fff8f8;}
.shops-manage-btn{color:#235f83;border-color:#a9c3d4;background:#f3f9fc;}
.shops-manage-window{
  position:absolute;inset:5vh 8vw;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid #ccd8e1;border-radius:12px;background:#f7f9fb;box-shadow:0 24px 70px rgba(10,28,42,.3);
}
.shops-manage-head{padding:13px 16px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-bottom:1px solid #dce4ea;}
.shops-manage-head h2{margin:0;font-size:17px;color:#294458;}.shops-manage-head p{margin:4px 0 0;color:#7d8b96;font-size:9.5px;}
.pair-create-bar{padding:12px;display:grid;grid-template-columns:220px minmax(240px,1fr) auto;gap:8px;background:#fff;border-bottom:1px solid #dce4ea;}
.pair-code-result{margin:12px;padding:11px 13px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;align-items:center;border:1px solid #b7d8c4;border-radius:9px;background:#f4fbf7;}
.pair-code-result span{display:block;color:#75858f;font-size:7.5px;font-weight:850;text-transform:uppercase;}.pair-code-result strong{display:block;margin-top:3px;color:#29495c;font-size:12px;}.pair-code-main{text-align:center}.pair-code-main strong{font-size:28px;letter-spacing:5px;color:#176c48}.pair-code-result p{grid-column:1/-1;margin:0;color:#687983;font-size:9px;text-align:center;}
.registered-shops-head{padding:9px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #e0e6eb;border-bottom:1px solid #e0e6eb;font-size:10px;}
.registered-shops-list{flex:1 1 auto;min-height:0;overflow:auto;background:#fff;}
.registered-shop-row{padding:11px 13px;display:grid;grid-template-columns:minmax(180px,1.5fr) 110px 130px 180px auto;gap:10px;align-items:center;border-bottom:1px solid #e7ecef;font-size:9px;}
.registered-shop-row strong{display:block;color:#2b4659;font-size:10.5px}.registered-shop-row small{display:block;margin-top:2px;color:#87939d;font-size:8px;}.pair-state{display:inline-flex;padding:3px 6px;border-radius:99px;font-size:7.5px;font-weight:850}.pair-state.paired{background:#e5f5eb;color:#1b7449}.pair-state.unpaired{background:#fff0df;color:#9d5b13}.pair-state.revoked{background:#ffe7e7;color:#b23939}.revoke-shop-btn{border:1px solid #e2bcbc;background:#fff7f7;color:#a73d3d;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:8px;font-weight:800;}
@media(max-width:900px){.shops-manage-window{inset:2vh 2vw}.pair-create-bar{grid-template-columns:1fr}.pair-code-result{grid-template-columns:1fr}.pair-code-result p{grid-column:auto}.registered-shop-row{grid-template-columns:1fr 90px}.registered-shop-row>:nth-child(3),.registered-shop-row>:nth-child(4){display:none}}


/* =========================================================
   V30 NOTIFICATIONS / ESCALATION
   ========================================================= */

.notifications-btn{
  position:relative;
  border-color:#e2bd79;
  background:#fff7e8;
  color:#855900;
}

.notification-badge{
  display:inline-flex;
  min-width:18px;
  height:18px;
  margin-left:4px;
  padding:0 5px;
  align-items:center;
  justify-content:center;
  border-radius:99px;
  background:#c83c3c;
  color:#fff;
  font-size:8px;
  font-weight:900;
}
.notification-badge[hidden]{display:none!important;}

.notifications-modal{
  position:fixed;
  inset:0;
  z-index:35000;
}
.notifications-modal[hidden]{display:none;}

.notifications-backdrop{
  position:absolute;
  inset:0;
  background:rgba(16,29,40,.55);
  backdrop-filter:blur(1px);
}

.notifications-window{
  position:absolute;
  inset:4vh 4vw;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #cbd8e1;
  border-radius:12px;
  background:#f6f8fa;
  box-shadow:0 24px 80px rgba(10,29,44,.30);
}

.notifications-head{
  padding:13px 16px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  background:#fff;
  border-bottom:1px solid #dfe6eb;
}
.notifications-head h2{margin:0;color:#243f52;font-size:17px;}
.notifications-head p{margin:4px 0 0;color:#82909b;font-size:9.5px;}

.notification-kpis{
  padding:9px 12px;
  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:8px;
  border-bottom:1px solid #dfe6eb;
}

.notification-kpi{
  padding:8px 10px;
  border:1px solid #dae3e9;
  border-radius:8px;
  background:#fff;
}
.notification-kpi span{
  display:block;
  color:#7c8994;
  font-size:7.5px;
  font-weight:850;
  text-transform:uppercase;
}
.notification-kpi strong{
  display:block;
  margin-top:4px;
  color:#29475b;
  font-size:17px;
}
.notification-kpi.danger{border-color:#efcaca;background:#fffafa;}
.notification-kpi.danger strong{color:#b93636;}
.notification-kpi.warning{border-color:#ead7a9;background:#fffdf7;}
.notification-kpi.warning strong{color:#8b6500;}

.notification-actions{
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  border-bottom:1px solid #dfe6eb;
  background:#fff;
}

.notification-channel-status{
  padding:5px 8px;
  border-radius:99px;
  background:#eef2f5;
  color:#687985;
  font-size:8px;
  font-weight:750;
}
.notification-channel-status.on{background:#e4f4eb;color:#197248;}

.notification-settings-box{
  margin:8px 12px 0;
  border:1px solid #dce4ea;
  border-radius:8px;
  background:#fff;
}
.notification-settings-box summary{
  padding:8px 10px;
  cursor:pointer;
  color:#4a6172;
  font-size:9.5px;
  font-weight:850;
}

.notification-settings-grid{
  padding:9px 10px;
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr)) auto;
  gap:8px;
  align-items:end;
  border-top:1px solid #e7ecef;
}
.notification-settings-grid label span{
  display:block;
  margin-bottom:4px;
  color:#7b8995;
  font-size:7.5px;
  font-weight:800;
  text-transform:uppercase;
}
.notification-settings-grid input{
  width:100%;
  height:34px;
  padding:0 8px;
  border:1px solid #c8d3db;
  border-radius:6px;
  box-sizing:border-box;
  font-size:10px;
}

.notification-tabs{
  padding:8px 12px;
  display:grid;
  grid-template-columns:auto auto 160px 200px;
  gap:8px;
  border-bottom:1px solid #dfe6eb;
}

.notifications-list{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:8px 12px 14px;
}

.notification-card{
  margin-bottom:7px;
  padding:10px 11px;
  display:grid;
  grid-template-columns:92px 110px minmax(220px,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid #dfe6eb;
  border-left:4px solid #9aa8b2;
  border-radius:8px;
  background:#fff;
}
.notification-card.high{border-left-color:#c83939;background:#fff8f8;}
.notification-card.medium{border-left-color:#d59a21;background:#fffdf8;}
.notification-card.read{opacity:.72;}
.notification-card.resolved{background:#f5f7f8;border-left-color:#9aa8b2;}

.notification-meta strong{
  display:block;
  color:#3a5264;
  font-size:9px;
}
.notification-meta small{
  display:block;
  margin-top:2px;
  color:#8a969f;
  font-size:7.5px;
}

.notification-severity{
  display:inline-flex;
  width:max-content;
  padding:3px 6px;
  border-radius:99px;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}
.notification-severity.high{background:#ffe4e4;color:#b13232;}
.notification-severity.medium{background:#fff0d4;color:#966000;}
.notification-severity.low{background:#e9f2f7;color:#4a6c82;}

.notification-main strong{
  display:block;
  color:#2e495d;
  font-size:10.5px;
}
.notification-main small{
  display:block;
  margin-top:3px;
  color:#7f8d98;
  font-size:8.5px;
  line-height:1.35;
}

.notification-tags{
  margin-top:5px;
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.notification-tag{
  display:inline-flex;
  padding:2px 5px;
  border-radius:99px;
  background:#edf2f5;
  color:#667985;
  font-size:7px;
  font-weight:750;
}

.notification-actions-row{
  display:flex;
  gap:5px;
  justify-content:flex-end;
}
.notification-actions-row button{
  min-height:28px;
  padding:4px 7px;
  border:1px solid #cad5dd;
  border-radius:6px;
  background:#fff;
  color:#516775;
  cursor:pointer;
  font-size:8px;
  font-weight:800;
}
.notification-actions-row button.dismiss{
  border-color:#e5c6c6;
  color:#a54242;
}

.notifications-footer{
  padding:7px 12px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #dfe6eb;
  background:#fff;
  color:#82909b;
  font-size:8px;
}

@media(max-width:1150px){
  .notification-settings-grid{grid-template-columns:repeat(3,1fr);}
  .notification-card{grid-template-columns:80px 95px minmax(180px,1fr);}
  .notification-actions-row{grid-column:1/-1;}
}
@media(max-width:760px){
  .notifications-window{inset:1vh 1vw;}
  .notification-kpis{grid-template-columns:repeat(2,1fr);}
  .notification-settings-grid,.notification-tabs{grid-template-columns:1fr;}
  .notification-card{grid-template-columns:1fr;}
  .notifications-footer{display:block;}
}


/* ============================================================
   V35 — OWNER DASHBOARD VISUAL REFRESH
   ============================================================ */

body{
    background:
        radial-gradient(circle at 10% 0%,rgba(20,117,172,.055),transparent 26rem),
        #f3f7fa;
    color:#183047;
}

.topbar{
    min-height:70px;
    height:auto;
    background:linear-gradient(105deg,#0b4e7b,#0f6ea8 55%,#187fb6);
    box-shadow:0 4px 16px rgba(13,67,103,.15);
}

.container{
    max-width:1900px;
    padding:18px 24px 32px;
}

.toolbar{
    position:sticky;
    top:0;
    z-index:20;
    margin:-18px -24px 14px;
    padding:12px 24px;
    background:rgba(243,247,250,.96);
    backdrop-filter:blur(10px);
    border-bottom:1px solid #dbe5ed;
}

.toolbar button,
.toolbar input,
.toolbar select{
    border-radius:9px;
}

.kpi-grid{
    gap:11px;
}

.kpi{
    border-radius:12px;
    border-color:#dce5ec;
    box-shadow:0 4px 14px rgba(31,66,91,.045);
    background:#fff;
}

.kpi strong{
    letter-spacing:-.025em;
    font-variant-numeric:tabular-nums;
}

.panel{
    border-radius:14px;
    border-color:#dbe5ed;
    box-shadow:0 5px 18px rgba(31,66,91,.055);
    overflow:hidden;
}

.panel-title{
    background:linear-gradient(180deg,#fff,#fbfdfe);
}

.shop-grid{
    gap:12px;
    padding:14px;
}

.shop-card{
    border-radius:12px;
    border-color:#dce6ed;
    background:#fff;
    padding:13px;
    box-shadow:0 3px 11px rgba(32,68,93,.045);
    transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease;
}

.shop-card:hover{
    transform:translateY(-2px);
    border-color:#87b6d1;
    box-shadow:0 7px 18px rgba(32,68,93,.075);
}

.shop-card.active{
    background:#f6fbfe;
    border-color:#4c9ac5;
    box-shadow:inset 0 0 0 1px rgba(55,143,193,.08),0 7px 18px rgba(32,68,93,.06);
}

.shop-name{
    font-size:13px;
}

.shop-code{
    font-size:9px;
}

.mini-stat{
    border-radius:9px;
    border-color:#e3eaf0;
    background:#fbfdfe;
}

.mini-stat strong{
    font-size:12px;
    font-variant-numeric:tabular-nums;
}

.compliance-chip,
.status-pill,
.day-pill{
    border-radius:999px !important;
}

.filters{
    background:#fbfdfe;
}

.events-table{
    font-variant-numeric:tabular-nums;
}

.events-table th{
    background:#f5f8fa;
    color:#526879;
}

.events-table tbody tr{
    transition:background .10s ease;
}

.events-table tbody tr:hover{
    background:#f7fbfd;
}

@media(max-width:900px){
    .toolbar{
        position:static;
        margin:0 0 14px;
        padding:0;
        background:transparent;
        border:0;
    }
}

.handovers-btn{position:relative;border-color:#9ac2d8!important;background:#eef8fd!important;color:#0d628f!important}.handovers-modal[hidden]{display:none!important}.handovers-modal{position:fixed;inset:0;z-index:5600}.handovers-backdrop{position:absolute;inset:0;background:rgba(12,28,40,.46);backdrop-filter:blur(2px)}.handovers-window{position:absolute;inset:4vh 3vw;display:flex;flex-direction:column;background:#f7fafc;border:1px solid #d7e2ea;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px rgba(17,43,61,.24)}.handovers-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:#fff;border-bottom:1px solid #dce5ec}.handovers-head h2{margin:0;font-size:18px}.handovers-head p{margin:3px 0 0;color:#687b8b;font-size:11px}.handover-owner-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 16px}.handover-owner-kpis>div{border:1px solid #dce6ed;border-radius:11px;background:#fff;padding:10px 12px}.handover-owner-kpis span{display:block;color:#637788;font-size:10px;font-weight:800;text-transform:uppercase}.handover-owner-kpis strong{display:block;margin-top:4px;font-size:18px}.handover-owner-kpis .warning{background:#fffaf0;border-color:#eedaa8}.handover-owner-kpis .danger{background:#fff4f4;border-color:#efcece}.handover-owner-kpis .success{background:#f1fbf5;border-color:#cfe9da}.handover-owner-toolbar{display:flex;gap:8px;padding:0 16px 12px}.handovers-table-wrap{flex:1;min-height:0;overflow:auto;margin:0 16px;border:1px solid #dce5ec;border-radius:11px;background:#fff}.handovers-table{width:100%;min-width:1260px;border-collapse:collapse;font-variant-numeric:tabular-nums}.handovers-table th{position:sticky;top:0;z-index:2;padding:9px 10px;background:#f3f7fa;border-bottom:1px solid #d8e3eb;color:#536a7c;font-size:10px;text-transform:uppercase;text-align:left}.handovers-table td{padding:10px;border-bottom:1px solid #e9eef2;vertical-align:top}.handovers-table th.amount,.handovers-table td.amount{text-align:right}.handover-status-row{display:flex;align-items:center;gap:7px;margin-bottom:7px}.handover-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.handover-status.pending{background:#fff3cf;color:#825800}.handover-status.received{background:#e9f8ef;color:#176640}.handover-status.danger{background:#fff0f0;color:#b12b2b}.handover-status.cancelled{background:#f1f3f5;color:#6f7c86}.handover-confirm-form{display:grid;grid-template-columns:120px 145px 145px minmax(160px,1fr) auto;gap:6px;align-items:center}.handover-confirm-form input{min-width:0;border:1px solid #cfdce6;border-radius:7px;padding:7px 8px;font-size:11px}.handover-confirm-btn{white-space:nowrap}.handover-diff-ok{color:#18734a;font-weight:900}.handover-diff-bad{color:#b32626;font-weight:900;background:#fff5f5}.handovers-footer{padding:10px 16px;color:#697b89;font-size:10px}@media(max-width:950px){.handover-owner-kpis{grid-template-columns:1fr 1fr}.handovers-window{inset:2vh 1.5vw}}


/* V39 Owner Reports */
.reports-btn{border-color:#97bed5!important;background:#f1f8fc!important;color:#0b628f!important}
.reports-modal[hidden]{display:none!important}
.reports-modal{position:fixed;inset:0;z-index:5550}
.reports-backdrop{position:absolute;inset:0;background:rgba(10,27,39,.48);backdrop-filter:blur(2px)}
.reports-window{position:absolute;inset:2.5vh 2vw;display:flex;flex-direction:column;background:#f5f8fa;border:1px solid #d5e1e9;border-radius:15px;overflow:hidden;box-shadow:0 24px 70px rgba(17,43,61,.27)}
.reports-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:15px 18px;background:#fff;border-bottom:1px solid #dce5ec}
.reports-head h2{margin:0;font-size:19px}.reports-head p{margin:3px 0 0;color:#677a8a;font-size:11px}
.reports-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:11px 15px;background:#fbfdfe;border-bottom:1px solid #dce5ec}
.reports-toolbar label{display:grid;gap:3px}.reports-toolbar label span{color:#627585;font-size:9px;font-weight:900;text-transform:uppercase}
.reports-toolbar input,.reports-toolbar select{min-height:36px;border:1px solid #ccd9e3;border-radius:8px;padding:0 9px;background:#fff}
.reports-presets{display:flex;gap:5px;margin-right:4px}.report-preset.active{background:#eaf6fc;color:#0c6592;border-color:#76abc8}
.report-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:11px 15px}
.report-kpis>div{border:1px solid #dce6ed;border-radius:10px;background:#fff;padding:9px 11px}.report-kpis span{display:block;color:#667a8a;font-size:9px;font-weight:900;text-transform:uppercase}.report-kpis strong{display:block;margin-top:4px;font-size:18px;font-variant-numeric:tabular-nums}
.report-kpis .danger{background:#fff4f4;border-color:#efcece}.report-kpis .warning{background:#fff9ea;border-color:#ecdca8}
.report-tabs{display:flex;gap:5px;padding:0 15px 9px;border-bottom:1px solid #dce5ec}.report-tab{border:1px solid #d4e0e8;border-radius:8px;background:#fff;color:#536b7c;padding:7px 11px;font-size:11px;font-weight:850;cursor:pointer}.report-tab.active{border-color:#67a5c8;background:#eaf6fc;color:#0d628f}
.reports-content{flex:1;min-height:0;padding:11px 15px;overflow:hidden}.report-panel{display:none;height:100%;min-height:0}.report-panel.active{display:flex;flex-direction:column}
.report-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:7px}.report-section-title strong{font-size:13px}.report-section-title span{color:#6a7d8c;font-size:10px}
.report-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid #dce5ec;border-radius:10px;background:#fff}
.report-table{width:100%;min-width:1150px;border-collapse:collapse;font-variant-numeric:tabular-nums}.report-table th{position:sticky;top:0;z-index:2;padding:8px 9px;background:#f2f6f9;border-bottom:1px solid #d8e3ea;color:#506778;font-size:9px;text-transform:uppercase;text-align:left}.report-table td{padding:9px;border-bottom:1px solid #ebeff2;vertical-align:top;font-size:11px}.report-table tbody tr:hover{background:#f8fbfd}.report-table .amount{text-align:right}.report-table tr.high{background:#fff4f4}.report-table tr.medium{background:#fffaf0}
.report-negative{color:#b02c2c;font-weight:850}.report-positive{color:#157149;font-weight:850}.report-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900}.report-status.good{background:#e9f8ef;color:#176640}.report-status.warning{background:#fff3cf;color:#845800}.report-status.danger{background:#fff0f0;color:#ad2929}.report-flag{color:#a62424;font-size:9px;font-weight:900}
.reports-footer{padding:9px 15px;border-top:1px solid #dce5ec;background:#fbfdfe;color:#657887;font-size:10px}
@media(max-width:1100px){.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* =========================================================
   V41 MULTI-SHOP ROLLOUT CENTER
   ========================================================= */

.rollout-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  padding:12px;
  background:#f7fafc;
  border-bottom:1px solid #dce5ec;
}

.rollout-kpis>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid #dce5ec;
  border-radius:9px;
  background:#fff;
}

.rollout-kpis>div.success{
  background:#f1fbf5;
  border-color:#cde8d8;
}

.rollout-kpis>div.warning{
  background:#fff9eb;
  border-color:#ecdca8;
}

.rollout-kpis>div.danger{
  background:#fff3f3;
  border-color:#efcccc;
}

.rollout-kpis span{
  display:block;
  color:#6c7f8e;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.rollout-kpis strong{
  display:block;
  margin-top:3px;
  color:#24475d;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.rollout-progress-row{
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(220px,1.7fr) auto;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  background:#fff;
  border-bottom:1px solid #e0e7ec;
}

.rollout-progress-copy strong{
  display:block;
  color:#29475b;
  font-size:11px;
}

.rollout-progress-copy small{
  display:block;
  margin-top:3px;
  color:#7a8a95;
  font-size:8.5px;
}

.rollout-progress-track{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#e7edf1;
}

.rollout-progress-bar{
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2d86b4,#3e9d76);
  transition:width .2s ease;
}

.rollout-progress-bar.complete{
  background:#22905c;
}

.rollout-target-control{
  display:flex;
  align-items:center;
  gap:5px;
}

.rollout-target-control span{
  color:#6a7d8c;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.rollout-target-control input{
  width:58px;
  height:34px;
  box-sizing:border-box;
  border:1px solid #cdd9e2;
  border-radius:7px;
  padding:0 7px;
  text-align:center;
  font-weight:800;
}

.rollout-security-note{
  padding:8px 12px;
  border-bottom:1px solid #dce5ec;
  background:#eef8fd;
  color:#42677d;
  font-size:9px;
  line-height:1.45;
}

.registered-shops-head>div small{
  display:block;
  margin-top:2px;
  color:#87949d;
  font-size:8px;
  font-weight:500;
}

.rollout-shop-row{
  grid-template-columns:minmax(210px,1.25fr) minmax(230px,1.45fr) 125px minmax(155px,1fr) minmax(170px,1fr) auto !important;
  align-items:stretch !important;
  padding:10px 12px !important;
}

.rollout-shop-main,
.rollout-checks,
.rollout-connection,
.rollout-operators,
.rollout-security,
.rollout-actions{
  min-width:0;
}

.rollout-shop-title{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.rollout-shop-main em{
  display:block;
  margin-top:5px;
  color:#a16226;
  font-size:8px;
  font-style:normal;
  line-height:1.35;
}

.rollout-shop-main em.good{
  color:#25704d;
}

.readiness-state{
  display:inline-flex;
  padding:3px 6px;
  border-radius:999px;
  font-size:7.5px;
  font-weight:900;
  white-space:nowrap;
}

.readiness-state.ready{
  background:#e5f7ec;
  color:#176840;
}

.readiness-state.offline{
  background:#f1f3f5;
  color:#64727d;
}

.readiness-state.attention{
  background:#fff3cf;
  color:#8a5c00;
}

.readiness-state.setup{
  background:#eef4f7;
  color:#537183;
}

.readiness-state.revoked{
  background:#ffe7e7;
  color:#b23939;
}

.rollout-checks{
  display:flex;
  align-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
}

.rollout-check{
  display:inline-flex;
  align-items:center;
  padding:3px 6px;
  border-radius:999px;
  font-size:7px;
  font-weight:850;
  white-space:nowrap;
}

.rollout-check.ok{
  background:#e9f7ef;
  color:#176a43;
}

.rollout-check.pending{
  background:#f0f3f5;
  color:#657782;
}

.rollout-check.danger{
  background:#fff0f0;
  color:#ac3434;
}

.connection-state{
  display:inline-flex;
  margin-bottom:4px;
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  text-transform:capitalize;
}

.connection-state.online{
  background:#e5f7ec;
  color:#176840;
}

.connection-state.stale{
  background:#fff3cf;
  color:#855900;
}

.connection-state.offline{
  background:#f0f2f4;
  color:#6b7780;
}

.rollout-connection small,
.rollout-operators small,
.rollout-security small{
  display:block;
  margin-top:3px;
  color:#7c8c97;
  font-size:8px;
  line-height:1.35;
}

.rollout-operators strong,
.rollout-security strong{
  display:block;
  color:#29485c;
  font-size:9px;
}

.isolation-pass{
  color:#1c7449 !important;
  font-weight:850;
}

.isolation-warn{
  color:#a26024 !important;
  font-weight:850;
}

.rollout-actions{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}

.pair-shop-btn{
  border:1px solid #9fc5dc;
  border-radius:6px;
  background:#eef8fd;
  color:#11658f;
  padding:6px 8px;
  cursor:pointer;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}

@media(max-width:1250px){
  .rollout-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .rollout-shop-row{
    grid-template-columns:minmax(200px,1.3fr) minmax(220px,1.5fr) 120px minmax(150px,1fr) auto !important;
  }

  .rollout-security{
    display:none;
  }
}

@media(max-width:900px){
  .rollout-progress-row{
    grid-template-columns:1fr;
  }

  .rollout-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rollout-shop-row{
    grid-template-columns:1fr !important;
  }

  .rollout-security{
    display:block;
  }

  .rollout-actions{
    flex-direction:row;
    justify-content:flex-start;
  }
}


/* =========================================================
   V42 CENTRAL BACKUP & RECOVERY
   ========================================================= */

.backups-modal[hidden]{
  display:none !important;
}

.backups-modal{
  position:fixed;
  inset:0;
  z-index:18000;
}

.backups-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,34,46,.56);
  backdrop-filter:blur(2px);
}

.backups-window{
  position:absolute;
  left:50%;
  top:50%;
  width:min(1050px,calc(100vw - 30px));
  max-height:calc(100vh - 34px);
  transform:translate(-50%,-50%);
  overflow:auto;
  border:1px solid #d6e1e8;
  border-radius:13px;
  background:#fff;
  box-shadow:0 25px 75px rgba(16,37,52,.28);
}

.backups-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid #dce5eb;
}

.backups-head h2{
  margin:0;
  color:#24455b;
  font-size:18px;
}

.backups-head p{
  margin:3px 0 0;
  color:#748490;
  font-size:9px;
}

.central-backup-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:12px;
  background:#f7fafc;
  border-bottom:1px solid #e0e7ec;
}

.central-backup-kpis>div{
  padding:9px 10px;
  border:1px solid #dce5eb;
  border-radius:8px;
  background:#fff;
}

.central-backup-kpis span{
  display:block;
  color:#72838f;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.central-backup-kpis strong{
  display:block;
  margin-top:3px;
  color:#29495e;
  font-size:11px;
}

.central-backup-toolbar{
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 12px;
  border-bottom:1px solid #e2e8ed;
}

.central-backup-toolbar span{
  margin-left:auto;
  color:#6f818d;
  font-size:8.5px;
}

.central-backup-pending{
  margin:10px 12px 0;
  padding:9px 10px;
  border:1px solid #ead18e;
  border-radius:8px;
  background:#fff8e7;
  color:#75511b;
  font-size:9px;
}

.central-backup-pending button{
  margin-left:6px;
  border:1px solid #d4b16a;
  border-radius:6px;
  background:#fff;
  color:#775018;
  cursor:pointer;
  font-size:8px;
  font-weight:800;
}

.central-backup-list{
  max-height:480px;
  overflow:auto;
}

.central-backup-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid #e8edf1;
}

.central-backup-file{
  min-width:0;
}

.central-backup-file strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#27495f;
  font-size:10px;
  white-space:nowrap;
}

.central-backup-file small{
  display:block;
  margin-top:3px;
  color:#82919b;
  font-size:8px;
}

.central-backup-actions{
  display:flex;
  flex:0 0 auto;
  gap:5px;
}

.central-backup-actions button{
  min-height:30px;
  padding:0 9px;
  border:1px solid #c8d9e3;
  border-radius:6px;
  background:#f8fbfd;
  color:#31566d;
  cursor:pointer;
  font-size:8px;
  font-weight:850;
}

.central-backup-actions button.danger{
  border-color:#edc5c5;
  background:#fff4f4;
  color:#a93636;
}

@media(max-width:760px){
  .central-backup-kpis{
    grid-template-columns:1fr 1fr;
  }

  .central-backup-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .central-backup-toolbar{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .central-backup-toolbar span{
    width:100%;
    margin-left:0;
  }
}


/* =========================================================
   V43 CLOUD CENTRAL STATUS
   ========================================================= */
.cloud-modal[hidden]{display:none !important;}
.cloud-modal{position:fixed;inset:0;z-index:19000;}
.cloud-backdrop{position:absolute;inset:0;background:rgba(17,34,46,.56);backdrop-filter:blur(2px);}
.cloud-window{position:absolute;left:50%;top:50%;width:min(850px,calc(100vw - 30px));max-height:calc(100vh - 34px);transform:translate(-50%,-50%);overflow:auto;border:1px solid #d6e1e8;border-radius:13px;background:#fff;box-shadow:0 25px 75px rgba(16,37,52,.28);}
.cloud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #dce5eb;}
.cloud-head h2{margin:0;color:#24455b;font-size:18px;}
.cloud-head p{margin:3px 0 0;color:#748490;font-size:9px;}
.cloud-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#f7fafc;border-bottom:1px solid #e0e7ec;}
.cloud-summary>div,.cloud-paths>div{padding:9px 10px;border:1px solid #dce5eb;border-radius:8px;background:#fff;min-width:0;}
.cloud-summary span,.cloud-paths span,.cloud-url-card span{display:block;color:#72838f;font-size:8px;font-weight:900;text-transform:uppercase;}
.cloud-summary strong,.cloud-paths strong{display:block;margin-top:3px;color:#29495e;font-size:11px;overflow-wrap:anywhere;}
.cloud-ready{color:#187044 !important;}.cloud-not-ready{color:#a5601e !important;}
.cloud-url-card{margin:12px;padding:12px;border:1px solid #b8d9ea;border-radius:9px;background:#eef8fd;}
.cloud-url-card strong{display:block;margin-top:4px;color:#135f87;font-size:15px;overflow-wrap:anywhere;}
.cloud-url-card small{display:block;margin-top:5px;color:#6b8391;font-size:8.5px;overflow-wrap:anywhere;}
.cloud-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 12px;}
.cloud-check{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:8px;border:1px solid #dce5eb;background:#fff;}
.cloud-check span{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:900;}
.cloud-check strong{font-size:9px;color:#38566a;}
.cloud-check.ok span{background:#e5f7ec;color:#176840;}.cloud-check.bad span{background:#fff0df;color:#a55e19;}
.cloud-paths{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;}
.cloud-help{margin:0 12px 12px;padding:10px;border:1px solid #ead9aa;border-radius:8px;background:#fff9e9;color:#6e5a2b;font-size:9px;line-height:1.45;}
.cloud-help p{margin:3px 0 0;}
.cloud-actions{display:flex;justify-content:flex-end;gap:7px;padding:10px 12px;border-top:1px solid #e2e8ed;}
@media(max-width:700px){.cloud-summary,.cloud-checks,.cloud-paths{grid-template-columns:1fr;}}