/*
 POHREBKA 2.1
 E26 CANONICAL FULL APP DESIGN SYSTEM
 One global visual owner.
 Functional module CSS remains intact.
*/

:root{
  --p21-bg:#f4f0e8;
  --p21-bg-soft:#faf8f3;
  --p21-surface:#fffdf9;
  --p21-surface-2:#f7f3eb;
  --p21-line:#e5ded1;
  --p21-line-strong:#d7cdbc;

  --p21-ink:#252821;
  --p21-muted:#77786f;
  --p21-soft-text:#96968c;

  --p21-sidebar:#17231f;
  --p21-sidebar-2:#111a17;
  --p21-top:#1b2723;

  --p21-gold:#b79557;
  --p21-gold-dark:#92713b;
  --p21-gold-soft:#eee3cc;

  --p21-green:#49695d;
  --p21-green-soft:#e2ebe5;
  --p21-red:#a6574e;
  --p21-red-soft:#f4e2df;
  --p21-amber:#a47b37;
  --p21-amber-soft:#f4ead4;
  --p21-blue:#657a82;
  --p21-blue-soft:#e5ecee;

  --p21-radius:18px;
  --p21-radius-sm:12px;
  --p21-shadow:0 8px 30px rgba(42,37,29,.07);
  --p21-shadow-soft:0 2px 12px rgba(42,37,29,.055);

  --p21-serif:Georgia,"Times New Roman",serif;
  --p21-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* ---------- FOUNDATION ---------- */

html{
  background:var(--p21-bg);
}

body{
  margin:0;
  background:var(--p21-bg);
  color:var(--p21-ink);
  font-family:var(--p21-sans);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

body,
button,
input,
select,
textarea{
  font-family:var(--p21-sans);
}

*{
  box-sizing:border-box;
}

button,
a,
input,
select,
textarea{
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    color .16s ease,
    transform .16s ease;
}

button{
  cursor:pointer;
}

a{
  color:var(--p21-green);
}

h1,h2,h3{
  color:var(--p21-ink);
}

::selection{
  background:var(--p21-gold-soft);
  color:var(--p21-ink);
}

/* ---------- TRUE APP SHELL ---------- */

.p21-shell,
.shell.p21-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:255px minmax(0,1fr);
  background:var(--p21-bg);
}

.p21-shell-sidebar,
.sidebar.p21-shell-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:100;
  width:255px;
  display:flex;
  flex-direction:column;
  overflow:auto;
  color:#eee8dc;
  background:
    radial-gradient(circle at 10% 0%,rgba(183,149,87,.12),transparent 30%),
    linear-gradient(180deg,var(--p21-sidebar),var(--p21-sidebar-2));
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:8px 0 30px rgba(12,18,15,.08);
}

.p21-shell-brand{
  min-height:112px;
  padding:25px 20px 20px;
  display:flex;
  align-items:center;
  gap:13px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.p21-shell-brand-mark{
  flex:0 0 46px;
  height:46px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(203,171,109,.55);
  border-radius:50%;
  color:#d1b476;
  font-family:var(--p21-serif);
  font-size:11px;
  line-height:1.05;
  letter-spacing:.08em;
  box-shadow:inset 0 0 0 4px rgba(183,149,87,.04);
}

.p21-shell-brand-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.p21-shell-brand-copy strong{
  color:#f4efe5;
  font-family:var(--p21-serif);
  font-size:17px;
  font-weight:500;
  letter-spacing:.035em;
}

.p21-shell-brand-copy small{
  margin-top:3px;
  color:#a99e8b;
  font-size:8px;
  letter-spacing:.14em;
}

.p21-shell-nav{
  flex:1;
  padding:17px 13px;
}

.p21-shell-nav-primary,
.p21-shell-nav-secondary{
  display:grid;
  gap:4px;
}

.p21-shell-nav-section-title{
  margin:23px 12px 9px;
  color:#817d72;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.p21-shell-nav-item{
  position:relative;
  width:100%;
  min-height:43px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  gap:11px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#bbb9af;
  text-align:left;
  font-size:13px;
  font-weight:500;
}

.p21-shell-nav-item:hover{
  background:rgba(255,255,255,.055);
  color:#fffaf0;
}

.p21-shell-nav-item.is-active{
  color:#f6e8ca;
  background:linear-gradient(90deg,rgba(183,149,87,.22),rgba(183,149,87,.08));
  box-shadow:inset 3px 0 0 var(--p21-gold);
}

.p21-shell-nav-icon{
  width:21px;
  flex:0 0 21px;
  display:grid;
  place-items:center;
  color:#c3a66c;
  font-size:16px;
}

.p21-shell-user-card{
  margin:12px;
  padding:13px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(255,255,255,.035);
}

.p21-shell-user-avatar,
.p21-shell-top-avatar{
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d7c196;
  color:#283029;
  font-weight:700;
}

.p21-shell-user-avatar{
  width:37px;
  height:37px;
  font-size:11px;
}

.p21-shell-user-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.p21-shell-user-copy strong{
  color:#eee8dc;
  font-size:12px;
}

.p21-shell-user-copy span{
  color:#908d83;
  font-size:10px;
}

/* ---------- MAIN / TOP BAR ---------- */

.p21-shell-main,
.main.p21-shell-main{
  grid-column:2;
  min-width:0;
  min-height:100vh;
  background:var(--p21-bg);
}

.p21-shell-topbar,
.topbar.p21-shell-topbar{
  position:sticky;
  top:0;
  z-index:80;
  height:70px;
  padding:0 31px;
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(280px,520px) minmax(180px,1fr);
  align-items:center;
  gap:20px;
  background:rgba(25,36,32,.985);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 5px 20px rgba(26,31,28,.08);
}

.p21-shell-topbar-left,
.p21-shell-topbar-right,
.p21-shell-product,
.p21-shell-top-user{
  display:flex;
  align-items:center;
}

.p21-shell-product{
  gap:10px;
}

.p21-shell-product strong{
  color:#f3efe6;
  font-family:var(--p21-serif);
  font-size:16px;
  font-weight:500;
}

.p21-shell-live-dot{
  padding:4px 8px;
  border-radius:999px;
  background:rgba(100,155,121,.14);
  color:#9bc3a9;
  font-size:9px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.p21-shell-search{
  height:37px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:#858e89;
  font-size:12px;
}

.p21-shell-topbar-right{
  justify-content:flex-end;
  gap:14px;
}

.p21-shell-icon-button{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:#c6c4bc;
}

.p21-shell-top-user{
  gap:9px;
  color:#eeeae2;
}

.p21-shell-top-avatar{
  width:34px;
  height:34px;
  font-size:10px;
}

.p21-shell-top-user > div:last-child{
  display:flex;
  flex-direction:column;
}

.p21-shell-top-user strong{
  font-size:11px;
  font-weight:600;
}

.p21-shell-top-user span{
  color:#969c98;
  font-size:9px;
}

.p21-shell-workspace{
  width:100%;
  max-width:1660px;
  margin:0 auto;
  padding:35px 38px 60px;
  background:var(--p21-bg);
}

/* ---------- GENERAL PAGE TYPOGRAPHY ---------- */

.p21-shell-workspace > h1,
.p21-shell-workspace .page-title,
.p21-shell-workspace .section-title{
  font-family:var(--p21-serif);
  font-weight:500;
  letter-spacing:-.015em;
}

.p21-shell-workspace > h1,
.page-title{
  margin:0 0 8px;
  font-size:31px;
}

.eyebrow{
  color:var(--p21-gold-dark);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.muted{
  color:var(--p21-muted);
}

/* ---------- UNIVERSAL CARDS ---------- */

.card,
.notice,
.empty,
.b619b-settings-detail,
.wizard-shell,
[class*="b697-"][class*="card"],
[class*="b698"][class*="card"],
[class*="b668"][class*="card"]{
  border:1px solid var(--p21-line);
  border-radius:var(--p21-radius);
  background:var(--p21-surface);
  box-shadow:var(--p21-shadow-soft);
}

.card{
  padding:20px;
}

.card h2,
.card h3,
.p21-v4-card h2,
.p21-v4-card h3{
  font-family:var(--p21-serif);
  font-weight:500;
}

.notice{
  padding:14px 16px;
}

.notice.good,
.good.notice{
  background:var(--p21-green-soft);
  border-color:#cadbd0;
}

.notice.warning,
.warning.notice{
  background:var(--p21-amber-soft);
  border-color:#e4d2ac;
}

.notice.error,
.error.notice{
  background:var(--p21-red-soft);
  border-color:#e4c4be;
}

.empty{
  padding:28px;
  color:var(--p21-muted);
  text-align:center;
}

/* ---------- BUTTONS ---------- */

button.primary,
.primary,
button.secondary,
.secondary,
button.danger-outline{
  min-height:40px;
  padding:9px 15px;
  border-radius:10px;
  font-weight:650;
  font-size:13px;
}

button.primary,
button.primary:hover{
  border:1px solid #9c7b42;
  background:linear-gradient(180deg,#c1a268,#aa884b);
  color:#fffdf8;
  box-shadow:0 5px 13px rgba(145,112,58,.18);
}

button.primary:hover{
  transform:translateY(-1px);
}

button.secondary{
  border:1px solid var(--p21-line-strong);
  background:var(--p21-surface);
  color:var(--p21-ink);
}

button.secondary:hover{
  border-color:#c9b58f;
  background:#fffaf1;
}

button.danger-outline{
  border:1px solid #d7aaa3;
  background:#fffafa;
  color:var(--p21-red);
}

/* ---------- FORMS ---------- */

input,
select,
textarea{
  max-width:100%;
  border:1px solid #d9d2c6;
  border-radius:10px;
  background:#fffefa;
  color:var(--p21-ink);
  outline:none;
}

input,
select{
  min-height:42px;
  padding:9px 11px;
}

textarea{
  padding:10px 11px;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#b79a65;
  box-shadow:0 0 0 3px rgba(183,149,87,.13);
}

label{
  color:#555850;
}

.form-grid,
.wizard-form,
.b661c-grid,
.b698e2-grid{
  gap:15px;
}

.wizard-field,
.b661c-field{
  gap:6px;
}

/* ---------- TOOLBARS ---------- */

.toolbar{
  margin-bottom:18px;
  padding:13px 15px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  border:1px solid var(--p21-line);
  border-radius:14px;
  background:rgba(255,253,249,.88);
  box-shadow:var(--p21-shadow-soft);
}

/* ---------- BADGES ---------- */

.badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid var(--p21-line);
  background:#f3f0e9;
  color:#67675f;
  font-size:10px;
  font-weight:700;
}

.badge.good,
.badge.is-ok{
  border-color:#c7d9cd;
  background:var(--p21-green-soft);
  color:#416352;
}

.badge.warn,
.badge.warning{
  border-color:#e2cfa6;
  background:var(--p21-amber-soft);
  color:#87652d;
}

.badge.error,
.badge.is-error{
  border-color:#e2bdb8;
  background:var(--p21-red-soft);
  color:#934c44;
}

/* ---------- ORDERS ---------- */

.orders{
  display:grid;
  gap:8px;
}

.order{
  width:100%;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border:1px solid var(--p21-line);
  border-radius:13px;
  background:var(--p21-surface);
  color:var(--p21-ink);
  text-align:left;
  box-shadow:0 1px 4px rgba(35,32,27,.025);
}

.order:hover{
  border-color:#cdbb99;
  background:#fffaf1;
  transform:translateY(-1px);
  box-shadow:var(--p21-shadow-soft);
}

.order strong{
  font-family:var(--p21-serif);
  font-size:15px;
  font-weight:600;
}

.order-meta{
  margin-top:4px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--p21-muted);
  font-size:11px;
}

/* ---------- OVERVIEW V4 ---------- */

[data-p21-approved-overview],
.p21-v4-overview{
  color:var(--p21-ink);
  background:transparent;
}

.p21-v4-overview-header{
  margin-bottom:24px;
}

.p21-v4-overview h1,
.p21-v4-overview-title{
  margin:0;
  color:#272a24;
  font-family:var(--p21-serif);
  font-size:35px;
  font-weight:500;
  letter-spacing:-.025em;
}

.p21-v4-overview p{
  color:var(--p21-muted);
}

.p21-v4-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0;
}

.p21-v4-kpi{
  min-height:112px;
  padding:17px;
  border:1px solid var(--p21-line);
  border-radius:16px;
  background:var(--p21-surface);
  box-shadow:var(--p21-shadow-soft);
}

.p21-v4-kpi:nth-child(1){background:#f5eee0}
.p21-v4-kpi:nth-child(2){background:#e8efea}
.p21-v4-kpi:nth-child(3){background:#eee9e1}
.p21-v4-kpi:nth-child(4){background:#eee8df}

.p21-v4-kpi-icon{
  color:var(--p21-gold-dark);
}

.p21-v4-card{
  border:1px solid var(--p21-line);
  border-radius:var(--p21-radius);
  background:var(--p21-surface);
  box-shadow:var(--p21-shadow);
  overflow:hidden;
}

.p21-v4-card-head{
  padding:17px 19px;
  border-bottom:1px solid #eee8de;
}

.p21-v4-card-head h2,
.p21-v4-card-head h3{
  margin:0;
  font-size:18px;
}

.p21-v4-order-row{
  width:100%;
  padding:13px 17px;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  border-bottom:1px solid #f0ebe3;
  background:transparent;
  color:var(--p21-ink);
  text-align:left;
}

.p21-v4-order-row:last-child{
  border-bottom:0;
}

.p21-v4-order-row:hover{
  background:#faf6ef;
}

.p21-v4-order-avatar{
  width:37px;
  height:37px;
  flex:0 0 37px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ebe1cf;
  color:#765f37;
  font-family:var(--p21-serif);
  font-size:12px;
  font-weight:700;
}

.p21-v4-order-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
}

.p21-v4-order-copy strong{
  font-size:13px;
}

.p21-v4-order-copy small{
  margin-top:2px;
  color:var(--p21-muted);
  font-size:10px;
}

.p21-v4-chevron{
  color:#ad9d80;
  font-size:21px;
}

/* ---------- WIZARD ---------- */

.wizard-shell{
  overflow:hidden;
}

.wizard-progress{
  padding:18px 20px;
  border-bottom:1px solid var(--p21-line);
  background:#f6f1e7;
}

.wizard-body{
  padding:23px;
  background:var(--p21-surface);
}

.wizard-actions{
  padding-top:19px;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  border-top:1px solid #eee8dd;
}

.wizard-case-section,
.b661c-section{
  padding:17px;
  border:1px solid var(--p21-line);
  border-radius:14px;
  background:#fbf8f2;
}

/* ---------- SETTINGS / ADMIN MODULES ---------- */

.b619b-settings-detail{
  padding:0;
  overflow:hidden;
}

.b619b-settings-detail-head{
  padding:18px 20px;
  border-bottom:1px solid var(--p21-line);
  background:#faf6ee;
}

.b619b-settings-detail-head h2,
.b619b-settings-detail-head h3{
  margin:0;
  font-family:var(--p21-serif);
  font-weight:500;
}

.b619b-settings-note{
  color:var(--p21-muted);
}

/* ---------- TABLES ---------- */

table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--p21-line);
  border-radius:13px;
  background:var(--p21-surface);
}

th{
  padding:11px 13px;
  background:#f3eee5;
  color:#68665e;
  font-size:10px;
  font-weight:750;
  letter-spacing:.05em;
  text-align:left;
  text-transform:uppercase;
}

td{
  padding:12px 13px;
  border-top:1px solid #eee9df;
  color:#3b3d37;
}

tr:hover td{
  background:#fcf9f3;
}

/* ---------- MODULE VISUAL NORMALIZATION ---------- */

[class^="b614"],
[class^="b616"],
[class^="b617"],
[class^="b619"],
[class^="b626"],
[class^="b630"],
[class^="b632"],
[class^="b661"],
[class^="b668"],
[class^="b697"],
[class^="b698"],
[class^="b702"]{
  --module-surface:var(--p21-surface);
}

.b614c-results,
.b617c-list,
.b616j-order-coffin-head,
.b616j-stock-num,
.b668f5a-card,
.b697-metric,
.b696-metric,
.b698e2-review-row{
  border-color:var(--p21-line);
  border-radius:var(--p21-radius-sm);
}

.b697-metric,
.b696-metric{
  background:#faf7f0;
}

/* ---------- SCROLLBARS ---------- */

.p21-shell-sidebar::-webkit-scrollbar{
  width:6px;
}

.p21-shell-sidebar::-webkit-scrollbar-thumb{
  background:rgba(198,171,118,.22);
  border-radius:20px;
}

/* ---------- MOBILE ---------- */

.p21-shell-mobile-menu,
.p21-shell-mobile-close,
.p21-shell-mobile-backdrop{
  display:none;
}

@media (max-width:1050px){
  .p21-shell,
  .shell.p21-shell{
    grid-template-columns:220px minmax(0,1fr);
  }

  .p21-shell-sidebar,
  .sidebar.p21-shell-sidebar{
    width:220px;
  }

  .p21-shell-topbar{
    grid-template-columns:1fr auto;
    padding:0 22px;
  }

  .p21-shell-search{
    display:none;
  }

  .p21-shell-workspace{
    padding:27px 24px 45px;
  }

  .p21-v4-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .p21-shell,
  .shell.p21-shell{
    display:block;
  }

  .p21-shell-main,
  .main.p21-shell-main{
    min-height:100vh;
  }

  .p21-shell-sidebar,
  .sidebar.p21-shell-sidebar{
    width:min(86vw,290px);
    transform:translateX(-105%);
    transition:transform .22s ease;
    box-shadow:20px 0 45px rgba(10,15,12,.24);
  }

  .p21-shell.is-mobile-open .p21-shell-sidebar,
  .p21-shell.mobile-open .p21-shell-sidebar,
  body.p21-mobile-open .p21-shell-sidebar{
    transform:translateX(0);
  }

  .p21-shell-mobile-menu{
    display:grid;
    place-items:center;
    width:37px;
    height:37px;
    margin-right:10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:9px;
    background:rgba(255,255,255,.04);
    color:#eee9df;
  }

  .p21-shell-mobile-close{
    display:block;
    margin-left:auto;
    border:0;
    background:transparent;
    color:#aaa79f;
    font-size:25px;
  }

  .p21-shell-topbar,
  .topbar.p21-shell-topbar{
    height:61px;
    padding:0 13px;
    grid-template-columns:1fr auto;
    gap:8px;
  }

  .p21-shell-top-user > div:last-child{
    display:none;
  }

  .p21-shell-icon-button{
    display:none;
  }

  .p21-shell-workspace{
    padding:20px 14px 40px;
  }

  .p21-v4-overview h1,
  .p21-v4-overview-title,
  .p21-shell-workspace > h1,
  .page-title{
    font-size:27px;
  }

  .p21-v4-kpi-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .p21-v4-kpi{
    min-height:100px;
    padding:13px;
  }

  .toolbar{
    padding:10px;
  }

  .wizard-body{
    padding:15px;
  }

  .wizard-actions{
    flex-direction:column-reverse;
  }

  .wizard-actions button{
    width:100%;
  }

  table{
    font-size:12px;
  }

  th,td{
    padding:9px 8px;
  }
}

@media (max-width:430px){
  .p21-v4-kpi-grid{
    grid-template-columns:1fr;
  }

  .p21-shell-product strong{
    font-size:14px;
  }

  .p21-shell-live-dot{
    display:none;
  }

  .card{
    padding:15px;
  }
}

/* ==========================================================
   E26C3 — APPROVED OVERVIEW LAYOUT
   Correct selectors for the real overviewPage() DOM.
   ========================================================== */

.p21-v4-overview{
  width:100%;
  max-width:1480px;
  margin:0 auto;
}

/* HERO */

.p21-v4-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:30px;
  margin:0 0 22px;
}

.p21-v4-hero-copy{
  min-width:0;
}

.p21-v4-date{
  display:block;
  margin:0 0 5px;
  color:var(--p21-gold-dark);
  font-size:10px;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.p21-v4-hero h1{
  margin:0;
  color:var(--p21-ink);
  font-family:var(--p21-serif);
  font-size:36px;
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.025em;
}

.p21-v4-hero-copy > p{
  margin:7px 0 0;
  color:var(--p21-muted);
  font-size:13px;
}

.p21-v4-hero-side{
  display:flex;
  align-items:flex-end;
  gap:24px;
}

.p21-v4-quote{
  max-width:265px;
  display:flex;
  align-items:flex-start;
  gap:7px;
  color:#898277;
}

.p21-v4-quote > span{
  color:#c0a26b;
  font-family:var(--p21-serif);
  font-size:29px;
  line-height:.8;
}

.p21-v4-quote p{
  margin:0;
  color:#8a847a;
  font-family:var(--p21-serif);
  font-size:12px;
  font-style:italic;
  line-height:1.45;
}

.p21-v4-actions{
  display:flex;
  gap:9px;
  white-space:nowrap;
}

.p21-v4-btn{
  min-height:39px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
}

.p21-v4-btn-primary{
  border:1px solid #9f7d42;
  background:linear-gradient(180deg,#c4a76f,#aa884d);
  color:#fffdf8;
  box-shadow:0 5px 14px rgba(144,111,56,.17);
}

.p21-v4-btn-secondary{
  border:1px solid #d5ccbd;
  background:#fffdf9;
  color:#41443d;
}

/* REAL KPI CONTAINER = .p21-v4-kpis */

.p21-v4-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  margin:0 0 17px;
}

.p21-v4-kpi{
  min-width:0;
  min-height:104px;
  padding:15px 16px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid rgba(113,103,86,.10);
  border-radius:15px;
  box-shadow:none;
}

.p21-v4-kpi.is-sand{
  background:#f1e7d5;
}

.p21-v4-kpi.is-green{
  background:#e3ebe4;
}

.p21-v4-kpi.is-blue{
  background:#e5ebec;
}

.p21-v4-kpi.is-rose{
  background:#efe3df;
}

.p21-v4-kpi-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.58);
  color:#806b45;
  font-size:17px;
}

.p21-v4-kpi > div:last-child{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  column-gap:8px;
}

.p21-v4-kpi span{
  color:#6d6c64;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
}

.p21-v4-kpi strong{
  grid-column:2;
  grid-row:1 / span 2;
  color:#31352f;
  font-family:var(--p21-serif);
  font-size:30px;
  line-height:1;
  font-weight:500;
}

.p21-v4-kpi small{
  margin-top:4px;
  color:#8a887f;
  font-size:9px;
  line-height:1.25;
}

/* RESUME */

.p21-v4-resume{
  margin:0 0 16px;
  padding:12px 15px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid #dcccae;
  border-radius:14px;
  background:#f7efe0;
}

.p21-v4-resume-symbol{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#ead9b8;
  color:#856a3d;
}

.p21-v4-resume-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.p21-v4-resume-copy > span{
  color:#987b49;
  font-size:9px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.p21-v4-resume-copy strong{
  margin-top:1px;
  color:#34362f;
  font-family:var(--p21-serif);
  font-size:14px;
}

.p21-v4-resume-copy small{
  color:#7c7c73;
  font-size:9px;
}

/* REAL DASHBOARD */

.p21-v4-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);
  align-items:start;
  gap:15px;
}

.p21-v4-main-column,
.p21-v4-side-column{
  min-width:0;
  display:grid;
  gap:15px;
}

.p21-v4-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--p21-line);
  border-radius:15px;
  background:var(--p21-surface);
  box-shadow:0 3px 16px rgba(42,37,29,.045);
}

.p21-v4-card-head{
  min-height:59px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #eee8de;
}

.p21-v4-card-head > div{
  min-width:0;
}

.p21-v4-card-head span{
  display:block;
  margin-bottom:1px;
  color:#a08659;
  font-size:8px;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.p21-v4-card-head h2{
  margin:0;
  color:#30332d;
  font-family:var(--p21-serif);
  font-size:16px;
  line-height:1.15;
  font-weight:500;
}

.p21-v4-link,
.p21-v4-round-link{
  border:0;
  background:transparent;
  color:#9b7b44;
  font-size:10px;
  font-weight:700;
}

.p21-v4-round-link{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #e2d8c7;
  border-radius:50%;
  background:#fbf7ef;
  font-size:15px;
}

/* ROWS */

.p21-v4-today-list,
.p21-v4-recent,
.p21-v4-upcoming,
.p21-v4-attention{
  display:grid;
}

.p21-v4-ceremony-row,
.p21-v4-order-row,
.p21-v4-alert{
  width:100%;
  min-height:54px;
  padding:9px 13px;
  border:0;
  border-bottom:1px solid #f0ebe3;
  background:transparent;
  color:var(--p21-ink);
  text-align:left;
}

.p21-v4-ceremony-row:last-child,
.p21-v4-order-row:last-child,
.p21-v4-alert:last-child{
  border-bottom:0;
}

.p21-v4-ceremony-row:hover,
.p21-v4-order-row:hover,
.p21-v4-alert:hover{
  background:#faf6ef;
}

.p21-v4-ceremony-row{
  display:grid;
  grid-template-columns:50px 1px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
}

.p21-v4-time{
  color:#5d625b;
  font-family:var(--p21-serif);
  font-size:14px;
  font-weight:600;
}

.p21-v4-line{
  align-self:stretch;
  width:1px;
  background:#e5ded1;
}

.p21-v4-ceremony-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.p21-v4-ceremony-copy strong,
.p21-v4-order-copy strong,
.p21-v4-alert strong{
  color:#353832;
  font-size:11px;
  font-weight:700;
}

.p21-v4-ceremony-copy small,
.p21-v4-order-copy small,
.p21-v4-alert small{
  margin-top:2px;
  color:#8b8b82;
  font-size:9px;
  line-height:1.3;
}

.p21-v4-order-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}

.p21-v4-order-avatar{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ede3d2;
  color:#78603a;
  font-family:var(--p21-serif);
  font-size:10px;
  font-weight:700;
}

.p21-v4-order-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.p21-v4-chevron{
  color:#b2a387;
  font-size:18px;
}

/* ATTENTION */

.p21-v4-alert{
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}

.p21-v4-alert > span:nth-child(2){
  min-width:0;
  display:flex;
  flex-direction:column;
}

.p21-v4-alert-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b39459;
}

.p21-v4-alert.is-red .p21-v4-alert-dot,
.p21-v4-alert.is-danger .p21-v4-alert-dot{
  background:#ad5e54;
}

.p21-v4-alert.is-green .p21-v4-alert-dot{
  background:#5e816d;
}

/* EMPTY STATES */

.p21-v4-empty{
  min-height:84px;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#85867d;
  text-align:center;
}

.p21-v4-empty.compact{
  min-height:66px;
}

.p21-v4-empty-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e5eee7;
  color:#587362;
}

.p21-v4-empty strong{
  display:block;
  color:#60635c;
  font-size:10px;
}

.p21-v4-empty small{
  display:block;
  margin-top:2px;
  color:#98988f;
  font-size:9px;
}

/* QUICK ACTIONS */

.p21-v4-quick-actions{
  padding:11px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.p21-v4-quick-actions > button{
  min-height:48px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #e5ddd0;
  border-radius:10px;
  background:#fbf8f2;
  color:#4c5049;
  text-align:left;
}

.p21-v4-quick-actions > button:hover{
  border-color:#cfb98f;
  background:#f6efe2;
}

.p21-v4-quick-actions > button > span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eee3cf;
  color:#8a6b37;
  font-size:13px;
}

.p21-v4-quick-actions strong{
  font-size:10px;
  font-weight:700;
}

/* COMPACT LARGE DESKTOP */

@media (min-width:1200px){
  .p21-shell-workspace{
    padding-top:26px;
  }

  .p21-v4-overview{
    max-width:1420px;
  }
}

/* TABLET */

@media (max-width:1100px){
  .p21-v4-hero{
    grid-template-columns:1fr;
    gap:15px;
  }

  .p21-v4-hero-side{
    justify-content:space-between;
  }

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

  .p21-v4-dashboard{
    grid-template-columns:minmax(0,1.35fr) minmax(270px,.8fr);
  }
}

/* MOBILE */

@media (max-width:760px){
  .p21-v4-hero{
    margin-bottom:16px;
  }

  .p21-v4-hero h1{
    font-size:29px;
  }

  .p21-v4-hero-side{
    align-items:stretch;
    flex-direction:column;
  }

  .p21-v4-quote{
    max-width:none;
  }

  .p21-v4-actions{
    width:100%;
  }

  .p21-v4-actions .p21-v4-btn{
    flex:1;
  }

  .p21-v4-kpis{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .p21-v4-kpi{
    min-height:91px;
    padding:11px;
    grid-template-columns:30px minmax(0,1fr);
    gap:8px;
  }

  .p21-v4-kpi-icon{
    width:30px;
    height:30px;
  }

  .p21-v4-kpi strong{
    font-size:23px;
  }

  .p21-v4-dashboard{
    grid-template-columns:1fr;
  }

  .p21-v4-resume{
    grid-template-columns:32px minmax(0,1fr);
  }

  .p21-v4-resume .p21-v4-btn{
    grid-column:1 / -1;
    width:100%;
  }
}

@media (max-width:430px){
  .p21-v4-kpis{
    grid-template-columns:1fr;
  }

  .p21-v4-actions{
    flex-direction:column;
  }
}


/* ==========================================================
   E26C5 — OVERVIEW FINAL POLISH
   Visual acceptance refinement only.
   ========================================================== */

.p21-v4-overview{
  max-width:1460px;
}

/* less dead space below the application header */
.p21-v4-hero{
  margin-top:-8px;
  margin-bottom:20px;
}

/* slightly stronger hierarchy */
.p21-v4-date{
  font-size:10.5px;
}

.p21-v4-hero h1{
  font-size:39px;
}

.p21-v4-hero-copy > p{
  margin-top:8px;
  font-size:13.5px;
}

.p21-v4-quote{
  max-width:285px;
}

.p21-v4-quote p{
  font-size:12.5px;
}

/* KPI readability */
.p21-v4-kpis{
  gap:14px;
  margin-bottom:17px;
}

.p21-v4-kpi{
  min-height:108px;
  padding:16px 17px;
  grid-template-columns:40px minmax(0,1fr);
}

.p21-v4-kpi-icon{
  width:38px;
  height:38px;
}

.p21-v4-kpi span{
  font-size:10.5px;
}

.p21-v4-kpi strong{
  font-size:32px;
}

.p21-v4-kpi small{
  font-size:9.5px;
}

/* resume strip */
.p21-v4-resume{
  min-height:67px;
  padding:12px 16px;
}

.p21-v4-resume-copy strong{
  font-size:15px;
}

.p21-v4-resume-copy small{
  font-size:9.5px;
}

/* balanced desktop columns */
.p21-v4-dashboard{
  grid-template-columns:minmax(0,1.58fr) minmax(350px,.82fr);
  gap:16px;
}

/* cards */
.p21-v4-main-column,
.p21-v4-side-column{
  gap:16px;
}

.p21-v4-card-head{
  min-height:64px;
  padding:13px 16px;
}

.p21-v4-card-head span{
  font-size:8.5px;
}

.p21-v4-card-head h2{
  font-size:17px;
}

/* make operational rows easier to scan */
.p21-v4-ceremony-row,
.p21-v4-order-row,
.p21-v4-alert{
  min-height:59px;
  padding:10px 14px;
}

.p21-v4-order-row{
  grid-template-columns:36px minmax(0,1fr) auto;
}

.p21-v4-order-avatar{
  width:34px;
  height:34px;
  font-size:10.5px;
}

.p21-v4-ceremony-copy strong,
.p21-v4-order-copy strong,
.p21-v4-alert strong{
  font-size:11.5px;
}

.p21-v4-ceremony-copy small,
.p21-v4-order-copy small,
.p21-v4-alert small{
  font-size:9.5px;
}

/* right column must not feel compressed */
.p21-v4-side-column .p21-v4-card-head{
  padding-left:15px;
  padding-right:15px;
}

.p21-v4-side-column .p21-v4-order-row,
.p21-v4-side-column .p21-v4-alert{
  padding-left:13px;
  padding-right:13px;
}

/* quick actions */
.p21-v4-quick-actions{
  padding:12px;
  gap:9px;
}

.p21-v4-quick-actions > button{
  min-height:52px;
  padding:9px 11px;
}

.p21-v4-quick-actions strong{
  font-size:10.5px;
}

/* preserve sensible scaling on smaller screens */
@media (max-width:1250px){
  .p21-v4-dashboard{
    grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);
  }
}

@media (max-width:1100px){
  .p21-v4-hero{
    margin-top:0;
  }

  .p21-v4-dashboard{
    grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);
  }
}

@media (max-width:760px){
  .p21-v4-hero h1{
    font-size:30px;
  }

  .p21-v4-dashboard{
    grid-template-columns:1fr;
  }

  .p21-v4-kpi{
    min-height:94px;
  }
}


/* ==========================================================
   E26C7 — READABILITY
   Typography only. Layout architecture unchanged.
   ========================================================== */

/* LEFT NAVIGATION */
.p21-shell-nav-item{
  font-size:13px;
}

.p21-shell-nav-section,
.p21-shell-nav-label{
  font-size:10px;
}

.p21-shell-user-card,
.p21-shell-user-card strong{
  font-size:12px;
}

/* TOP BAR */
.p21-shell-topbar{
  font-size:12px;
}

.p21-shell-search input,
.p21-shell-search{
  font-size:12px;
}

/* OVERVIEW INTRO */
.p21-v4-date{
  font-size:11px;
}

.p21-v4-hero-copy > p{
  font-size:14px;
  line-height:1.5;
}

.p21-v4-quote p{
  font-size:13px;
  line-height:1.5;
}

.p21-v4-btn{
  font-size:13px;
}

/* KPI */
.p21-v4-kpi span{
  font-size:11.5px;
}

.p21-v4-kpi strong{
  font-size:33px;
}

.p21-v4-kpi small{
  font-size:10.5px;
  line-height:1.35;
}

/* RESUME */
.p21-v4-resume-copy > span{
  font-size:10px;
}

.p21-v4-resume-copy strong{
  font-size:16px;
}

.p21-v4-resume-copy small{
  font-size:10.5px;
}

/* CARD HEADINGS */
.p21-v4-card-head span{
  font-size:9.5px;
}

.p21-v4-card-head h2{
  font-size:18px;
}

.p21-v4-link,
.p21-v4-round-link{
  font-size:11px;
}

/* MAIN DATA ROWS */
.p21-v4-ceremony-copy strong,
.p21-v4-order-copy strong,
.p21-v4-alert strong{
  font-size:13px;
  line-height:1.35;
}

.p21-v4-ceremony-copy small,
.p21-v4-order-copy small,
.p21-v4-alert small{
  font-size:10.5px;
  line-height:1.4;
}

.p21-v4-time{
  font-size:15px;
}

.p21-v4-order-avatar{
  font-size:11px;
}

/* EMPTY STATES */
.p21-v4-empty strong{
  font-size:11.5px;
}

.p21-v4-empty small{
  font-size:10.5px;
  line-height:1.4;
}

/* QUICK ACTIONS */
.p21-v4-quick-actions strong{
  font-size:11.5px;
}

/* Keep mobile balanced */
@media (max-width:760px){
  .p21-v4-kpi span{
    font-size:11px;
  }

  .p21-v4-kpi small{
    font-size:10px;
  }

  .p21-v4-ceremony-copy strong,
  .p21-v4-order-copy strong,
  .p21-v4-alert strong{
    font-size:12px;
  }

  .p21-v4-ceremony-copy small,
  .p21-v4-order-copy small,
  .p21-v4-alert small{
    font-size:10px;
  }
}


/* ==========================================================
   E26D3 — ZAKÁZKY
   Canonical cream / gold / charcoal design.
   Runtime owner remains B696.
   ========================================================== */

.b696-orders{
  --b696-bg:transparent;
  --b696-panel:#fffdf9;
  --b696-line:#e7dfd2;
  --b696-text:#343832;
  --b696-muted:#7d8078;
  --b696-gold:#a88750;
  --b696-green:#395e4a;

  width:100%;
  max-width:1460px;
  margin:0 auto;
  padding:0 0 42px !important;
  background:transparent !important;
  color:var(--b696-text) !important;
}

/* HEADER */

.b696-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 20px !important;
  padding:0 !important;
}

.b696-head h2{
  margin:0 !important;
  color:#30342e !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:39px !important;
  line-height:1.08 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
}

.b696-head p{
  margin:8px 0 0 !important;
  color:#7d8078 !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.b696-new{
  min-height:40px !important;
  padding:9px 16px !important;
  border:1px solid #9f7d42 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#c4a76f,#aa884d) !important;
  color:#fffdf8 !important;
  box-shadow:0 5px 14px rgba(144,111,56,.17) !important;
  font-size:13px !important;
  font-weight:750 !important;
}

/* METRICS */

.b696-metrics{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 0 17px !important;
}

.b696-metric{
  min-width:0 !important;
  min-height:108px !important;
  padding:16px 17px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border:1px solid rgba(113,103,86,.10) !important;
  border-radius:15px !important;
  background:#f1e7d5 !important;
  box-shadow:none !important;
}

.b696-metric:nth-child(2){
  background:#e3ebe4 !important;
}

.b696-metric:nth-child(3){
  background:#e5ebec !important;
}

.b696-metric:nth-child(4){
  background:#efe3df !important;
}

.b696-metric strong{
  order:2;
  margin:4px 0 0 !important;
  color:#30342e !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:500 !important;
}

.b696-metric span{
  order:1;
  color:#666b64 !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
  font-weight:750 !important;
}

.b696-metric small{
  order:3;
  margin-top:5px !important;
  color:#888a82 !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}

/* SEARCH + FILTERS */

.b696-toolbar{
  margin:0 0 16px !important;
  padding:12px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  border:1px solid #e7dfd2 !important;
  border-radius:14px !important;
  background:#fffdf9 !important;
  box-shadow:0 3px 16px rgba(42,37,29,.035) !important;
}

.b696-search{
  flex:1 1 520px !important;
  margin:0 !important;
}

.b696-search input{
  width:100% !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid #ded6c9 !important;
  border-radius:10px !important;
  outline:none !important;
  background:#faf7f1 !important;
  color:#343832 !important;
  font-size:13px !important;
  box-shadow:none !important;
}

.b696-search input::placeholder{
  color:#9a9a91 !important;
}

.b696-search input:focus{
  border-color:#b79a65 !important;
  background:#fffdf9 !important;
  box-shadow:0 0 0 3px rgba(183,154,101,.11) !important;
}

.b696-filters{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.b696-filter{
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid #ddd5c8 !important;
  border-radius:9px !important;
  background:#f8f4ed !important;
  color:#686b65 !important;
  font-size:12px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.b696-filter:hover{
  border-color:#cbb993 !important;
  background:#f3ecdf !important;
}

.b696-filter.is-active{
  border-color:#496c59 !important;
  background:#395e4a !important;
  color:#fff !important;
}

/* LIST PANEL */

.b696-panel{
  overflow:hidden !important;
  border:1px solid #e7dfd2 !important;
  border-radius:15px !important;
  background:#fffdf9 !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}

.b696-panel-head{
  min-height:62px !important;
  padding:13px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  border-bottom:1px solid #eee8de !important;
  background:#fffdf9 !important;
}

.b696-panel-head strong{
  color:#333730 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  font-weight:500 !important;
}

.b696-panel-head span{
  min-width:36px !important;
  padding:5px 9px !important;
  border:1px solid #e2d8c7 !important;
  border-radius:999px !important;
  background:#f7f0e4 !important;
  color:#8d7040 !important;
  font-size:10.5px !important;
  font-weight:750 !important;
}

.b696-list{
  display:grid !important;
  background:#fffdf9 !important;
}

/* Runtime rows produced by b696OrderRow() */

.b696-row{
  width:100% !important;
  min-height:72px !important;
  padding:11px 15px !important;
  display:grid !important;
  align-items:center !important;
  gap:12px !important;
  border:0 !important;
  border-bottom:1px solid #f0ebe3 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#343832 !important;
  text-align:left !important;
  box-shadow:none !important;
}

.b696-row:last-child{
  border-bottom:0 !important;
}

.b696-row:hover{
  background:#faf6ef !important;
}

.b696-row strong{
  color:#343832 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

.b696-row small,
.b696-row p{
  color:#85877f !important;
  font-size:10.5px !important;
  line-height:1.4 !important;
}

.b696-signals{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

.b696-badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:27px !important;
  padding:0 9px !important;
  border:1px solid #ded6c8 !important;
  border-radius:999px !important;
  background:#f6f1e8 !important;
  color:#6f716a !important;
  font-size:10.5px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

.b696-badge.is-blue{
  border-color:#cbd8db !important;
  background:#e9eff0 !important;
  color:#4f6b70 !important;
}

.b696-badge.is-green{
  border-color:#cad9cf !important;
  background:#e7efe9 !important;
  color:#456653 !important;
}

.b696-badge.is-orange{
  border-color:#dfcfad !important;
  background:#f5ead5 !important;
  color:#896b38 !important;
}

.b696-badge.is-red{
  border-color:#dfc5c0 !important;
  background:#f3e5e2 !important;
  color:#955e55 !important;
}

.b696-chevron{
  color:#b19f80 !important;
  font-size:22px !important;
}

.b696-empty{
  padding:42px 20px !important;
  color:#85877f !important;
  font-size:12px !important;
  text-align:center !important;
}

/* Some legacy order rows may still use the generic owner. */
.b696-list .order{
  min-height:68px !important;
  padding:11px 15px !important;
  border:0 !important;
  border-bottom:1px solid #f0ebe3 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#343832 !important;
  box-shadow:none !important;
}

.b696-list .order:hover{
  background:#faf6ef !important;
}

.b696-list .order-meta{
  color:#85877f !important;
  font-size:10.5px !important;
}

/* TABLET */

@media(max-width:1050px){
  .b696-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .b696-toolbar{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  .b696-search{
    flex-basis:auto !important;
  }
}

/* MOBILE */

@media(max-width:760px){
  .b696-orders{
    padding-bottom:30px !important;
  }

  .b696-head{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  .b696-head h2{
    font-size:30px !important;
  }

  .b696-new{
    width:100% !important;
  }

  .b696-row{
    min-height:68px !important;
  }

  .b696-signals{
    justify-content:flex-start !important;
  }

  .b696-chevron{
    display:none !important;
  }
}

@media(max-width:470px){
  .b696-metrics{
    grid-template-columns:1fr !important;
  }

  .b696-filters{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
  }

  .b696-filter{
    padding:0 8px !important;
  }
}


/* =========================================================
   E26E3_CANONICAL_CALENDAR
   Runtime owner: b697aDarkRealCalendarPage
   ========================================================= */

.b697-calendar{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:30px 32px 44px !important;
  box-sizing:border-box !important;
  color:#292d29 !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(190,156,91,.08),transparent 30%),
    #f5f1e8 !important;
}

.b697-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 25px !important;
}

.b697-head h1,
.b697-head h2{
  margin:0 !important;
  color:#242823 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:36px !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
}

.b697-head p{
  margin:7px 0 0 !important;
  color:#74766f !important;
  font-size:15px !important;
  line-height:1.5 !important;
}

.b697-range{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border:1px solid #ddd3c1 !important;
  border-radius:12px !important;
  background:#fffdf8 !important;
  color:#59594f !important;
  box-shadow:0 3px 12px rgba(49,43,32,.04) !important;
  font-size:14px !important;
  font-weight:700 !important;
}

.b697-metrics{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 0 22px !important;
}

.b697-metric{
  min-width:0 !important;
  padding:17px 18px !important;
  border:1px solid #e4dccd !important;
  border-radius:16px !important;
  background:#fffdf9 !important;
  box-shadow:0 5px 17px rgba(52,45,34,.045) !important;
}

.b697-metric:nth-child(1){
  background:#f1eadc !important;
}

.b697-metric:nth-child(2){
  background:#e7efea !important;
}

.b697-metric:nth-child(3){
  background:#eee9f0 !important;
}

.b697-metric:nth-child(4){
  background:#f2e8df !important;
}

.b697-metric strong{
  display:block !important;
  margin:0 0 4px !important;
  color:#292d28 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:600 !important;
}

.b697-metric span,
.b697-metric small{
  color:#74766e !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}

.b697-panel,
.b697-panel2{
  border:1px solid #e1d8c9 !important;
  border-radius:19px !important;
  background:#fffdf9 !important;
  box-shadow:0 7px 25px rgba(49,42,31,.055) !important;
  overflow:hidden !important;
}

.b697-panel-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:64px !important;
  padding:16px 20px !important;
  border-bottom:1px solid #ebe4d8 !important;
  background:#fffdf9 !important;
}

.b697-panel-head strong{
  color:#30332e !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  font-weight:600 !important;
}

.b697-grid{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:1px !important;
  padding:1px !important;
  background:#e8e0d3 !important;
}

.b697-day{
  position:relative !important;
  min-width:0 !important;
  min-height:175px !important;
  padding:13px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fffdf9 !important;
  color:#343731 !important;
}

.b697-day:hover{
  z-index:1 !important;
  background:#faf6ed !important;
  box-shadow:inset 0 0 0 1px rgba(177,142,77,.26) !important;
}

.b697-day.b697-today,
.b697-today{
  background:#f7f0df !important;
  box-shadow:inset 0 0 0 2px rgba(178,142,72,.45) !important;
}

.b697-day-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 11px !important;
  color:#383b35 !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.b697-day-head strong{
  color:#30332d !important;
  font-size:15px !important;
}

.b697-events{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

.b697-event{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:9px 10px !important;
  border:1px solid #ddd5c8 !important;
  border-radius:10px !important;
  background:#f8f5ee !important;
  color:#33372f !important;
  text-align:left !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:
    transform .14s ease,
    border-color .14s ease,
    box-shadow .14s ease !important;
}

.b697-event:hover{
  transform:translateY(-1px) !important;
  border-color:#b99b61 !important;
  box-shadow:0 4px 12px rgba(66,54,35,.09) !important;
}

.b697-event-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:7px !important;
  min-width:0 !important;
}

.b697-event strong{
  min-width:0 !important;
  overflow:hidden !important;
  color:#30332d !important;
  font-size:13px !important;
  line-height:1.25 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.b697-event em{
  display:block !important;
  margin-top:4px !important;
  overflow:hidden !important;
  color:#777970 !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-style:normal !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.b697-kind{
  flex:0 0 auto !important;
  padding:3px 6px !important;
  border-radius:999px !important;
  background:#eee6d7 !important;
  color:#78633d !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.b697-blue{
  border-left:3px solid #809aaa !important;
  background:#edf2f3 !important;
}

.b697-green{
  border-left:3px solid #789681 !important;
  background:#edf3ee !important;
}

.b697-orange{
  border-left:3px solid #bc9562 !important;
  background:#f6eee3 !important;
}

.b697-empty{
  padding-top:8px !important;
  color:#b1aa9e !important;
  font-size:20px !important;
  line-height:1 !important;
}

.b697-loading{
  color:#8a887f !important;
  font-size:13px !important;
}

.b697-muted{
  color:#85857d !important;
}

@media(max-width:1280px){
  .b697-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .b697-calendar{
    padding:24px 20px 36px !important;
  }

  .b697-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .b697-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:650px){
  .b697-calendar{
    padding:20px 14px 30px !important;
  }

  .b697-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .b697-head h1,
  .b697-head h2{
    font-size:31px !important;
  }

  .b697-range{
    width:100% !important;
    box-sizing:border-box !important;
  }

  .b697-grid{
    grid-template-columns:1fr !important;
  }

  .b697-day{
    min-height:120px !important;
  }
}

@media(max-width:470px){
  .b697-metrics{
    grid-template-columns:1fr !important;
  }
}

/* E26E3_CANONICAL_CALENDAR_END */


/* =========================================================
   E26F2 — DISPATCH / VÝJEZD
   Canonical visual owner only.
   Functional B614B/B636 runtime remains untouched.
   ========================================================= */

body .b614b-shell{
  max-width:1180px;
  margin:0 auto;
  padding:8px 4px 40px;
  color:#292b2a;
}

body .b614b-shell .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:8px;
  color:#9b7b42;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body .b614b-shell h1,
body .b614b-shell h2,
body .b614b-shell h3{
  color:#292b2a;
}

body .b614b-shell h1,
body .b614b-shell h2{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}

body .b614b-shell h1{
  margin:0;
  font-size:clamp(30px,3.4vw,45px);
  line-height:1.06;
}

body .b614b-shell h2{
  margin:0;
  font-size:25px;
  line-height:1.15;
}

body .b614b-shell h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:750;
}

body .b614b-shell p{
  color:#72746f;
  line-height:1.55;
}

body .b614b-shell .card,
body .b614b-shell section{
  border-color:#e7e0d4;
}

body .b614b-shell .card{
  background:#fffdfa;
  border:1px solid #e7e0d4;
  border-radius:18px;
  box-shadow:0 8px 28px rgba(47,43,34,.055);
}

body .b614b-shell input,
body .b614b-shell textarea,
body .b614b-shell select{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  border:1px solid #ddd6ca;
  border-radius:11px;
  background:#fff;
  color:#292b2a;
  font:inherit;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}

body .b614b-shell textarea{
  min-height:94px;
  resize:vertical;
}

body .b614b-shell input:focus,
body .b614b-shell textarea:focus,
body .b614b-shell select:focus{
  border-color:#b79558;
  box-shadow:0 0 0 3px rgba(183,149,88,.13);
}

body .b614b-shell label > span{
  display:block;
  margin:0 0 6px;
  color:#565852;
  font-size:12px;
  font-weight:750;
}

body .b614b-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

body .b614b-form > label{
  min-width:0;
}

body .b614b-shell button,
body .b614b-shell .primary,
body .b614b-shell .secondary{
  min-height:44px;
  border-radius:11px;
  font-weight:750;
  cursor:pointer;
}

body .b614b-shell .primary{
  border:1px solid #aa884b;
  background:linear-gradient(180deg,#c5a366,#af8b4c);
  color:#fff;
  box-shadow:0 5px 14px rgba(156,119,57,.16);
}

body .b614b-shell .primary:hover{
  filter:brightness(.98);
}

body .b614b-shell .secondary{
  border:1px solid #ddd6ca;
  background:#fffdfa;
  color:#41433f;
  box-shadow:none;
}

body .b614b-shell .secondary:hover{
  background:#f7f2e9;
}

body .b614b-nav-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  white-space:nowrap;
}

body .b614b-shell [class*="error"],
body .b614b-shell .error{
  border-radius:11px;
}

body .b614d-sent{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  padding:22px;
  border:1px solid #dce5d9;
  border-radius:18px;
  background:#f5f8f1;
}

body .b614d-sent-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#e3ecde;
  color:#496348;
  font-size:23px;
  font-weight:800;
}

body .b614d-sent-copy{
  min-width:0;
}

body .b614b-shell [data-b614b-exit]{
  background:transparent;
  border:1px solid #ddd6ca;
  color:#5d5e59;
}

body .b614b-shell [data-b614b-close]{
  background:linear-gradient(180deg,#3d5948,#314a3c);
  border-color:#314a3c;
  color:#fff;
}

body .b614b-shell [data-b614b-field]{
  -webkit-user-select:text;
  user-select:text;
  touch-action:manipulation;
}

@media (max-width:820px){
  body .b614b-shell{
    padding:2px 0 28px;
  }

  body .b614b-form{
    grid-template-columns:1fr;
    gap:13px;
  }

  body .b614b-shell h1{
    font-size:31px;
  }

  body .b614b-shell h2{
    font-size:22px;
  }

  body .b614b-shell button,
  body .b614b-shell .primary,
  body .b614b-shell .secondary,
  body .b614b-nav-button{
    min-height:48px;
  }

  body .b614d-sent{
    grid-template-columns:1fr;
  }
}

/* E26F2_DISPATCH_CANONICAL_DESIGN_END */


/* =========================================================
   E26F4 — VÝJEZD / LIGHT CANONICAL SURFACE
   Visual override only.
   B614B/B636 runtime and handlers untouched.
   ========================================================= */

/* MAIN DISPATCH SURFACE */
body .b614b-shell{
  color:#292b2a !important;
}

body .b614b-shell > section,
body .b614b-shell .card,
body .b614b-shell [class*="panel"],
body .b614b-shell [class*="body"]{
  background:#fffdfa !important;
  color:#292b2a !important;
  border-color:#e4ddd1 !important;
}

/* LARGE CENTRAL OPERATION CARD */
body .b614b-shell > section{
  border:1px solid #e4ddd1 !important;
  border-radius:20px !important;
  box-shadow:0 12px 34px rgba(54,47,36,.07) !important;
  overflow:hidden;
}

/* STEP / PROGRESS HEADER */
body .b614b-shell [class*="step"],
body .b614b-shell [class*="progress"]{
  border-color:#e5ded2 !important;
}

body .b614b-shell [class*="steps"],
body .b614b-shell [class*="progress"]{
  background:#f4efe6 !important;
  color:#67675f !important;
}

body .b614b-shell [class*="step"].active,
body .b614b-shell [class*="step"][aria-current="step"],
body .b614b-shell [class*="active"]{
  color:#304c3d;
}

/* TEXT */
body .b614b-shell h1,
body .b614b-shell h2,
body .b614b-shell h3,
body .b614b-shell h4,
body .b614b-shell strong{
  color:#292b2a !important;
}

body .b614b-shell p,
body .b614b-shell small,
body .b614b-shell [class*="muted"],
body .b614b-shell [class*="hint"]{
  color:#74756f !important;
}

body .b614b-shell label,
body .b614b-shell label > span{
  color:#565852 !important;
}

/* INPUTS */
body .b614b-shell input:not([type="checkbox"]):not([type="radio"]),
body .b614b-shell textarea,
body .b614b-shell select{
  min-height:47px !important;
  padding:11px 13px !important;
  background:#ffffff !important;
  color:#292b2a !important;
  border:1px solid #d9d2c6 !important;
  border-radius:11px !important;
  box-shadow:0 1px 1px rgba(40,35,28,.02) !important;
}

body .b614b-shell textarea{
  min-height:96px !important;
}

body .b614b-shell input::placeholder,
body .b614b-shell textarea::placeholder{
  color:#aaa79f !important;
  opacity:1 !important;
}

body .b614b-shell input:focus,
body .b614b-shell textarea:focus,
body .b614b-shell select:focus{
  background:#fff !important;
  border-color:#b6965d !important;
  box-shadow:0 0 0 3px rgba(182,150,93,.14) !important;
  outline:none !important;
}

/* CHOICE TILES */
body .b614b-shell button:not(.primary):not(.secondary),
body .b614b-shell [role="button"],
body .b614b-shell [class*="choice"],
body .b614b-shell [class*="tile"],
body .b614b-shell [class*="option"]{
  border-color:#dcd5c9 !important;
}

body .b614b-shell [class*="choice"],
body .b614b-shell [class*="tile"],
body .b614b-shell [class*="option"]{
  background:#fff !important;
  color:#353733 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body .b614b-shell [class*="choice"]:hover,
body .b614b-shell [class*="tile"]:hover,
body .b614b-shell [class*="option"]:hover{
  background:#faf7f1 !important;
  border-color:#c8b896 !important;
}

/* SELECTED / ACTIVE CHOICE */
body .b614b-shell [class*="selected"],
body .b614b-shell [class*="choice"].active,
body .b614b-shell [class*="tile"].active,
body .b614b-shell [class*="option"].active,
body .b614b-shell [aria-pressed="true"]{
  background:#edf3eb !important;
  color:#294737 !important;
  border-color:#829a7d !important;
  box-shadow:inset 0 0 0 1px rgba(79,111,77,.08) !important;
}

/* BUTTONS */
body .b614b-shell .primary,
body .b614b-shell button.primary{
  background:linear-gradient(180deg,#bea064,#aa894d) !important;
  color:#fff !important;
  border:1px solid #a8864a !important;
  box-shadow:0 5px 15px rgba(151,116,55,.15) !important;
}

body .b614b-shell .secondary,
body .b614b-shell button.secondary{
  background:#fff !important;
  color:#42443f !important;
  border:1px solid #d9d2c6 !important;
  box-shadow:none !important;
}

body .b614b-shell [data-b614b-close]{
  background:linear-gradient(180deg,#3d5948,#314a3c) !important;
  color:#fff !important;
  border-color:#314a3c !important;
}

/* NIGHT / INFO STRIP */
body .b614b-shell [class*="notice"],
body .b614b-shell [class*="info"],
body .b614b-shell [class*="alert"]{
  border-radius:11px !important;
}

/* Keep warning visually distinct but compatible with E26 */
body .b614b-shell [class*="warning"]{
  background:#fbf5e7 !important;
  color:#735a28 !important;
  border-color:#dfc88d !important;
}

/* NAVIGATION / MAP ACTION */
body .b614b-shell .b614b-nav-button{
  background:#3b5746 !important;
  color:#fff !important;
  border-color:#3b5746 !important;
}

/* SENT TO CREW */
body .b614b-shell .b614d-sent{
  background:#f3f7f0 !important;
  color:#303b32 !important;
  border:1px solid #d7e2d3 !important;
}

/* AUTOCOMPLETE / SEARCH RESULTS */
body .b614b-shell [class*="suggest"],
body .b614b-shell [class*="result"],
body .b614b-shell [class*="dropdown"]{
  background:#fff !important;
  color:#30322f !important;
  border-color:#ddd6ca !important;
}

/* Avoid old dark nested surfaces */
body .b614b-shell div[class*="panel"],
body .b614b-shell div[class*="section"],
body .b614b-shell div[class*="form"]{
  color:#30322f;
}

/* iOS interaction contract — visual only */
body .b614b-shell input[data-b614b-field],
body .b614b-shell textarea[data-b614b-field]{
  -webkit-user-select:text !important;
  user-select:text !important;
  touch-action:manipulation !important;
}

/* MOBILE */
@media (max-width:820px){

  body .b614b-shell{
    width:100%;
    max-width:none;
  }

  body .b614b-shell > section{
    border-radius:15px !important;
  }

  body .b614b-shell input:not([type="checkbox"]):not([type="radio"]),
  body .b614b-shell textarea,
  body .b614b-shell select{
    font-size:16px !important;
  }

  body .b614b-shell button,
  body .b614b-shell .primary,
  body .b614b-shell .secondary{
    min-height:48px !important;
  }
}

/* E26F4_DISPATCH_LIGHT_CANONICAL_END */


/* =========================================================
   E26F7 — VÝJEZD / CREW + QR + SUMMARY
   Exact runtime selectors only.
   Visual override only — handlers/state untouched.
   ========================================================= */

/* ---------- SLOUŽÍCÍ POSÁDKA ---------- */

body .b614b-shell [data-b635b-crew-picker]{
  margin:18px 0 !important;
  padding:20px !important;
  background:#faf7f1 !important;
  color:#292b2a !important;
  border:1px solid #ded6c9 !important;
  border-radius:16px !important;
  box-shadow:0 5px 18px rgba(54,47,36,.05) !important;
}

body .b614b-shell [data-b635b-crew-picker] .eyebrow{
  color:#9b7a3f !important;
  letter-spacing:.08em;
}

body .b614b-shell [data-b635b-crew-picker] h3{
  color:#292b2a !important;
}

body .b614b-shell [data-b635b-crew-picker] p{
  color:#74756f !important;
}

body .b614b-shell [data-b635b-crew-picker] label{
  background:#ffffff !important;
  color:#292b2a !important;
  border:1px solid #ddd6ca !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body .b614b-shell [data-b635b-crew-picker] label:has(input:checked){
  background:#edf3eb !important;
  border-color:#829a7d !important;
}

body .b614b-shell [data-b635b-crew-picker] label strong{
  color:#30322f !important;
}

body .b614b-shell [data-b635b-crew-picker] label span{
  color:#74756f !important;
}

body .b614b-shell [data-b635b-crew-worker]{
  accent-color:#506f55;
}


/* ---------- QR ÚČTY POSÁDKY — AKTIVNÍ FIX6 ---------- */

body .b614b-shell [data-b635d-fix6-account-panel]{
  margin:14px 0 !important;
  padding:20px !important;
  background:#f7f2e8 !important;
  color:#292b2a !important;
  border:1px solid #ded2b9 !important;
  border-radius:16px !important;
  box-shadow:0 5px 18px rgba(54,47,36,.05) !important;
}

body .b614b-shell [data-b635d-fix6-account-panel] > strong{
  color:#292b2a !important;
  font-size:16px !important;
}

body .b614b-shell [data-b635d-fix6-account-panel] > div{
  color:#6e6c65;
}

body .b614b-shell [data-b635d-fix6-row]{
  background:#fffdfa !important;
  color:#292b2a !important;
  border:1px solid #ded6c9 !important;
  border-radius:11px !important;
}

body .b614b-shell [data-b635d-fix6-row] strong{
  color:#30322f !important;
}

body .b614b-shell [data-b635d-fix6-row] span{
  color:#7a7972 !important;
}

body .b614b-shell [data-b635d-fix6-account]{
  min-height:44px !important;
  background:#ffffff !important;
  color:#292b2a !important;
  border:1px solid #d7d0c4 !important;
  border-radius:9px !important;
}

body .b614b-shell [data-b635d-fix6-link]{
  min-height:44px !important;
  padding:9px 14px !important;
  background:linear-gradient(180deg,#bea064,#aa894d) !important;
  color:#ffffff !important;
  border:1px solid #a8864a !important;
  border-radius:9px !important;
  box-shadow:0 4px 12px rgba(151,116,55,.13) !important;
  font-weight:700 !important;
}


/* ---------- STARŠÍ QR PANEL — VISUAL SAFETY ---------- */

body .b614b-shell [data-b635d-account-link-panel]{
  background:#f7f2e8 !important;
  color:#292b2a !important;
  border-color:#ded2b9 !important;
}

body .b614b-shell [data-b635d-worker-row]{
  background:#fffdfa !important;
  color:#292b2a !important;
  border-color:#ded6c9 !important;
}

body .b614b-shell [data-b635d-account-select]{
  background:#ffffff !important;
  color:#292b2a !important;
  border-color:#d7d0c4 !important;
}


/* ---------- SPODNÍ SOUHRN VÝJEZDU ---------- */

body .b614b-shell .b614b-dispatch-preview{
  background:#faf7f1 !important;
  color:#292b2a !important;
  border:1px solid #e0d8cc !important;
  border-radius:14px !important;
}

body .b614b-shell .b614b-dispatch-preview > div{
  background:#fffdfa !important;
  color:#292b2a !important;
  border-color:#e2dbcf !important;
}

body .b614b-shell .b614b-dispatch-preview span{
  color:#77776f !important;
}

body .b614b-shell .b614b-dispatch-preview strong{
  color:#30322f !important;
}


/* ---------- ODESLANÁ POSÁDKA ---------- */

body .b614b-shell [data-b635b-sent-summary]{
  background:#f1f6ef !important;
  color:#303b32 !important;
  border:1px solid #d2dfcf !important;
  border-radius:12px !important;
}

body .b614b-shell [data-b635b-sent-summary] strong{
  color:#304737 !important;
}


/* ---------- CREW INFO / CREW FORM ---------- */

body .b614b-shell .b614b-crew-info article{
  background:#fffdfa !important;
  color:#292b2a !important;
  border-color:#e1d9cd !important;
}

body .b614b-shell .b614b-crew-info article span{
  color:#77776f !important;
}

body .b614b-shell .b614b-crew-info article strong{
  color:#30322f !important;
}

body .b614b-shell .b614b-crew-form{
  background:#fffdfa !important;
  color:#292b2a !important;
}


/* ---------- PHOTO SURFACES — VISUAL ONLY ---------- */

body .b614b-shell .b614f-photo-section,
body .b614b-shell .b614f-photo-card,
body .b614b-shell .b614f-photo-summary{
  background:#fffdfa !important;
  color:#292b2a !important;
  border-color:#e0d8cc !important;
}

body .b614b-shell .b614f-photo-meta,
body .b614b-shell .b614f-photo-loader{
  color:#74756f !important;
}


/* ---------- MOBILE ---------- */

@media (max-width:820px){

  body .b614b-shell [data-b635b-crew-picker],
  body .b614b-shell [data-b635d-fix6-account-panel]{
    padding:14px !important;
    border-radius:13px !important;
  }

  body .b614b-shell [data-b635d-fix6-row]{
    grid-template-columns:1fr !important;
  }

  body .b614b-shell [data-b635d-fix6-link]{
    width:100% !important;
  }
}

/* E26F7_DISPATCH_REMAINDER_END */


/* E26G2 BOOK */
body .b617a-page-book .card,
body .b617a-page-book .b617g-card{
 background:#fffdf8!important;
 color:#29261f!important;
 border:1px solid #e1d9cc!important;
 border-radius:16px!important;
 box-shadow:0 7px 22px rgba(52,42,27,.06)!important
}

body .b617a-page-book h1,
body .b617a-page-book h2,
body .b617a-page-book h3,
body .b617a-page-book strong{
 color:#29261f!important
}

body .b617a-page-book .muted,
body .b617a-page-book small{
 color:#766f63!important
}

body .b617a-page-book [data-b616s-book-filter]{
 min-height:46px!important;
 background:#fff!important;
 color:#29261f!important;
 border:1px solid #d9d1c3!important;
 border-radius:11px!important
}

body .b617a-page-book .b617g-book-toolbar{
 margin:16px 0!important;
 padding:18px!important;
 background:#f7f1e6!important;
 border:1px solid #e3d5bc!important;
 border-radius:15px!important
}

body .b617a-page-book .b617g-eyebrow{
 color:#9b793e!important
}

body .b617a-page-book .b617c-book-table{
 overflow:hidden!important;
 background:#fff!important;
 border:1px solid #e1d9cc!important;
 border-radius:15px!important
}

body .b617a-page-book .b617c-book-head{
 background:#f3ede2!important;
 color:#776d5c!important;
 border-bottom:1px solid #ddd3c3!important
}

body .b617a-page-book .b617c-book-row{
 background:#fff!important;
 color:#332f28!important;
 border-bottom:1px solid #eee8df!important;
 box-shadow:none!important
}

body .b617a-page-book .b617c-book-row:hover{
 background:#fbf7ef!important
}

body .b617a-page-book [data-b617g-book-payment]{
 background:#fffaf0!important;
 color:#29261f!important;
 border:1px solid #dfcfb1!important;
 border-radius:15px!important
}

body .b617a-page-book .b617g-finance-summary>div{
 background:#fff!important;
 border:1px solid #e5dccd!important;
 border-radius:11px!important
}

body .b617a-page-book .b617g-note{
 background:#f4f1ea!important;
 color:#686156!important;
 border:1px solid #e4ddd2!important
}

body .b617a-page-book .b617g-alert{
 background:#fbeae5!important;
 color:#91483e!important;
 border:1px solid #efcec7!important
}

body .b617a-page-book button.secondary{
 background:#fff!important;
 color:#4d483f!important;
 border:1px solid #d8cfbf!important
}

body .b617a-page-book button.primary{
 background:#a98245!important;
 color:#fff!important;
 border-color:#a98245!important
}

@media(max-width:900px){
 body .b617a-page-book .b617c-book-table{
  overflow-x:auto!important
 }
}

 /* E26G2_BOOK_REPORTS_END */

/* ============================================================
   E26G6 - KNIHA + REPORTY VISUAL POLISH
   Candidate only - scoped to .b617a-page-book
   ============================================================ */

body .b617a-page-book{
  --e26-book-surface:#102d2a;
  --e26-book-surface-2:#163934;
  --e26-book-border:rgba(255,255,255,.11);
  --e26-book-text:#f4f7f5;
  --e26-book-muted:#b8c9c4;
  --e26-book-accent:#d9ece6;
}

/* Intro / standard cards */
body .b617a-page-book .card,
body .b617a-page-book .b617g-card{
  border:1px solid var(--e26-book-border);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* Accounting toolbar */
body .b617a-page-book .b617g-book-toolbar{
  background:linear-gradient(
    180deg,
    rgba(22,57,52,.98),
    rgba(16,45,42,.98)
  );
  border:1px solid var(--e26-book-border);
  border-radius:18px;
  padding:20px 22px;
}

/* Fix inherited dark heading on dark toolbar */
body .b617a-page-book .b617g-book-toolbar h1,
body .b617a-page-book .b617g-book-toolbar h2,
body .b617a-page-book .b617g-book-toolbar h3,
body .b617a-page-book .b617g-book-toolbar strong{
  color:var(--e26-book-text) !important;
}

body .b617a-page-book .b617g-book-toolbar .b617g-eyebrow{
  color:var(--e26-book-accent) !important;
  opacity:.82;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

/* Toolbar filters */
body .b617a-page-book .b617g-book-toolbar .b617g-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

body .b617a-page-book .b617g-book-toolbar button.secondary{
  background:rgba(255,255,255,.055);
  color:#e8f1ee !important;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}

body .b617a-page-book .b617g-book-toolbar button.secondary:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.23);
}

body .b617a-page-book .b617g-book-toolbar button.primary{
  background:#dcebe7;
  color:#123a34 !important;
  border:1px solid #dcebe7;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* Search */
body .b617a-page-book [data-b616s-book-filter]{
  color:#f3f7f5 !important;
  background:rgba(6,28,26,.48);
  border:1px solid rgba(255,255,255,.13);
}

body .b617a-page-book [data-b616s-book-filter]::placeholder{
  color:#aebfba;
  opacity:1;
}

/* Book table hierarchy */
body .b617a-page-book .b617c-book-table{
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  overflow:hidden;
}

body .b617a-page-book .b617c-book-head{
  color:#b8c9c4 !important;
  background:rgba(255,255,255,.035);
  font-size:12px;
  font-weight:800;
  letter-spacing:.045em;
}

body .b617a-page-book .b617c-book-row{
  color:#edf4f1;
  border-color:rgba(255,255,255,.075);
}

body .b617a-page-book .b617c-book-row strong{
  color:#ffffff !important;
}

body .b617a-page-book .b617c-book-row .muted,
body .b617a-page-book .b617c-book-row small{
  color:#b8c9c4 !important;
}

/* Accounting badges inserted into rows */
body .b617a-page-book .b617g-book-finance{
  color:#dce9e5;
}

/* Payment/detail cards */
body .b617a-page-book [data-b617g-book-payment]{
  background:rgba(16,45,42,.98);
  color:#edf4f1;
  border:1px solid rgba(255,255,255,.11);
}

body .b617a-page-book .b617g-finance-summary > div{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

/* Mobile */
@media (max-width:760px){
  body .b617a-page-book .b617g-book-toolbar{
    padding:17px;
  }

  body .b617a-page-book .b617g-book-toolbar .b617g-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body .b617a-page-book .b617g-book-toolbar button{
    width:100%;
  }
}

/* E26G6_KNIHA_REPORTY_END */

/* ============================================================
   E26G8B - EXACT KNIHA TOOLBAR CONTRAST FIX
   Candidate only
   Target: unique runtime attribute, independent of page wrapper
   ============================================================ */

body [data-b617g-book-toolbar]{
  background:linear-gradient(
    180deg,
    rgba(22,57,52,.98),
    rgba(16,45,42,.98)
  ) !important;
  border:1px solid rgba(255,255,255,.11) !important;
}

body [data-b617g-book-toolbar] .b617g-head,
body [data-b617g-book-toolbar] .b617g-head > div{
  color:#f4f7f5 !important;
}

body [data-b617g-book-toolbar] h1,
body [data-b617g-book-toolbar] h2,
body [data-b617g-book-toolbar] h3,
body [data-b617g-book-toolbar] strong{
  color:#f4f7f5 !important;
}

body [data-b617g-book-toolbar] .b617g-eyebrow{
  color:#d9ece6 !important;
  opacity:.88 !important;
}

body [data-b617g-book-toolbar] .b617g-actions button.secondary{
  background:rgba(255,255,255,.055) !important;
  color:#e8f1ee !important;
  border-color:rgba(255,255,255,.14) !important;
}

body [data-b617g-book-toolbar] .b617g-actions button.primary{
  background:#dcebe7 !important;
  color:#123a34 !important;
  border-color:#dcebe7 !important;
}

/* E26G8B_EXACT_TOOLBAR_END */

/* ============================================================
   E26H2 - KNIHA CANONICAL VISUAL PARITY
   Candidate only
   Goal: same visual language as the rest of Pohrebka 2.1
   ============================================================ */

/* Main Book surface */
body .b617a-page-book{
  color:var(--p21-ink) !important;
  background:var(--p21-bg) !important;
}

/* Remove the isolated dark application-inside-application look */
body .b617a-page-book main,
body .b617a-page-book .content{
  background:var(--p21-bg) !important;
}

/* Standard Book cards = canonical Pohrebka cards */
body .b617a-page-book .card,
body .b617a-page-book .b617g-card{
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}

/* Accounting toolbar */
body .b617a-page-book .b617g-book-toolbar,
body [data-b617g-book-toolbar]{
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
  padding:17px 19px !important;
}

/* Canonical heading hierarchy */
body [data-b617g-book-toolbar] .b617g-head,
body [data-b617g-book-toolbar] .b617g-head > div{
  color:var(--p21-ink) !important;
}

body [data-b617g-book-toolbar] h1,
body [data-b617g-book-toolbar] h2,
body [data-b617g-book-toolbar] h3,
body [data-b617g-book-toolbar] strong{
  color:#30332d !important;
}

body [data-b617g-book-toolbar] h3{
  margin:0 !important;
  font-family:var(--p21-serif) !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

/* Same small gold label as canonical cards */
body [data-b617g-book-toolbar] .b617g-eyebrow{
  display:block !important;
  margin-bottom:3px !important;
  color:#a08659 !important;
  opacity:1 !important;
  font-size:8.5px !important;
  font-weight:750 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

/* Toolbar actions */
body [data-b617g-book-toolbar] .b617g-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
}

body [data-b617g-book-toolbar] .b617g-actions button.secondary{
  background:#f7f2e9 !important;
  color:#3c423d !important;
  border:1px solid #e5ded1 !important;
  box-shadow:none !important;
}

body [data-b617g-book-toolbar] .b617g-actions button.secondary:hover{
  background:#f1eadc !important;
  border-color:#d8cfbf !important;
}

/* Active filter follows Pohrebka green */
body [data-b617g-book-toolbar] .b617g-actions button.primary{
  background:linear-gradient(180deg,#3d5948,#314a3c) !important;
  color:#fff !important;
  border:1px solid #314a3c !important;
  box-shadow:none !important;
}

/* Search field */
body .b617a-page-book [data-b616s-book-filter]{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:11px !important;
  box-shadow:none !important;
}

body .b617a-page-book [data-b616s-book-filter]::placeholder{
  color:var(--p21-muted) !important;
  opacity:1 !important;
}

/* Book table becomes a canonical light card */
body .b617a-page-book .b617c-book-table{
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
  overflow:hidden !important;
}

/* Table header */
body .b617a-page-book .b617c-book-head{
  background:#f7f2e9 !important;
  color:#7c7468 !important;
  border-color:#eee8de !important;
  font-size:10px !important;
  font-weight:750 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

/* Rows */
body .b617a-page-book .b617c-book-row{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border-color:#f0ebe3 !important;
}

body .b617a-page-book .b617c-book-row:hover{
  background:#faf6ef !important;
}

body .b617a-page-book .b617c-book-row strong{
  color:#30332d !important;
}

body .b617a-page-book .b617c-book-row .muted,
body .b617a-page-book .b617c-book-row small{
  color:var(--p21-muted) !important;
}

/* Finance information */
body .b617a-page-book .b617g-book-finance{
  color:#59625c !important;
}

body .b617a-page-book [data-b617g-book-payment]{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
}

body .b617a-page-book .b617g-finance-summary > div{
  background:#faf6ef !important;
  color:var(--p21-ink) !important;
  border:1px solid #eee8de !important;
}

/* Keep operational action readable */
body .b617a-page-book .b617c-book-row button,
body .b617a-page-book .b617c-book-row .button,
body .b617a-page-book .b617c-book-row .btn{
  border-radius:9px !important;
}

/* Mobile parity */
@media (max-width:760px){
  body .b617a-page-book .b617g-book-toolbar,
  body [data-b617g-book-toolbar]{
    padding:15px !important;
  }

  body [data-b617g-book-toolbar] .b617g-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body [data-b617g-book-toolbar] .b617g-actions button{
    width:100% !important;
  }

  body .b617a-page-book .b617c-book-table{
    overflow-x:auto !important;
  }
}

/* E26H2_CANONICAL_BOOK_END */

/* ============================================================
   E26H5 - EXACT KNIHA LIGHT PARITY
   Runtime selectors independent of .b617a-page-book
   ============================================================ */

/* Search */
body [data-b616s-book-filter]{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:11px !important;
  box-shadow:none !important;
}

body [data-b616s-book-filter]::placeholder{
  color:#9a9388 !important;
  opacity:1 !important;
}

/* Exact book list/table */
body [data-b616s-book-list].b617c-book-table,
body .b617c-book-table[data-b616s-book-list]{
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Header */
body [data-b616s-book-list] .b617c-book-head{
  background:#f7f2e9 !important;
  color:#7c7468 !important;
  border-color:#eee8de !important;
}

/* Rows */
body [data-b616s-book-list] .b617c-book-row{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border-color:#f0ebe3 !important;
  box-shadow:none !important;
}

body [data-b616s-book-list] .b617c-book-row:hover{
  background:#faf6ef !important;
}

body [data-b616s-book-list] .b617c-book-row strong{
  color:var(--p21-ink) !important;
}

body [data-b616s-book-list] .b617c-book-row small,
body [data-b616s-book-list] .b617c-book-row .muted{
  color:#817a70 !important;
}

/* Keep order number in canonical green */
body [data-b616s-book-list] .b617c-book-order > strong{
  color:#365744 !important;
}

/* Finance/status text inside rows */
body [data-b616s-book-list] .b617g-book-finance{
  color:#59625c !important;
}

/* Exact first Book card.
   :has() is intentionally anchored by the unique Book search field. */
body .card:has([data-b616s-book-filter]){
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 12px 30px rgba(39,47,42,.08) !important;
}

/* Text in the Book header/search card */
body .card:has([data-b616s-book-filter]) h1,
body .card:has([data-b616s-book-filter]) h2,
body .card:has([data-b616s-book-filter]) h3,
body .card:has([data-b616s-book-filter]) strong{
  color:var(--p21-ink) !important;
}

body .card:has([data-b616s-book-filter]) .muted,
body .card:has([data-b616s-book-filter]) small{
  color:#817a70 !important;
}

/* Remove old dark surface from the area immediately owning
   the Book list/search while keeping scope tied to Book DOM. */
body .card:has([data-b616s-book-list]){
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
}

/* Mobile */
@media (max-width:900px){
  body [data-b616s-book-list].b617c-book-table,
  body .b617c-book-table[data-b616s-book-list]{
    overflow-x:auto !important;
  }
}

/* E26H5_EXACT_KNIHA_LIGHT_END */

/* ============================================================
   E26H8 - KNIHA TYPOGRAPHY PARITY
   Match readability of approved Overview
   Visual typography only
   ============================================================ */

/* Book title/search card */
body .card:has([data-b616s-book-filter]) h1{
  font-size:28px !important;
  line-height:1.12 !important;
  font-weight:500 !important;
}

body .card:has([data-b616s-book-filter]) .muted{
  font-size:13px !important;
  line-height:1.5 !important;
}

body [data-b616s-book-filter]{
  min-height:46px !important;
  font-size:13px !important;
  line-height:1.4 !important;
}

/* Accounting card hierarchy */
body [data-b617g-book-toolbar] h3{
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

body [data-b617g-book-toolbar] .b617g-eyebrow{
  font-size:9.5px !important;
  line-height:1.25 !important;
}

body [data-b617g-book-toolbar] .b617g-actions button{
  min-height:38px !important;
  padding:8px 14px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
}

/* Table headings */
body [data-b616s-book-list] .b617c-book-head{
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
}

/* Main row readability */
body [data-b616s-book-list] .b617c-book-row{
  font-size:12.5px !important;
  line-height:1.4 !important;
}

body [data-b616s-book-list] .b617c-book-row strong{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}

body [data-b616s-book-list] .b617c-book-order > strong{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* Secondary row information */
body [data-b616s-book-list] .b617c-book-row small,
body [data-b616s-book-list] .b617c-book-row .muted{
  font-size:11.5px !important;
  line-height:1.4 !important;
}

/* Finance/status information */
body [data-b616s-book-list] .b617g-book-finance{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Row actions */
body [data-b616s-book-list] .b617c-book-row button,
body [data-b616s-book-list] .b617c-book-row .button,
body [data-b616s-book-list] .b617c-book-row .btn{
  font-size:12px !important;
  line-height:1.25 !important;
}

/* Preserve comfortable mobile readability */
@media (max-width:760px){
  body .card:has([data-b616s-book-filter]) h1{
    font-size:26px !important;
  }

  body [data-b616s-book-filter]{
    font-size:16px !important;
  }

  body [data-b616s-book-list] .b617c-book-row{
    font-size:13px !important;
  }

  body [data-b616s-book-list] .b617c-book-row strong{
    font-size:13.5px !important;
  }

  body [data-b616s-book-list] .b617c-book-row small,
  body [data-b616s-book-list] .b617c-book-row .muted{
    font-size:12px !important;
  }
}

/* E26H8_KNIHA_TYPOGRAPHY_END */

/* ============================================================
   E26J3 - FULL BOOK DETAIL CANONICAL VISUAL SYSTEM
   Kniha -> detail -> cards -> documents -> finance -> history
   Visual only. No application/data behaviour changes.
   ============================================================ */


/* ------------------------------------------------------------
   1. PRESENTATION / FULL DETAIL WIDTH
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  color:var(--p21-ink) !important;
}

body .b617c-presentation[data-b617c-presentation="book"] > *{
  min-width:0 !important;
}


/* ------------------------------------------------------------
   2. DETAIL TOOLBAR
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-detail-toolbar{
  margin:0 0 15px !important;
  padding:10px 12px !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:9px !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border:1px solid var(--p21-line) !important;
  border-radius:13px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.04) !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-detail-toolbar button{
  min-height:38px !important;
  padding:8px 14px !important;
  border-radius:9px !important;
  font-size:12px !important;
  line-height:1.25 !important;
}


/* ------------------------------------------------------------
   3. HERO
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-hero[data-b617c-hero]{
  margin:0 0 15px !important;
  padding:20px 22px !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-hero h1,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-hero h2{
  margin:0 !important;
  color:var(--p21-ink) !important;
  font-family:var(--p21-serif) !important;
  font-size:30px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-hero .muted,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-hero small{
  color:var(--p21-muted) !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-hero-status{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:7px !important;
}


/* ------------------------------------------------------------
   4. MAIN DETAIL GRID
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-grid{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:start !important;
  gap:15px !important;
}


/* ------------------------------------------------------------
   5. ALL CANONICAL DETAIL CARDS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card{
  min-width:0 !important;
  overflow:hidden !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}


/* ------------------------------------------------------------
   6. CARD HEADERS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head{
  min-height:59px !important;
  padding:12px 15px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border-bottom:1px solid #eee8de !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head > div{
  min-width:0 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head span,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head small{
  display:block !important;
  margin-bottom:2px !important;

  color:#a08659 !important;

  font-size:9.5px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head h2,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head h3,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-card-head strong{
  margin:0 !important;

  color:#30332d !important;

  font-family:var(--p21-serif) !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}


/* ------------------------------------------------------------
   7. FIELDS / PERSONAL DATA
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-fields{
  padding:4px 15px 15px !important;

  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 18px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field{
  min-width:0 !important;
  padding:11px 0 !important;
  border-bottom:1px solid #f0ebe3 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field.is-wide{
  grid-column:1 / -1 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field > span,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field > small{
  display:block !important;

  color:#817a70 !important;

  font-size:10.5px !important;
  line-height:1.35 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field > strong{
  display:block !important;
  margin-top:3px !important;

  color:var(--p21-ink) !important;

  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:650 !important;
}


/* ------------------------------------------------------------
   8. SUBSECTIONS / LISTS / DOCUMENTS / HISTORY
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-subsection{
  margin:12px 15px !important;
  padding:13px 14px !important;

  background:#faf6ef !important;
  color:var(--p21-ink) !important;

  border:1px solid #eee8de !important;
  border-radius:11px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-list{
  padding:0 15px 15px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-list-row{
  min-width:0 !important;
  padding:11px 0 !important;

  background:transparent !important;
  color:var(--p21-ink) !important;

  border-bottom:1px solid #f0ebe3 !important;

  font-size:12.5px !important;
  line-height:1.4 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-list-row:last-child{
  border-bottom:0 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-list-row strong{
  color:var(--p21-ink) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-list-row small,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-list-row .muted{
  color:#817a70 !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
}


/* ------------------------------------------------------------
   9. PROGRESS / REALIZATION
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-progress{
  margin:12px 15px 15px !important;
  padding:13px 14px !important;

  background:#faf6ef !important;
  color:var(--p21-ink) !important;

  border:1px solid #eee8de !important;
  border-radius:11px !important;
}


/* ------------------------------------------------------------
   10. PARITY / FINANCE CARDS INSIDE BOOK DETAIL
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-card,
body [data-b617g-book-payment]{
  min-width:0 !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-head,
body [data-b617g-book-payment] .b617g-head{
  min-height:59px !important;
  padding:12px 15px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border-bottom:1px solid #eee8de !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-head h2,
body .b617c-presentation[data-b617c-presentation="book"]
.b617g-head h3,
body [data-b617g-book-payment] .b617g-head h2,
body [data-b617g-book-payment] .b617g-head h3{
  margin:0 !important;

  color:#30332d !important;

  font-family:var(--p21-serif) !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-eyebrow,
body [data-b617g-book-payment] .b617g-eyebrow{
  color:#a08659 !important;

  font-size:9.5px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}


/* ------------------------------------------------------------
   11. FINANCE SUMMARY
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-finance-summary,
body [data-b617g-book-payment] .b617g-finance-summary{
  padding:15px !important;

  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-finance-summary > div,
body [data-b617g-book-payment] .b617g-finance-summary > div{
  min-width:0 !important;
  padding:12px 13px !important;

  background:#faf6ef !important;
  color:var(--p21-ink) !important;

  border:1px solid #eee8de !important;
  border-radius:11px !important;
  box-shadow:none !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-finance-summary span,
body [data-b617g-book-payment] .b617g-finance-summary span{
  color:#817a70 !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-finance-summary strong,
body [data-b617g-book-payment] .b617g-finance-summary strong{
  color:var(--p21-ink) !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}


/* ------------------------------------------------------------
   12. NOTES / WARNINGS / SUCCESS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-note,
body [data-b617g-book-payment] .b617g-note{
  margin:0 15px 13px !important;
  padding:11px 12px !important;

  background:#f7f2e9 !important;
  color:#686158 !important;

  border:1px solid #e9e1d4 !important;
  border-radius:10px !important;

  font-size:11.5px !important;
  line-height:1.45 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-alert,
body [data-b617g-book-payment] .b617g-alert{
  margin:10px 15px !important;
  padding:11px 12px !important;

  background:#fff5e8 !important;
  color:#7b5425 !important;

  border:1px solid #ead1ad !important;
  border-radius:10px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-success,
body [data-b617g-book-payment] .b617g-success{
  margin:10px 15px !important;
  padding:11px 12px !important;

  background:#eef6f1 !important;
  color:#365744 !important;

  border:1px solid #cfe0d6 !important;
  border-radius:10px !important;
}


/* ------------------------------------------------------------
   13. STATUS PILLS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-pill,
body [data-b617g-book-payment] .b617g-pill{
  min-height:25px !important;
  padding:5px 9px !important;

  display:inline-flex !important;
  align-items:center !important;

  background:#f7f2e9 !important;
  color:#6f675d !important;

  border:1px solid #e5ddd1 !important;
  border-radius:999px !important;

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-pill.good,
body [data-b617g-book-payment] .b617g-pill.good{
  background:#eef6f1 !important;
  color:#365744 !important;
  border-color:#cfe0d6 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-pill.warn,
body [data-b617g-book-payment] .b617g-pill.warn{
  background:#fff5e8 !important;
  color:#8a622d !important;
  border-color:#ead1ad !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-pill.bad,
body [data-b617g-book-payment] .b617g-pill.bad{
  background:#fff0ed !important;
  color:#8b433b !important;
  border-color:#e8c5bf !important;
}


/* ------------------------------------------------------------
   14. ACTION AREAS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-actions,
body [data-b617g-book-payment] .b617g-actions{
  padding:12px 15px 15px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617g-actions button,
body [data-b617g-book-payment] .b617g-actions button{
  min-height:38px !important;
  padding:8px 14px !important;

  border-radius:9px !important;

  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
}


/* ------------------------------------------------------------
   15. FORM ELEMENTS INSIDE DETAIL
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"] input,
body .b617c-presentation[data-b617c-presentation="book"] select,
body .b617c-presentation[data-b617c-presentation="book"] textarea,
body [data-b617g-book-payment] input,
body [data-b617g-book-payment] select,
body [data-b617g-book-payment] textarea{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;

  border:1px solid var(--p21-line) !important;
  border-radius:9px !important;

  box-shadow:none !important;
}

body .b617c-presentation[data-b617c-presentation="book"] input,
body .b617c-presentation[data-b617c-presentation="book"] select,
body [data-b617g-book-payment] input,
body [data-b617g-book-payment] select{
  min-height:42px !important;
}


/* ------------------------------------------------------------
   16. DETAILS / EXPANDABLE AREAS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
details,
body [data-b617g-book-payment] details{
  background:#faf6ef !important;
  color:var(--p21-ink) !important;

  border:1px solid #eee8de !important;
  border-radius:11px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
details > summary,
body [data-b617g-book-payment] details > summary{
  color:#365744 !important;
  font-size:12px !important;
  font-weight:700 !important;
}


/* ------------------------------------------------------------
   17. EMPTY / MUTED TEXT
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.empty{
  color:#817a70 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.muted{
  color:#817a70 !important;
}


/* ------------------------------------------------------------
   18. MOBILE
   ------------------------------------------------------------ */

@media (max-width:900px){

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-card-grid{
    grid-template-columns:1fr !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-fields{
    grid-template-columns:1fr !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617g-finance-summary,
  body [data-b617g-book-payment] .b617g-finance-summary{
    grid-template-columns:1fr !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-hero[data-b617c-hero]{
    padding:17px !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-hero h1,
  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-hero h2{
    font-size:27px !important;
  }
}

@media (max-width:600px){

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-detail-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-detail-toolbar button{
    width:100% !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617g-actions,
  body [data-b617g-book-payment] .b617g-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617g-actions button,
  body [data-b617g-book-payment] .b617g-actions button{
    width:100% !important;
  }
}

/* E26J3_FULL_BOOK_DETAIL_CANONICAL_END */

/* ============================================================
   E26J6 - FINAL BOOK LIGHT POLISH
   Exact Book-detail visual cleanup only.
   ============================================================ */


/* ------------------------------------------------------------
   A. DETAIL DATA VALUES
   Remove the heavy grey blocks left by legacy presentation.
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field{
  background:#faf6ef !important;
  border:1px solid #eee8de !important;
  border-radius:10px !important;
  padding:10px 11px !important;
  margin:4px 0 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-fields{
  gap:4px 10px !important;
  padding:10px 15px 15px !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field > span,
body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field > small{
  color:#8a8277 !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b617c-field > strong{
  color:#30332d !important;
}


/* ------------------------------------------------------------
   B. LEGACY NESTED CARDS INSIDE BOOK PRESENTATION
   Some canonical finance/closing widgets carry their own dark
   card styling. Book view owns the visual surface here.
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"] .card{
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border-color:var(--p21-line) !important;
  box-shadow:none !important;
}

body .b617c-presentation[data-b617c-presentation="book"] .card h1,
body .b617c-presentation[data-b617c-presentation="book"] .card h2,
body .b617c-presentation[data-b617c-presentation="book"] .card h3,
body .b617c-presentation[data-b617c-presentation="book"] .card h4,
body .b617c-presentation[data-b617c-presentation="book"] .card strong{
  color:var(--p21-ink) !important;
}

body .b617c-presentation[data-b617c-presentation="book"] .card p,
body .b617c-presentation[data-b617c-presentation="book"] .card li,
body .b617c-presentation[data-b617c-presentation="book"] .card .muted{
  color:#686158 !important;
}


/* ------------------------------------------------------------
   C. LEGACY FINANCE SUMMARY / PAYMENT BLOCKS
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
.finance-summary,
body .b617c-presentation[data-b617c-presentation="book"]
.b616a-finance-grid{
  background:transparent !important;
  color:var(--p21-ink) !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.finance-summary > *,
body .b617c-presentation[data-b617c-presentation="book"]
.b616a-finance-grid > *{
  background:#faf6ef !important;
  color:var(--p21-ink) !important;
  border:1px solid #eee8de !important;
  border-radius:11px !important;
  box-shadow:none !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
.b616a-finance-bridge-head,
body .b617c-presentation[data-b617c-presentation="book"]
.b616a-finance-status{
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border-color:#eee8de !important;
}


/* ------------------------------------------------------------
   D. DARK LEGACY SECTIONS
   Book detail should never create a second dark application
   inside the light content area.
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
section:not(.b617c-hero):not(.b617c-card){
  color:var(--p21-ink);
}

body .b617c-presentation[data-b617c-presentation="book"]
section:not(.b617c-hero):not(.b617c-card) h1,
body .b617c-presentation[data-b617c-presentation="book"]
section:not(.b617c-hero):not(.b617c-card) h2,
body .b617c-presentation[data-b617c-presentation="book"]
section:not(.b617c-hero):not(.b617c-card) h3{
  color:var(--p21-ink);
}


/* ------------------------------------------------------------
   E. B627 HISTORY - EXACT RUNTIME
   ------------------------------------------------------------ */

body [data-b627-fix1c-c-book-audit]{
  width:100% !important;
  max-width:none !important;

  margin-top:15px !important;
  padding:15px !important;

  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;

  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}

body [data-b627-fix1c-c-book-audit]
[data-b627-fix1c-c-audit]{
  width:100% !important;
  max-width:none !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
  color:var(--p21-ink) !important;
}

body [data-b627-fix1c-c-book-audit]
[data-b627-fix1c-c-audit] > .toolbar{
  min-height:59px !important;
  margin:0 0 12px !important;
  padding:0 0 12px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;

  background:transparent !important;
  color:var(--p21-ink) !important;

  border:0 !important;
  border-bottom:1px solid #eee8de !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body [data-b627-fix1c-c-book-audit]
[data-b627-fix1c-c-audit] > .toolbar h2{
  margin:0 !important;

  color:#30332d !important;

  font-family:var(--p21-serif) !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

body [data-b627-fix1c-c-book-audit]
[data-b627-fix1c-c-audit] > .toolbar .muted{
  margin-top:3px !important;

  color:#817a70 !important;

  font-size:11.5px !important;
  line-height:1.4 !important;
}

body [data-b627-fix1c-c-book-audit]
[data-b627-fix1c-c-audit] > .toolbar .badge{
  min-height:25px !important;
  padding:5px 9px !important;

  background:#eef6f1 !important;
  color:#365744 !important;

  border:1px solid #cfe0d6 !important;
  border-radius:999px !important;

  font-size:10px !important;
  font-weight:700 !important;
}


/* ------------------------------------------------------------
   F. HISTORY LIST
   ------------------------------------------------------------ */

body [data-b627-fix1c-c-book-audit]
.b627-fix1c-c-audit-list{
  width:100% !important;

  display:grid !important;
  gap:8px !important;

  background:transparent !important;
}

body [data-b627-fix1c-c-book-audit]
.b627-fix1c-c-audit-list > article{
  padding:11px 12px !important;

  background:#faf6ef !important;
  color:var(--p21-ink) !important;

  border:1px solid #eee8de !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

body [data-b627-fix1c-c-book-audit]
.b627-fix1c-c-audit-list strong{
  color:var(--p21-ink) !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

body [data-b627-fix1c-c-book-audit]
.b627-fix1c-c-audit-list .muted{
  color:#817a70 !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
}


/* ------------------------------------------------------------
   G. EMPTY HISTORY
   ------------------------------------------------------------ */

body [data-b627-fix1c-c-book-audit]
[data-b627-fix1c-c-audit] > .empty{
  min-height:70px !important;
  padding:18px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#faf6ef !important;
  color:#817a70 !important;

  border:1px dashed #ddd4c7 !important;
  border-radius:11px !important;

  font-size:12px !important;
  line-height:1.45 !important;
  text-align:center !important;
}


/* ------------------------------------------------------------
   H. BOOK PAYMENT CARD FINAL ALIGNMENT
   ------------------------------------------------------------ */

body [data-b617g-book-payment]{
  width:100% !important;
  max-width:none !important;
  margin-top:15px !important;
}

body [data-b617g-book-payment] .b617g-finance-summary{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

body [data-b617g-book-payment] .b617g-finance-summary > div{
  min-height:62px !important;
}


/* ------------------------------------------------------------
   I. CONSISTENT BUTTONS IN BOOK DETAIL
   ------------------------------------------------------------ */

body .b617c-presentation[data-b617c-presentation="book"]
button.primary,
body [data-b617g-book-payment] button.primary{
  background:#395e4a !important;
  color:#fff !important;
  border:1px solid #395e4a !important;
  box-shadow:none !important;
}

body .b617c-presentation[data-b617c-presentation="book"]
button.secondary,
body [data-b617g-book-payment] button.secondary{
  background:#faf6ef !important;
  color:#365744 !important;
  border:1px solid #ddd4c7 !important;
  box-shadow:none !important;
}


/* ------------------------------------------------------------
   J. MOBILE
   ------------------------------------------------------------ */

@media (max-width:900px){

  body [data-b617g-book-payment] .b617g-finance-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px){

  body .b617c-presentation[data-b617c-presentation="book"]
  .b617c-fields{
    grid-template-columns:1fr !important;
  }

  body [data-b617g-book-payment] .b617g-finance-summary{
    grid-template-columns:1fr !important;
  }

  body [data-b627-fix1c-c-book-audit]{
    padding:12px !important;
  }

  body [data-b627-fix1c-c-book-audit]
  [data-b627-fix1c-c-audit] > .toolbar{
    align-items:flex-start !important;
  }
}

/* E26J6_FINAL_BOOK_LIGHT_POLISH_END */

/* ==========================================================
   E26J9 - B619E / B619F CANONICAL LIGHT FINANCE
   Exact runtime finance module visual parity.
   Visual only. No finance/data/runtime logic changes.
   ========================================================== */

/* Main canonical finance container */
body .b619e-panel{
  margin-top:18px !important;
  padding:20px !important;
  background:var(--p21-surface) !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 3px 16px rgba(42,37,29,.045) !important;
}

/* Finance heading */
body .b619e-panel .b619e-head{
  color:var(--p21-ink) !important;
  border-color:#eee8de !important;
}

body .b619e-panel .b619e-head span{
  color:#7c7468 !important;
}

body .b619e-panel .b619e-head h2,
body .b619e-panel .b619e-head h3,
body .b619e-panel .b619e-head h4{
  color:var(--p21-ink) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
}

/* Module/version pill */
body .b619e-panel .b619e-version{
  background:#f1e7d5 !important;
  color:#665b49 !important;
  border:1px solid #e4d8c5 !important;
}

/* Intro/help */
body .b619e-panel .b619e-help{
  color:#817a70 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Main financial summary */
body .b619e-panel .b619e-summary article{
  background:#faf6ef !important;
  color:var(--p21-ink) !important;
  border:1px solid #eee8de !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body .b619e-panel .b619e-summary span{
  color:#817a70 !important;
  font-size:11px !important;
}

body .b619e-panel .b619e-summary strong{
  color:var(--p21-ink) !important;
  font-size:18px !important;
}

/* Positive / warning financial states */
body .b619e-panel .b619e-summary .is-good{
  background:#e3ebe4 !important;
  border-color:#c8d8ca !important;
  color:#365744 !important;
}

body .b619e-panel .b619e-summary .is-good span,
body .b619e-panel .b619e-summary .is-good strong{
  color:#365744 !important;
}

body .b619e-panel .b619e-summary .is-warning{
  background:#f3ead7 !important;
  border-color:#e2d1a9 !important;
  color:#725b2d !important;
}

body .b619e-panel .b619e-summary .is-warning span,
body .b619e-panel .b619e-summary .is-warning strong{
  color:#725b2d !important;
}

/* Payment action */
body .b619e-panel .b619e-actions{
  border-color:#eee8de !important;
}

body .b619e-panel .b619e-actions button,
body .b619e-panel .b619e-modal-actions button{
  min-height:40px !important;
  border-radius:10px !important;
  font-size:13px !important;
}

body .b619e-panel .b619e-actions .primary,
body .b619e-panel .b619e-modal-actions .primary{
  background:#395e4a !important;
  border-color:#395e4a !important;
  color:#fff !important;
}

body .b619e-panel .b619e-actions .secondary,
body .b619e-panel .b619e-modal-actions .secondary{
  background:#fffdf9 !important;
  border-color:#ddd5ca !important;
  color:var(--p21-ink) !important;
}

/* Ledger */
body .b619e-panel .b619e-ledger{
  border-color:#eee8de !important;
}

body .b619e-panel .b619e-ledger h4{
  color:var(--p21-ink) !important;
  font-size:16px !important;
}

body .b619e-panel .b619e-empty{
  color:#817a70 !important;
}

body .b619e-panel .b619e-ledger-row{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border:1px solid #eee8de !important;
  border-radius:11px !important;
  box-shadow:none !important;
}

body .b619e-panel .b619e-ledger-row strong,
body .b619e-panel .b619e-ledger-row b{
  color:var(--p21-ink) !important;
}

body .b619e-panel .b619e-ledger-row span{
  color:#817a70 !important;
}

body .b619e-panel .b619e-ledger-row.is-reversal{
  background:#efe3df !important;
  border-color:#dfc5bd !important;
}

body .b619e-panel .b619e-row-actions button{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border-color:#ddd5ca !important;
}

body .b619e-panel .b619e-row-actions .danger{
  background:#efe3df !important;
  border-color:#d9b8ae !important;
  color:#7a4037 !important;
}

/* ==========================================================
   B619F - settlement / closing readiness
   ========================================================== */

body .b619e-panel .b619f-readiness{
  border-color:#eee8de !important;
  color:var(--p21-ink) !important;
}

body .b619e-panel .b619f-head{
  color:var(--p21-ink) !important;
}

body .b619e-panel .b619f-head span{
  color:#817a70 !important;
  font-size:9.5px !important;
}

body .b619e-panel .b619f-head h4{
  color:var(--p21-ink) !important;
  font-size:18px !important;
  font-weight:500 !important;
}

body .b619e-panel .b619f-readiness > p{
  color:#817a70 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Closing state cards */
body .b619e-panel .b619f-grid article{
  background:#faf6ef !important;
  color:var(--p21-ink) !important;
  border:1px solid #eee8de !important;
  border-radius:12px !important;
}

body .b619e-panel .b619f-grid article span{
  color:#817a70 !important;
  font-size:10.5px !important;
}

body .b619e-panel .b619f-grid article strong{
  color:var(--p21-ink) !important;
  font-size:15px !important;
}

body .b619e-panel .b619f-grid .is-good{
  background:#e3ebe4 !important;
  border-color:#c8d8ca !important;
}

body .b619e-panel .b619f-grid .is-good span,
body .b619e-panel .b619f-grid .is-good strong{
  color:#365744 !important;
}

body .b619e-panel .b619f-grid .is-blocked{
  background:#efe3df !important;
  border-color:#dfc5bd !important;
}

body .b619e-panel .b619f-grid .is-blocked span,
body .b619e-panel .b619f-grid .is-blocked strong{
  color:#75453c !important;
}

/* Closing detail columns */
body .b619e-panel .b619f-columns section{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border:1px solid #eee8de !important;
  border-radius:11px !important;
}

body .b619e-panel .b619f-columns h5{
  color:var(--p21-ink) !important;
}

body .b619e-panel .b619f-columns li strong{
  color:var(--p21-ink) !important;
}

body .b619e-panel .b619f-columns li span{
  color:#817a70 !important;
}

/* Readiness semantic states */
body .b619e-panel .b619f-ready{
  color:#365744 !important;
}

body .b619e-panel .b619f-error{
  color:#8a463c !important;
}

body .b619e-panel .b619f-note{
  background:#f3ead7 !important;
  color:#725b2d !important;
  border:1px solid #e2d1a9 !important;
}

body .b619e-panel .b619f-lock{
  color:#817a70 !important;
}

/* Invoice / settlement controls */
body .b619e-panel .b619f-invoice-actions button,
body .b619e-panel .b619f-issued button{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border-color:#ddd5ca !important;
  font-size:13px !important;
}

body .b619e-panel .b619f-invoice-actions button.primary{
  background:#395e4a !important;
  border-color:#395e4a !important;
  color:#fff !important;
}

body .b619e-panel .b619f-issued{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border-color:#eee8de !important;
}

/* ==========================================================
   B619E payment modal
   ========================================================== */

body .b619e-modal{
  background:rgba(23,35,31,.58) !important;
  backdrop-filter:blur(4px) !important;
}

body .b619e-modal-card{
  background:#fffdf9 !important;
  color:var(--p21-ink) !important;
  border:1px solid var(--p21-line) !important;
  border-radius:15px !important;
  box-shadow:0 24px 70px rgba(39,47,42,.18) !important;
}

body .b619e-modal-head{
  color:var(--p21-ink) !important;
}

body .b619e-modal-head span{
  color:#817a70 !important;
}

body .b619e-modal-head h2{
  color:var(--p21-ink) !important;
  font-weight:500 !important;
}

body .b619e-modal-head button{
  background:#f7f2e9 !important;
  color:var(--p21-ink) !important;
  border-color:#ddd5ca !important;
}

body .b619e-warning{
  background:#f3ead7 !important;
  color:#725b2d !important;
  border-color:#e2d1a9 !important;
}

body .b619e-form-grid label > span{
  color:#665f56 !important;
}

body .b619e-form-grid input,
body .b619e-form-grid select,
body .b619e-form-grid textarea{
  background:#fff !important;
  color:var(--p21-ink) !important;
  -webkit-text-fill-color:var(--p21-ink) !important;
  border-color:#d8d0c5 !important;
}

body .b619e-form-message{
  color:#8a463c !important;
}

body .b619e-wizard-note{
  color:#817a70 !important;
}

/* Responsive parity */
@media (max-width:760px){
  body .b619e-panel{
    padding:15px !important;
  }

  body .b619e-panel .b619e-summary,
  body .b619e-panel .b619f-grid,
  body .b619e-panel .b619f-columns{
    grid-template-columns:1fr !important;
  }

  body .b619e-panel .b619e-ledger-row{
    grid-template-columns:1fr !important;
  }

  body .b619e-panel .b619e-actions,
  body .b619e-panel .b619f-invoice-actions{
    justify-content:stretch !important;
  }

  body .b619e-panel .b619e-actions button,
  body .b619e-panel .b619f-invoice-actions button{
    width:100% !important;
  }

  body .b619e-form-grid{
    grid-template-columns:1fr !important;
  }
}

/* E26J9_B619E_LIGHT_END */

/* =========================================================
   E26L3
   FULL APP CANONICAL LIGHT VISUAL UNIFICATION
   PRESENTATION ONLY
   ========================================================= */

:root{
  --e26l3-bg:#f4f2ec;
  --e26l3-surface:#ffffff;
  --e26l3-surface-soft:#faf9f5;
  --e26l3-surface-muted:#f1f0ea;
  --e26l3-line:#dddcd4;
  --e26l3-line-strong:#cfcec5;
  --e26l3-text:#18211d;
  --e26l3-muted:#69716d;
  --e26l3-green:#244b3b;
  --e26l3-green-soft:#e8f0eb;
  --e26l3-green-line:#b9cfc1;
  --e26l3-danger:#a63d3d;
  --e26l3-danger-soft:#fff0ef;
  --e26l3-warning:#8a641c;
  --e26l3-warning-soft:#fff7df;
  --e26l3-radius:15px;
  --e26l3-shadow:0 7px 24px rgba(30,42,36,.055);
}

/* ---------------------------------------------------------
   GLOBAL PAGE SURFACES
   --------------------------------------------------------- */

.b617a-page-overview,
.b617a-page-orders,
.b617a-page-calendar{
  background:var(--e26l3-bg)!important;
  color:var(--e26l3-text)!important;
}

.b617a-page-overview main,
.b617a-page-orders main,
.b617a-page-calendar main{
  color:var(--e26l3-text)!important;
}

/* ---------------------------------------------------------
   CANONICAL CARDS
   --------------------------------------------------------- */

.b617a-page-overview .card,
.b617a-page-orders .card,
.b617a-page-calendar .card,
.b619b-settings-shell .card,
.b619b-settings-detail,
.b614b-shell,
.b614b-entry-card{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
  border-radius:var(--e26l3-radius)!important;
  box-shadow:var(--e26l3-shadow)!important;
}

/* ---------------------------------------------------------
   ORDERS
   --------------------------------------------------------- */

.b617a-page-orders .record-card{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border:1px solid var(--e26l3-line)!important;
  border-radius:var(--e26l3-radius)!important;
  box-shadow:var(--e26l3-shadow)!important;
}

.b617a-page-orders .record-card:hover{
  border-color:var(--e26l3-green-line)!important;
  box-shadow:0 10px 28px rgba(30,42,36,.08)!important;
}

.b617a-page-orders .record-card .muted,
.b617a-page-orders .record-card small{
  color:var(--e26l3-muted)!important;
}

/* ---------------------------------------------------------
   CALENDAR
   --------------------------------------------------------- */

.b617a-page-calendar .b697-calendar{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
}

.b617a-page-calendar .b697-calendar button,
.b617a-page-calendar .event{
  color:var(--e26l3-text)!important;
}

.b617a-page-calendar .event{
  background:var(--e26l3-green-soft)!important;
  border-color:var(--e26l3-green-line)!important;
}

/* ---------------------------------------------------------
   SETTINGS ROOT
   --------------------------------------------------------- */

.b619b-settings-shell{
  color:var(--e26l3-text)!important;
}

.b619b-settings-intro,
.b619b-settings-detail{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border:1px solid var(--e26l3-line)!important;
}

.b619b-settings-card{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border:1px solid var(--e26l3-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

.b619b-settings-card:hover{
  border-color:var(--e26l3-green-line)!important;
  background:var(--e26l3-surface-soft)!important;
}

.b619b-settings-card.is-active,
.b619b-settings-card.active{
  border-color:var(--e26l3-green)!important;
  background:var(--e26l3-green-soft)!important;
}

.b619b-settings-note,
.b619b-settings-detail .muted,
.b619b-settings-intro .muted{
  color:var(--e26l3-muted)!important;
}

/* ---------------------------------------------------------
   WORKERS / PERSONNEL
   --------------------------------------------------------- */

.b619c-worker-layout{
  gap:16px!important;
}

.b619c-worker-sidebar,
.b619c-worker-editor{
  background:var(--e26l3-surface-soft)!important;
  border:1px solid var(--e26l3-line)!important;
  border-radius:14px!important;
  color:var(--e26l3-text)!important;
}

.b619c-worker-row{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border:1px solid var(--e26l3-line)!important;
  border-radius:11px!important;
}

.b619c-worker-row:hover{
  background:var(--e26l3-surface-soft)!important;
  border-color:var(--e26l3-green-line)!important;
}

.b619c-worker-row.is-selected{
  background:var(--e26l3-green-soft)!important;
  border-color:var(--e26l3-green)!important;
}

.b619c-worker-form-grid input,
.b619c-worker-form-grid select,
.b619c-worker-form-grid textarea{
  background:#fff!important;
  color:var(--e26l3-text)!important;
  -webkit-text-fill-color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line-strong)!important;
}

/* ---------------------------------------------------------
   PRICING / SERVICES
   --------------------------------------------------------- */

.b619d1-pricing-sidebar,
.b619d1-pricing-editor{
  background:var(--e26l3-surface-soft)!important;
  border:1px solid var(--e26l3-line)!important;
  border-radius:14px!important;
  color:var(--e26l3-text)!important;
}

.b619d1-pricing-list button,
.b619d1-pricing-list [data-b619d1-pricing-select]{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
}

.b619d1-pricing-list button:hover,
.b619d1-pricing-list [data-b619d1-pricing-select]:hover{
  background:var(--e26l3-surface-soft)!important;
  border-color:var(--e26l3-green-line)!important;
}

.b619d1-pricing-editor input,
.b619d1-pricing-editor select,
.b619d1-pricing-editor textarea{
  background:#fff!important;
  color:var(--e26l3-text)!important;
  -webkit-text-fill-color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line-strong)!important;
}

/* ---------------------------------------------------------
   COFFIN STOCK
   --------------------------------------------------------- */

.b616j-stock-shell,
.b616j-coffin-config,
.b616j-order-coffin{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
}

.b616j-stock-row{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
}

.b616j-stock-row:hover{
  background:var(--e26l3-surface-soft)!important;
}

.b616j-mobile-field,
.b616j-coffin-selected{
  background:var(--e26l3-surface-soft)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
}

/* ---------------------------------------------------------
   DOCUMENT / PRICING CATALOG CARDS
   --------------------------------------------------------- */

.document-catalog-item,
.html-document-item,
.pricing-catalog-item{
  background:var(--e26l3-surface)!important;
  color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line)!important;
  border-radius:13px!important;
}

.document-catalog-item:hover,
.html-document-item:hover,
.pricing-catalog-item:hover{
  border-color:var(--e26l3-green-line)!important;
  background:var(--e26l3-surface-soft)!important;
}

.document-catalog-filters input,
.document-catalog-filters select,
.pricing-catalog-filters input,
.pricing-catalog-filters select{
  background:#fff!important;
  color:var(--e26l3-text)!important;
  -webkit-text-fill-color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line-strong)!important;
}

/* ---------------------------------------------------------
   DISPATCH ENTRY / PREVIEW
   --------------------------------------------------------- */

.b614b-shell,
.b614b-dispatch-preview{
  color:var(--e26l3-text)!important;
}

.b614b-entry-card{
  background:var(--e26l3-surface)!important;
  border:1px solid var(--e26l3-line)!important;
  color:var(--e26l3-text)!important;
}

.b614b-entry-card:hover{
  border-color:var(--e26l3-green-line)!important;
  background:var(--e26l3-surface-soft)!important;
}

/* ---------------------------------------------------------
   COMMON INPUTS INSIDE UNIFIED MODULES
   --------------------------------------------------------- */

.b619b-settings-shell input,
.b619b-settings-shell select,
.b619b-settings-shell textarea,
.b614b-shell input,
.b614b-shell select,
.b614b-shell textarea{
  color:var(--e26l3-text)!important;
}

.b619b-settings-shell input:not([type="checkbox"]):not([type="radio"]),
.b619b-settings-shell select,
.b619b-settings-shell textarea{
  background:#fff!important;
  -webkit-text-fill-color:var(--e26l3-text)!important;
  border-color:var(--e26l3-line-strong)!important;
}

/* ---------------------------------------------------------
   STATUS / INFORMATION SURFACES
   --------------------------------------------------------- */

.b619b-settings-shell .empty,
.b619b-settings-shell .notice,
.b614b-shell .empty,
.b614b-shell .notice{
  border-radius:12px!important;
}

.b619b-settings-shell .empty,
.b614b-shell .empty{
  background:var(--e26l3-surface-muted)!important;
  color:var(--e26l3-muted)!important;
  border-color:var(--e26l3-line)!important;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:800px){
  .b619c-worker-layout,
  .b619d1-pricing-layout{
    grid-template-columns:1fr!important;
  }

  .b619c-worker-sidebar,
  .b619c-worker-editor,
  .b619d1-pricing-sidebar,
  .b619d1-pricing-editor{
    width:auto!important;
    min-width:0!important;
  }
}

/* E26L3_FULL_APP_CANONICAL_LIGHT_END */

/* ==========================================================
   E26M28F2_SINGLE_WIZARD_VISUAL_OWNER

   One visual owner for the entire New Order wizard.
   Wizard remains content of the canonical Pohrebka shell.
   Replaces E26M7 + E26M11 + E26M17.
   No data/business/runtime changes.
   ========================================================== */

.b617a-page-wizard{
  background:#f3f6f4 !important;
  color:#17231d !important;
}

.b617a-page-wizard .p21-shell-main,
.b617a-page-wizard .p21-shell-workspace{
  min-width:0 !important;
  background:#f3f6f4 !important;
  color:#17231d !important;
}

.b617a-page-wizard .p21-shell-workspace{
  padding:26px 30px 42px !important;
}

/* ----------------------------------------------------------
   PAGE TOOLBAR
   ---------------------------------------------------------- */

.b617a-page-wizard .toolbar{
  width:min(1180px,100%) !important;
  margin:0 auto 18px !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;

  background:transparent !important;
  color:#17231d !important;
  border:0 !important;
  box-shadow:none !important;
}

.b617a-page-wizard .toolbar > .secondary{
  min-height:42px !important;
  padding:0 15px !important;

  background:#ffffff !important;
  color:#29483a !important;

  border:1px solid #d3ddd7 !important;
  border-radius:10px !important;

  box-shadow:0 1px 2px rgba(18,36,27,.04) !important;
}

.b617a-page-wizard .wizard-order-badges{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.b617a-page-wizard .wizard-order-badges .badge{
  padding:7px 10px !important;

  background:#ffffff !important;
  color:#5c6962 !important;

  border:1px solid #d8e0db !important;
  border-radius:999px !important;

  font-size:12px !important;
  font-weight:700 !important;
}

.b617a-page-wizard .wizard-order-badges .badge.good{
  background:#e7f1eb !important;
  color:#28513f !important;
  border-color:#c8dacf !important;
}

/* ----------------------------------------------------------
   ONE CONTENT SURFACE
   ---------------------------------------------------------- */

.b617a-page-wizard .card.wizard-shell,
.b617a-page-wizard .wizard-shell{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  padding:0 !important;

  overflow:hidden !important;

  background:#ffffff !important;
  color:#17231d !important;

  border:1px solid #d8e0db !important;
  border-radius:18px !important;

  box-shadow:
    0 1px 2px rgba(21,43,32,.03),
    0 12px 30px rgba(21,43,32,.07) !important;
}

/* ----------------------------------------------------------
   STEP NAVIGATION
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-progress{
  margin:0 !important;
  padding:16px 20px !important;

  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:8px !important;

  background:#f8faf8 !important;

  border:0 !important;
  border-bottom:1px solid #e2e8e4 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

.b617a-page-wizard .wizard-progress button{
  min-width:0 !important;
  min-height:42px !important;
  padding:8px 7px !important;

  background:#ffffff !important;
  color:#647169 !important;

  border:1px solid #dce4df !important;
  border-radius:10px !important;

  box-shadow:none !important;

  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.b617a-page-wizard .wizard-progress button *{
  color:inherit !important;
}

.b617a-page-wizard .wizard-progress button.active{
  background:#214c3a !important;
  color:#ffffff !important;
  border-color:#214c3a !important;

  box-shadow:0 4px 12px rgba(33,76,58,.16) !important;
}

.b617a-page-wizard .wizard-progress button.done{
  background:#edf4f0 !important;
  color:#315744 !important;
  border-color:#cadbd1 !important;
}

/* ----------------------------------------------------------
   STEP BODY
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-body{
  margin:0 !important;
  padding:32px 34px 36px !important;

  background:#ffffff !important;
  color:#17231d !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

.b617a-page-wizard .wizard-body h1,
.b617a-page-wizard .wizard-body h2,
.b617a-page-wizard .wizard-body h3,
.b617a-page-wizard .wizard-body h4,
.b617a-page-wizard .wizard-body h5,
.b617a-page-wizard .wizard-body strong,
.b617a-page-wizard .wizard-body label{
  color:#17231d !important;
}

.b617a-page-wizard .wizard-body p,
.b617a-page-wizard .wizard-body small,
.b617a-page-wizard .wizard-body .muted{
  color:#69766f !important;
}

.b617a-page-wizard .wizard-body .eyebrow{
  color:#6f7c75 !important;
}

/* ----------------------------------------------------------
   FORM CONTROLS
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-body input:not([type="checkbox"]):not([type="radio"]),
.b617a-page-wizard .wizard-body select,
.b617a-page-wizard .wizard-body textarea{
  background:#ffffff !important;
  color:#17231d !important;

  border:1px solid #ccd7d0 !important;
  border-radius:10px !important;

  box-shadow:none !important;
}

.b617a-page-wizard .wizard-body input::placeholder,
.b617a-page-wizard .wizard-body textarea::placeholder{
  color:#929d97 !important;
}

.b617a-page-wizard .wizard-body input:focus,
.b617a-page-wizard .wizard-body select:focus,
.b617a-page-wizard .wizard-body textarea:focus{
  border-color:#658a78 !important;
  outline:none !important;

  box-shadow:
    0 0 0 3px rgba(65,112,89,.12) !important;
}

.b617a-page-wizard .wizard-body select option{
  background:#ffffff !important;
  color:#17231d !important;
}

/* ----------------------------------------------------------
   GENERIC CONTENT CARDS
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-body .card{
  background:#ffffff !important;
  color:#17231d !important;

  border-color:#d9e1dc !important;

  box-shadow:0 2px 8px rgba(21,43,32,.04) !important;
}

/* ----------------------------------------------------------
   KNOWN TYPE CARDS / CHOICES
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-body [data-case-type],
.b617a-page-wizard .wizard-body [data-wizard-choice],
.b617a-page-wizard .wizard-body [aria-pressed]{
  background:#ffffff !important;
  color:#17231d !important;
  border-color:#d9e1dc !important;
}

.b617a-page-wizard .wizard-body [data-case-type]:hover,
.b617a-page-wizard .wizard-body [data-wizard-choice]:hover,
.b617a-page-wizard .wizard-body [aria-pressed]:hover{
  background:#f7faf8 !important;
  border-color:#aebfb5 !important;
}

.b617a-page-wizard .wizard-body [data-case-type][aria-pressed="true"],
.b617a-page-wizard .wizard-body [data-wizard-choice][aria-pressed="true"],
.b617a-page-wizard .wizard-body [aria-checked="true"],
.b617a-page-wizard .wizard-body [aria-selected="true"]{
  background:#edf5f0 !important;
  color:#173d2e !important;
  border-color:#5f9479 !important;
}

/* ----------------------------------------------------------
   NOTICES
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-notice{
  background:#f5f8f6 !important;
  color:#33483e !important;
  border-color:#d8e2dc !important;
}

/* ----------------------------------------------------------
   ACTION BAR
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-actions{
  margin:0 !important;
  padding:18px 24px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;

  background:#fafbf9 !important;

  border:0 !important;
  border-top:1px solid #e2e8e4 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

.b617a-page-wizard .wizard-actions button{
  min-height:43px !important;
  padding-left:18px !important;
  padding-right:18px !important;

  border-radius:10px !important;

  font-weight:750 !important;
}

.b617a-page-wizard .wizard-actions .primary,
.b617a-page-wizard .wizard-actions button[data-wizard-next],
.b617a-page-wizard .wizard-actions button[data-wizard-create]{
  background:#214c3a !important;
  color:#ffffff !important;

  border:1px solid #214c3a !important;

  box-shadow:0 4px 12px rgba(33,76,58,.15) !important;
}

.b617a-page-wizard .wizard-actions .secondary{
  background:#ffffff !important;
  color:#365247 !important;

  border:1px solid #d1dbd5 !important;

  box-shadow:none !important;
}

/* ----------------------------------------------------------
   REMOVE OLD DECORATIVE CANVASES
   ---------------------------------------------------------- */

.b617a-page-wizard .wizard-shell::before,
.b617a-page-wizard .wizard-shell::after,
.b617a-page-wizard .wizard-body::before,
.b617a-page-wizard .wizard-body::after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}

/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:900px){

  .b617a-page-wizard .p21-shell-workspace{
    padding:18px 14px 30px !important;
  }

  .b617a-page-wizard .wizard-progress{
    display:flex !important;
    overflow-x:auto !important;
  }

  .b617a-page-wizard .wizard-progress button{
    flex:0 0 108px !important;
  }

  .b617a-page-wizard .wizard-body{
    padding:24px 22px 28px !important;
  }
}

@media (max-width:640px){

  .b617a-page-wizard .p21-shell-workspace{
    padding:12px 10px 24px !important;
  }

  .b617a-page-wizard .toolbar{
    flex-direction:column !important;
    align-items:flex-start !important;
    margin-bottom:12px !important;
  }

  .b617a-page-wizard .wizard-order-badges{
    justify-content:flex-start !important;
  }

  .b617a-page-wizard .wizard-shell{
    border-radius:14px !important;
  }

  .b617a-page-wizard .wizard-progress{
    padding:12px !important;
  }

  .b617a-page-wizard .wizard-body{
    padding:20px 16px 24px !important;
  }

  .b617a-page-wizard .wizard-actions{
    padding:14px !important;
  }
}

/* E26M28F2_SINGLE_WIZARD_VISUAL_OWNER_END */


/* ==========================================================
   E26M38_CANONICAL_WIZARD_PRESENTATION_OWNER
   Candidate only.

   Scope:
   canonical app wizard page only.

   No B702 selectors.
   No runtime/data/business rules.
   ========================================================== */

.b617a-page-wizard .p21-shell-main,
.b617a-page-wizard .p21-shell-workspace{
  background:#f3f5f2 !important;
}

.b617a-page-wizard .p21-shell-workspace{
  padding-top:24px !important;
  padding-bottom:40px !important;
}

.b617a-page-wizard .p21-wizard-toolbar{
  width:min(1180px,100%) !important;
  margin:0 auto 18px auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.b617a-page-wizard .p21-wizard-toolbar .secondary{
  min-height:42px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  color:#244236 !important;
  border:1px solid #dce4df !important;
  box-shadow:0 1px 2px rgba(15,35,27,.04) !important;
}

.b617a-page-wizard .wizard-order-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}

.b617a-page-wizard .p21-wizard-canonical-shell{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #dfe6e1 !important;
  border-radius:22px !important;
  background:#ffffff !important;
  color:#17231d !important;
  box-shadow:
    0 1px 2px rgba(15,35,27,.04),
    0 16px 38px rgba(15,35,27,.06) !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:0 !important;
  padding:0 22px !important;
  background:#f8faf8 !important;
  border-bottom:1px solid #e3e9e5 !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button{
  position:relative !important;
  min-width:0 !important;
  min-height:74px !important;
  padding:16px 8px 13px !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#718078 !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:center !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button:hover{
  background:#f1f5f2 !important;
  color:#29473a !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button.active{
  color:#173f30 !important;
  border-bottom-color:#2d6b50 !important;
  background:#eef5f0 !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button.done,
.b617a-page-wizard .p21-wizard-canonical-progress button.completed{
  color:#35634f !important;
}

.b617a-page-wizard .p21-wizard-canonical-body{
  padding:30px 32px 34px !important;
  background:#ffffff !important;
  color:#17231d !important;
}

.b617a-page-wizard .p21-wizard-canonical-body h1,
.b617a-page-wizard .p21-wizard-canonical-body h2,
.b617a-page-wizard .p21-wizard-canonical-body h3{
  color:#17231d !important;
}

.b617a-page-wizard .p21-wizard-canonical-body .card,
.b617a-page-wizard .p21-wizard-canonical-body .wizard-case-section{
  background:#ffffff !important;
  color:#17231d !important;
  border:1px solid #e0e7e2 !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

.b617a-page-wizard .p21-wizard-canonical-body input,
.b617a-page-wizard .p21-wizard-canonical-body select,
.b617a-page-wizard .p21-wizard-canonical-body textarea{
  background:#ffffff !important;
  color:#17231d !important;
  border:1px solid #cfd9d3 !important;
  border-radius:11px !important;
}

.b617a-page-wizard .p21-wizard-canonical-body input:focus,
.b617a-page-wizard .p21-wizard-canonical-body select:focus,
.b617a-page-wizard .p21-wizard-canonical-body textarea:focus{
  border-color:#4f8069 !important;
  box-shadow:0 0 0 3px rgba(79,128,105,.12) !important;
  outline:none !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding:18px 32px !important;
  background:#f8faf8 !important;
  border-top:1px solid #e3e9e5 !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions button{
  min-height:44px !important;
  border-radius:12px !important;
  padding:0 18px !important;
  font-weight:750 !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions .primary,
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-next],
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-create]{
  background:#285c45 !important;
  color:#ffffff !important;
  border:1px solid #285c45 !important;
  box-shadow:0 4px 12px rgba(40,92,69,.14) !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions .secondary,
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-back]{
  background:#ffffff !important;
  color:#29473a !important;
  border:1px solid #d4ddd7 !important;
  box-shadow:none !important;
}

@media (max-width:1000px){
  .b617a-page-wizard .p21-wizard-canonical-progress{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media (max-width:720px){
  .b617a-page-wizard .p21-shell-workspace{
    padding-top:12px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .b617a-page-wizard .p21-wizard-toolbar{
    margin-bottom:12px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-shell{
    border-radius:16px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-progress{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    padding:0 10px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-progress button{
    min-height:58px !important;
    padding:11px 5px 9px !important;
    font-size:11px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-body{
    padding:20px 16px 24px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-actions{
    padding:14px 16px !important;
    flex-wrap:wrap !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-actions button{
    flex:1 1 140px !important;
  }
}

/* E26M38_CANONICAL_WIZARD_PRESENTATION_OWNER_END */

/* ==========================================================
   E26M46_CANONICAL_WIZARD_VISUAL_POLISH
   Scope: canonical in-app wizard only.
   Presentation only.
   ========================================================== */

.b617a-page-wizard .p21-shell-workspace{
  padding-top:22px !important;
  padding-bottom:44px !important;
}

/* Top command row */
.b617a-page-wizard .p21-wizard-toolbar{
  width:min(1240px,100%) !important;
  margin:0 auto 16px !important;
}

.b617a-page-wizard .p21-wizard-toolbar > .secondary{
  min-height:44px !important;
  padding:0 17px !important;
  border:1px solid #d5dfd9 !important;
  border-radius:12px !important;
  background:#ffffff !important;
  color:#244438 !important;
  font-weight:750 !important;
  box-shadow:0 2px 8px rgba(19,48,35,.05) !important;
}

.b617a-page-wizard .p21-wizard-toolbar > .secondary:hover{
  background:#f7faf8 !important;
  border-color:#b9cbc1 !important;
}

/* Main wizard surface */
.b617a-page-wizard .p21-wizard-canonical-shell{
  width:min(1240px,100%) !important;
  margin:0 auto !important;
  overflow:hidden !important;

  background:#ffffff !important;
  border:1px solid #dce5df !important;
  border-radius:20px !important;

  box-shadow:
    0 2px 5px rgba(19,48,35,.035),
    0 18px 45px rgba(19,48,35,.055) !important;
}

/* Step navigation */
.b617a-page-wizard .p21-wizard-canonical-progress{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:0 !important;

  padding:0 18px !important;

  background:#f8faf8 !important;
  border-bottom:1px solid #e1e8e3 !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button{
  position:relative !important;

  min-width:0 !important;
  min-height:86px !important;
  padding:15px 6px 13px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  background:transparent !important;
  color:#65736b !important;

  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;

  box-shadow:none !important;

  font-size:12px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  text-align:center !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button > span{
  width:28px !important;
  height:28px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:999px !important;

  background:#183047 !important;
  color:#ffffff !important;

  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button.active{
  background:#eef5f0 !important;
  color:#173f30 !important;
  border-bottom-color:#2f7456 !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button.active > span{
  background:#6ea7ff !important;
  color:#16304b !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button.done{
  color:#35624e !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button.done > span{
  background:#315f49 !important;
  color:#ffffff !important;
}

.b617a-page-wizard .p21-wizard-canonical-progress button:disabled{
  opacity:1 !important;
  cursor:default !important;
}

/* Main content */
.b617a-page-wizard .p21-wizard-canonical-body{
  min-height:330px !important;
  padding:30px 40px 40px !important;

  background:#ffffff !important;
  color:#17231d !important;
}

.b617a-page-wizard .p21-wizard-canonical-body > .eyebrow{
  display:block !important;
  margin:0 0 7px !important;

  color:#68776f !important;

  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

.b617a-page-wizard .p21-wizard-canonical-body > h2{
  margin:0 0 24px !important;

  color:#17231d !important;

  font-size:27px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
}

/* Forms */
.b617a-page-wizard .p21-wizard-canonical-body label{
  color:#31453b !important;
  font-weight:700 !important;
}

.b617a-page-wizard .p21-wizard-canonical-body input:not([type="checkbox"]):not([type="radio"]),
.b617a-page-wizard .p21-wizard-canonical-body select,
.b617a-page-wizard .p21-wizard-canonical-body textarea{
  min-height:46px !important;

  background:#ffffff !important;
  color:#17231d !important;

  border:1px solid #ccd8d1 !important;
  border-radius:11px !important;

  box-shadow:
    inset 0 1px 1px rgba(16,40,29,.02) !important;
}

.b617a-page-wizard .p21-wizard-canonical-body textarea{
  min-height:110px !important;
}

.b617a-page-wizard .p21-wizard-canonical-body input:focus,
.b617a-page-wizard .p21-wizard-canonical-body select:focus,
.b617a-page-wizard .p21-wizard-canonical-body textarea:focus{
  outline:none !important;
  border-color:#5d8b75 !important;
  box-shadow:0 0 0 3px rgba(58,112,84,.11) !important;
}

/* Content cards inside steps */
.b617a-page-wizard .p21-wizard-canonical-body .card,
.b617a-page-wizard .p21-wizard-canonical-body .wizard-case-section{
  background:#f9fbf9 !important;
  color:#17231d !important;

  border:1px solid #dde6e0 !important;
  border-radius:15px !important;

  box-shadow:none !important;
}

/* Do not let legacy dark generic cards dominate canonical wizard */
.b617a-page-wizard .p21-wizard-canonical-body .card *{
  color:inherit;
}

/* Keep strong action/information panels intentional */
.b617a-page-wizard .p21-wizard-canonical-body .wizard-notice{
  border:1px solid #d7e2db !important;
  border-radius:14px !important;
  background:#f4f8f5 !important;
  color:#31493e !important;
}

/* Footer */
.b617a-page-wizard .p21-wizard-canonical-actions{
  min-height:76px !important;

  padding:15px 30px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;

  background:#f8faf8 !important;

  border-top:1px solid #e1e8e3 !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions button{
  min-height:44px !important;
  padding:0 18px !important;

  border-radius:11px !important;

  font-weight:750 !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions .primary,
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-next],
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-create]{
  background:#285d46 !important;
  color:#ffffff !important;

  border:1px solid #285d46 !important;

  box-shadow:0 4px 12px rgba(40,93,70,.14) !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions .primary:hover,
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-next]:hover,
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-create]:hover{
  background:#214f3b !important;
  border-color:#214f3b !important;
}

.b617a-page-wizard .p21-wizard-canonical-actions .secondary,
.b617a-page-wizard .p21-wizard-canonical-actions [data-wizard-back]{
  background:#ffffff !important;
  color:#365247 !important;

  border:1px solid #d4ded8 !important;

  box-shadow:none !important;
}

/* Desktop compactness */
@media (min-width:1200px){
  .b617a-page-wizard .p21-wizard-canonical-body{
    padding-left:40px !important;
    padding-right:40px !important;
  }
}

/* Tablet */
@media (max-width:1000px){
  .b617a-page-wizard .p21-wizard-canonical-progress{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-progress button{
    min-height:70px !important;
  }
}

/* Mobile */
@media (max-width:720px){
  .b617a-page-wizard .p21-shell-workspace{
    padding:12px 10px 26px !important;
  }

  .b617a-page-wizard .p21-wizard-toolbar{
    margin-bottom:12px !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .b617a-page-wizard .wizard-order-badges{
    justify-content:flex-end !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-shell{
    border-radius:15px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-progress{
    display:flex !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain !important;
    padding:0 8px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-progress button{
    flex:0 0 92px !important;
    min-height:66px !important;
    padding:10px 4px 9px !important;
    font-size:10px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-progress button > span{
    width:25px !important;
    height:25px !important;
    font-size:11px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-body{
    min-height:0 !important;
    padding:20px 15px 24px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-body > h2{
    margin-bottom:20px !important;
    font-size:24px !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-actions{
    padding:13px 14px !important;
    flex-wrap:wrap !important;
  }

  .b617a-page-wizard .p21-wizard-canonical-actions button{
    flex:1 1 140px !important;
  }
}

/* ==========================================================
   E26M46_CANONICAL_WIZARD_VISUAL_POLISH_END
   ========================================================== */