:root {
  color-scheme: dark;
  --bg:#07111f;
  --panel:#0d1b2d;
  --panel2:#13243a;
  --line:#28405f;
  --text:#f4f7fb;
  --muted:#9fb0c7;
  --accent:#64a8ff;
  --good:#62d69b;
  --warn:#ffcf66;
  --danger:#ff8585;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
button{font:inherit}
.shell{min-height:100vh;display:grid;grid-template-columns:225px 1fr}
.sidebar{border-right:1px solid var(--line);background:#081525;padding:20px 16px;display:flex;flex-direction:column;gap:18px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#5eaaff,#245dba);font-weight:800}
.brand small,.muted{color:var(--muted)}
.nav{display:grid;gap:8px}
.nav button{border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:700}
.nav button:hover,.nav button.active{background:#162b45;color:var(--text);border-color:#355576}
.safe{margin-top:auto;border:1px solid #275b52;background:#0c2728;border-radius:14px;padding:12px;font-size:13px}
.main{padding:28px;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.topbar h1{margin:0;font-size:32px}
.user{border:1px solid var(--line);background:var(--panel);padding:10px 14px;border-radius:14px}
.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:18px}
.card h2,.card h3{margin-top:0}
.metric{font-size:30px;font-weight:800;margin:8px 0}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#163852;color:#b9dcff;font-size:12px;font-weight:800}
.badge.good{background:#143b31;color:#9ff0c8}
.badge.warn{background:#453819;color:#ffe29b}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:18px 0}
.primary,.secondary{border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:800}
.primary{border:0;background:var(--accent);color:#07111f}
.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text)}
.primary:disabled{opacity:.45;cursor:not-allowed}
.orders{display:grid;gap:12px}
.order{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:15px;padding:16px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:12px}
.order:hover{border-color:var(--accent);transform:translateY(-1px)}
.order strong{font-size:18px}
.order-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:8px}
.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}
.sections{display:flex;gap:8px;flex-wrap:wrap}
.section-chip{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:13px}
.empty{border:1px dashed var(--line);border-radius:16px;padding:26px;text-align:center;color:var(--muted)}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.day{min-height:90px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:9px}
.day strong{display:block;margin-bottom:8px}
.event{font-size:12px;background:#183c5f;border-radius:8px;padding:6px;margin-top:6px}
.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.error{border-color:#723c3c;background:#2b171b;color:#ffc0c0}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  .sidebar{position:static;border-right:0;border-bottom:1px solid var(--line)}
  .nav{grid-template-columns:repeat(4,1fr)}
  .grid.cards{grid-template-columns:repeat(2,1fr)}
  .detail-grid,.settings{grid-template-columns:1fr}
}

.block-gap{margin-top:16px}
.link-button{display:inline-block;text-decoration:none}
.detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.detail-head h2{margin-bottom:8px}
.detail-badges{display:flex;gap:8px;flex-wrap:wrap}
.detail-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:start}
.section-nav{display:grid;gap:8px;position:sticky;top:20px}
.section-nav h3{margin-bottom:6px}
.section-nav button{border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer;font-weight:700}
.section-nav button:hover,.section-nav button.active{background:#18304d;border-color:#3b638e;color:var(--text)}
.section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
.section-title h2{margin:4px 0 0}
.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--accent);font-weight:800}
.field-grid{display:grid;gap:10px}
.field-row{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid rgba(40,64,95,.65)}
.field-row:last-child{border-bottom:0}
.field-label{font-weight:800;color:#c8d5e5;overflow-wrap:anywhere}
.field-value{min-width:0;overflow-wrap:anywhere}
.empty-value{color:var(--muted);font-style:italic}
.value-list{display:grid;gap:10px}
.nested-card{border:1px solid var(--line);background:#0a1727;border-radius:12px;padding:12px}
.nested-card>strong{display:block;margin-bottom:8px}
.conflict-list{display:grid;gap:10px}
.conflict-item{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #625224;background:#261f10;border-radius:13px;padding:14px}
.event{border:0;color:var(--text);cursor:pointer;width:100%;text-align:left}
.event:hover{outline:1px solid var(--accent)}
@media(max-width:900px){
  .detail-layout{grid-template-columns:1fr}
  .section-nav{position:static}
  .field-row{grid-template-columns:1fr}
  .detail-head{align-items:flex-start;flex-direction:column}
}

.form-intro{margin-bottom:18px;color:var(--muted);line-height:1.55}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-field{display:grid;gap:7px}
.form-field>span{color:#b9c8da;font-size:13px;font-weight:800}
.form-field.wide,.form-group.wide{grid-column:1/-1}
.readonly-input{min-height:46px;border:1px solid var(--line);background:#091625;border-radius:11px;padding:12px 13px;display:flex;align-items:center;overflow-wrap:anywhere}
.form-group{border:1px solid var(--line);background:#0a1727;border-radius:14px;padding:15px}
.form-group h3{margin:0 0 14px;font-size:16px}
.form-empty{margin-top:6px}
.record-list{display:grid;gap:12px}
.record-card{border:1px solid var(--line);background:#091625;border-radius:14px;padding:15px}
.record-title{color:var(--accent);font-size:13px;font-weight:800;margin-bottom:12px}
.transport-summary,.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.transport-summary article,.finance-summary article{border:1px solid var(--line);background:#0a1727;border-radius:13px;padding:14px}
.transport-summary span,.finance-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.transport-summary strong,.finance-summary strong{display:block;overflow-wrap:anywhere}
@media(max-width:900px){.form-grid,.transport-summary,.finance-summary{grid-template-columns:1fr}}

.wizard-shell{max-width:980px;margin:0 auto;padding:0;overflow:hidden}
.wizard-progress{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#0a1727}
.wizard-progress button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:14px 8px;display:grid;gap:7px;place-items:center;font-size:12px;font-weight:800}
.wizard-progress button:last-child{border-right:0}
.wizard-progress button span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#172b43}
.wizard-progress button.active{background:#162d49;color:var(--text)}
.wizard-progress button.active span{background:var(--accent);color:#07111f}
.wizard-progress button.done{color:#a8e6c8}
.wizard-progress button.done span{background:#174c3b;color:#a8e6c8}
.wizard-body{padding:28px}
.wizard-body h2{margin:6px 0 22px;font-size:28px}
.wizard-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wizard-field{display:grid;gap:8px}
.wizard-field>span{font-size:13px;font-weight:800;color:#c5d3e5}
.wizard-field input,.wizard-field select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:11px;background:#081522;color:var(--text);padding:11px 13px;font:inherit}
.wizard-field input:focus,.wizard-field select:focus{outline:2px solid var(--accent);outline-offset:1px}
.wizard-actions{display:flex;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid var(--line);background:#0a1727}
.wizard-actions button:disabled{opacity:.45;cursor:not-allowed}
.wizard-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wizard-summary article{border:1px solid var(--line);background:#091625;border-radius:12px;padding:14px}
.wizard-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.wizard-summary strong{display:block;overflow-wrap:anywhere}
.wizard-notice{margin-top:18px;border:1px solid #655424;background:#2a220f;color:#ffe3a0;border-radius:12px;padding:13px;line-height:1.5}
@media(max-width:900px){.wizard-progress{grid-template-columns:repeat(3,1fr)}.wizard-form,.wizard-summary{grid-template-columns:1fr}}

.edit-toolbar{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.edit-panel{display:grid;gap:18px}
.edit-actions{display:flex;justify-content:flex-end;gap:10px}
.edit-message{margin-top:14px;border:1px solid var(--line);background:#0b1b2c;border-radius:11px;padding:12px;color:#b9dcff}

.list-editor{display:grid;gap:14px}
.list-edit-card{border:1px solid var(--line);background:#091625;border-radius:14px;padding:15px}
.list-edit-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.danger-small{border:1px solid #7e4141;background:#321717;color:#ffb4b4;padding:7px 10px;border-radius:9px;cursor:pointer}
.danger-small:hover{background:#482020}

.operations-note{
  margin-top:12px;
  border:1px solid #365b7d;
  background:#0d2033;
  border-radius:11px;
  padding:12px;
  color:#c9e5ff;
  line-height:1.5;
}

.mobile-menu-button,
.mobile-inline-menu,
.mobile-overlay{
  display:none;
}

@media(max-width:900px){
  html,body{
    min-width:0;
    overflow-x:hidden;
  }

  body{
    padding-bottom:env(safe-area-inset-bottom);
  }

  .shell{
    display:block;
    min-height:100vh;
  }

  .sidebar{
    position:fixed;
    inset:0 auto 0 0;
    width:min(86vw,320px);
    z-index:1002;
    transform:translateX(-105%);
    transition:transform .2s ease;
    box-shadow:18px 0 40px rgba(0,0,0,.45);
    overflow-y:auto;
    padding-top:max(18px,env(safe-area-inset-top));
    padding-bottom:max(18px,env(safe-area-inset-bottom));
  }

  .mobile-menu-open .sidebar{
    transform:translateX(0);
  }

  .mobile-overlay{
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(0,0,0,.58);
  }

  .mobile-menu-open .mobile-overlay{
    display:block;
  }

  .main{
    width:100%;
    min-width:0;
    padding:14px;
    padding-top:max(14px,env(safe-area-inset-top));
  }

  .topbar{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
  }

  .mobile-title-row{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
  }

  .mobile-inline-menu{
    display:inline-grid;
    place-items:center;
    flex:0 0 auto;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#0b1b2d;
    color:var(--text);
    font-size:22px;
    cursor:pointer;
  }

  .topbar h1{
    font-size:22px;
    line-height:1.15;
    overflow-wrap:anywhere;
  }

  .topbar .user{
    display:none;
  }

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

  .toolbar>button,
  .toolbar>.primary,
  .toolbar>.secondary{
    width:100%;
  }

  .cards{
    grid-template-columns:1fr 1fr;
  }

  .card{
    border-radius:14px;
    padding:14px;
  }

  .orders{
    gap:10px;
  }

  .order{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    text-align:left;
  }

  .order-meta{
    display:grid;
    gap:4px;
  }

  .detail-layout{
    display:block;
  }

  .section-nav{
    position:static;
    display:flex;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:10px;
    margin-bottom:12px;
    -webkit-overflow-scrolling:touch;
  }

  .section-nav h3{
    display:none;
  }

  .section-nav button{
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
    min-height:44px;
  }

  .section-content{
    min-width:0;
  }

  .form-grid,
  .wizard-form,
  .wizard-summary,
  .transport-summary,
  .finance-summary{
    grid-template-columns:1fr;
  }

  .field-row{
    grid-template-columns:1fr;
  }

  .readonly-input,
  .wizard-field input,
  .wizard-field select{
    min-height:50px;
    font-size:16px;
  }

  button,
  .primary,
  .secondary{
    min-height:44px;
  }

  .wizard-progress{
    grid-template-columns:repeat(2,1fr);
  }

  .wizard-body{
    padding:18px 14px;
  }

  .wizard-actions{
    position:sticky;
    bottom:0;
    z-index:20;
    padding:12px 14px max(12px,env(safe-area-inset-bottom));
    box-shadow:0 -10px 25px rgba(0,0,0,.25);
  }

  .wizard-actions button{
    flex:1;
  }

  .edit-actions{
    position:sticky;
    bottom:0;
    z-index:20;
    background:#0a1727;
    padding:12px 0 max(12px,env(safe-area-inset-bottom));
  }

  .edit-actions button{
    flex:1;
  }

  .conflict-item{
    flex-direction:column;
    align-items:flex-start;
  }

  .calendar{
    grid-template-columns:1fr 1fr;
  }

  .settings{
    grid-template-columns:1fr;
  }

  .record-card,
  .list-edit-card{
    padding:12px;
  }
}

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

  .calendar{
    grid-template-columns:1fr;
  }

  .wizard-progress{
    grid-template-columns:1fr 1fr;
  }

  .wizard-progress button{
    min-height:64px;
  }

  .detail-head{
    gap:10px;
  }

  .detail-badges{
    width:100%;
  }
}

.auth-gate{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at top right,rgba(56,116,181,.18),transparent 36%),
    #07111d;
}
.auth-gate-card{
  width:min(100%,460px);
  display:grid;
  gap:16px;
  justify-items:center;
  text-align:center;
  border:1px solid var(--line);
  border-radius:18px;
  background:#0b1929;
  padding:30px;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}
.auth-gate-card h1{
  margin:0;
  font-size:28px;
}
.auth-gate-card p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.auth-gate-logo{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:var(--accent);
  color:#07111d;
  font-size:30px;
  font-weight:900;
}
.auth-login-link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-height:48px;
}
.auth-gate-card button{
  width:100%;
}
.auth-spinner{
  width:44px;
  height:44px;
  border:4px solid rgba(255,255,255,.15);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:auth-spin .8s linear infinite;
}
@keyframes auth-spin{
  to{transform:rotate(360deg)}
}

.wizard-order-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
[data-resume-wizard]{
  margin-left:auto;
}
@media(max-width:900px){
  .wizard-order-badges{
    width:100%;
    justify-content:flex-start;
  }
  [data-resume-wizard]{
    margin-left:0;
    width:100%;
  }
}

.live-overview-refresh{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
}

.resume-panel{
  margin:16px 0;
  padding:18px;
  border:1px solid #496f94;
  border-radius:15px;
  background:#0d2134;
  box-shadow:0 12px 35px rgba(0,0,0,.22);
}
.resume-panel-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.resume-panel-head h2{
  margin:8px 0 4px;
  font-size:21px;
}
.resume-panel-head p{
  margin:0;
  color:var(--muted);
}
.resume-panel-list{
  display:grid;
  gap:10px;
}
.resume-panel-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#091827;
}
.resume-panel-item>div{
  display:grid;
  gap:5px;
}
.resume-panel-item span{
  color:var(--muted);
}
.resume-panel-item .badge.warning{
  color:#ffd87a;
}
.badge.warning{
  background:#3a2c0d;
  border-color:#8e6b1f;
  color:#ffd87a;
}
.detail-resume-panel{
  margin-top:12px;
}
@media(max-width:900px){
  .resume-panel{
    padding:14px;
  }
  .resume-panel-item{
    flex-direction:column;
    align-items:stretch;
  }
  .resume-panel-item button{
    width:100%;
  }
}
.wizard-field-wide{grid-column:1/-1}
.wizard-field textarea{
  width:100%;min-height:130px;resize:vertical;padding:12px;
  border:1px solid var(--line);border-radius:11px;background:#081522;
  color:var(--text);font:inherit;line-height:1.5
}
.wizard-field textarea:focus{outline:2px solid rgba(94,183,255,.28);border-color:#5eb7ff}
@media(min-width:901px){.wizard-progress{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){
  .wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wizard-field textarea{font-size:16px}
}

.wizard-auto-panel{
  margin-bottom:18px;
  padding:16px;
  border:1px solid #35785d;
  border-radius:14px;
  background:linear-gradient(135deg,#0d2a22,#0b2030);
}
.wizard-auto-panel-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.wizard-auto-panel-head>div{
  display:grid;
  gap:3px;
}
.wizard-auto-panel-head span{
  color:var(--muted);
}
.wizard-auto-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1e7d59;
  color:white !important;
  font-weight:900;
}
.wizard-auto-panel ul{
  margin:14px 0 0;
  padding-left:22px;
  color:#d7e8e1;
}
.wizard-auto-panel li+li{
  margin-top:6px;
}

.wizard-reopen-group{
  margin:16px 0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#0b1928;
}
.wizard-reopen-group-head{
  margin-bottom:12px;
}
.wizard-reopen-group-head h2{
  margin:0 0 5px;
  font-size:21px;
}
.wizard-reopen-group-head p{
  margin:0;
  color:var(--muted);
}
.wizard-reopen-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:12px 0;
  padding:14px;
  border:1px solid #416d96;
  border-radius:13px;
  background:#0c2033;
}
.wizard-reopen-completed{
  border-color:#39785e;
  background:#0d261f;
}
.wizard-reopen-copy{
  display:grid;
  gap:5px;
}
.wizard-reopen-copy>span:last-child{
  color:var(--muted);
}
.wizard-reopen-list{
  margin:9px 0;
}
@media(max-width:900px){
  .wizard-reopen-panel{
    flex-direction:column;
    align-items:stretch;
  }
  .wizard-reopen-panel button{
    width:100%;
  }
}

.wizard-item-source-hidden{
  display:none !important;
}
.wizard-item-editor{
  grid-column:1/-1;
  display:grid;
  gap:14px;
}
.wizard-item-editor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.wizard-item-editor-head>div{
  display:grid;
  gap:4px;
}
.wizard-item-editor-head span{
  color:var(--muted);
  font-size:13px;
}
.wizard-item-list{
  display:grid;
  gap:10px;
}
.wizard-item-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:end;
  gap:12px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#091827;
}
.wizard-item-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:50%;
  background:#18314c;
  color:#9bc7ff;
  font-weight:800;
}
.wizard-item-card label{
  display:grid;
  gap:6px;
}
.wizard-item-card label span{
  color:var(--muted);
  font-size:13px;
}
.wizard-item-card input{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#071421;
  color:var(--text);
  font:inherit;
}
.wizard-item-card input:focus{
  outline:2px solid rgba(94,183,255,.25);
  border-color:#5eb7ff;
}
.danger-outline{
  min-height:44px;
  padding:9px 13px;
  border:1px solid #8a4747;
  border-radius:10px;
  background:#2b1114;
  color:#ffb3b3;
  font-weight:700;
  cursor:pointer;
}
.danger-outline:hover{
  background:#3a171b;
}
.wizard-item-empty{
  padding:20px;
  border:1px dashed var(--line);
  border-radius:12px;
  color:var(--muted);
  text-align:center;
}
@media(max-width:900px){
  .wizard-item-editor-head{
    align-items:stretch;
    flex-direction:column;
  }
  .wizard-item-editor-head button{
    width:100%;
  }
  .wizard-item-card{
    grid-template-columns:36px minmax(0,1fr);
  }
  .wizard-item-card .danger-outline{
    grid-column:1/-1;
    width:100%;
  }
}

.priced-services-editor{
  grid-column:1/-1;
  display:grid;
  gap:14px;
}
.priced-services-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.priced-services-head>div{
  display:grid;
  gap:4px;
}
.priced-services-head span{
  color:var(--muted);
  font-size:13px;
}
.priced-services-list{
  display:grid;
  gap:12px;
}
.priced-service-card{
  display:grid;
  grid-template-columns:40px minmax(220px,2fr) minmax(90px,.6fr) minmax(100px,.7fr) minmax(150px,1fr) minmax(95px,.6fr);
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#091827;
}
.priced-service-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:50%;
  background:#18314c;
  color:#9bc7ff;
  font-weight:800;
}
.priced-service-card label{
  display:grid;
  gap:6px;
}
.priced-service-card label>span{
  color:var(--muted);
  font-size:12px;
}
.priced-service-card input,
.priced-service-card select{
  width:100%;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#071421;
  color:var(--text);
  font:inherit;
}
.priced-service-totals{
  grid-column:2/6;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:2px;
}
.priced-service-totals span{
  display:grid;
  gap:4px;
  padding:9px;
  border-radius:9px;
  background:#0d2134;
  color:var(--muted);
  font-size:12px;
}
.priced-service-totals strong{
  color:var(--text);
  font-size:14px;
}
.priced-service-card .danger-outline{
  grid-column:6;
}
.priced-services-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:14px;
  border:1px solid #416d96;
  border-radius:13px;
  background:#0d2134;
}
.priced-services-summary>div{
  display:grid;
  gap:5px;
}
.priced-services-summary span{
  color:var(--muted);
}
.priced-services-summary strong{
  font-size:19px;
}
.priced-services-grand-total{
  color:#9fc6ff;
}
.wizard-finance-calculation{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:4px;
}
.wizard-finance-calculation>div{
  display:grid;
  gap:6px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#0a1b2c;
}
.wizard-finance-calculation span{
  color:var(--muted);
  font-size:12px;
}
.wizard-finance-calculation strong{
  font-size:17px;
}
.wizard-finance-balance{
  border-color:#39785e !important;
  background:#0d261f !important;
}
.finance-total-readonly input{
  opacity:.8;
  cursor:not-allowed;
}
@media(max-width:1100px){
  .priced-service-card{
    grid-template-columns:40px repeat(2,minmax(0,1fr));
  }
  .priced-service-name{
    grid-column:2/4;
  }
  .priced-service-totals{
    grid-column:2/4;
  }
  .priced-service-card .danger-outline{
    grid-column:2/4;
  }
  .wizard-finance-calculation{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .priced-services-head{
    flex-direction:column;
    align-items:stretch;
  }
  .priced-services-head button{
    width:100%;
  }
  .priced-service-card{
    grid-template-columns:34px minmax(0,1fr);
  }
  .priced-service-name,
  .priced-service-totals,
  .priced-service-card .danger-outline{
    grid-column:1/-1;
  }
  .priced-service-totals,
  .priced-services-summary,
  .wizard-finance-calculation{
    grid-template-columns:1fr;
  }
}

.transport-plan-editor{
  grid-column:1/-1;
  display:grid;
  gap:16px;
}
.transport-method-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.transport-method-card{
  display:grid;
  gap:5px;
  min-height:86px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#091827;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.transport-method-card span{
  color:var(--muted);
}
.transport-method-card.active{
  border-color:#6da9ef;
  background:#142c49;
  box-shadow:0 0 0 2px rgba(109,169,239,.12);
}
.transport-flat-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#091827;
}
.transport-flat-box label,
.transport-segment-card label{
  display:grid;
  gap:6px;
}
.transport-flat-box span,
.transport-segment-card label span,
.transport-segment-total span,
.transport-summary span{
  color:var(--muted);
  font-size:12px;
}
.transport-flat-box input,
.transport-segment-card input{
  width:100%;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#071421;
  color:var(--text);
  font:inherit;
}
.transport-plan-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.transport-plan-head>div{
  display:grid;
  gap:4px;
}
.transport-plan-head span{
  color:var(--muted);
  font-size:13px;
}
.transport-segments{
  display:grid;
  gap:12px;
}
.transport-segment-card{
  display:grid;
  grid-template-columns:38px repeat(2,minmax(150px,1.2fr)) repeat(4,minmax(100px,.7fr));
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#091827;
}
.transport-segment-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:50%;
  background:#18314c;
  color:#9bc7ff;
  font-weight:800;
}
.transport-segment-total{
  grid-column:2/7;
  display:grid;
  gap:5px;
  padding:10px;
  border-radius:9px;
  background:#0d2134;
}
.transport-segment-card .danger-outline{
  grid-column:7;
}
.transport-calculate-button{
  justify-self:end;
}
.transport-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:14px;
  border:1px solid #416d96;
  border-radius:13px;
  background:#0d2134;
}
.transport-summary>div{
  display:grid;
  gap:5px;
}
.transport-summary strong{
  font-size:17px;
}
.transport-summary-total{
  color:#9fc6ff;
}
@media(max-width:1100px){
  .transport-segment-card{
    grid-template-columns:38px repeat(2,minmax(0,1fr));
  }
  .transport-segment-total,
  .transport-segment-card .danger-outline{
    grid-column:2/4;
  }
  .transport-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .transport-method-cards,
  .transport-flat-box,
  .transport-summary{
    grid-template-columns:1fr;
  }
  .transport-plan-head{
    flex-direction:column;
    align-items:stretch;
  }
  .transport-plan-head button,
  .transport-calculate-button{
    width:100%;
    justify-self:stretch;
  }
  .transport-segment-card{
    grid-template-columns:34px minmax(0,1fr);
  }
  .transport-segment-card label,
  .transport-segment-total,
  .transport-segment-card .danger-outline{
    grid-column:1/-1;
  }
}

.transport-map-status{display:grid;gap:5px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0a1b2c}
.transport-map-status span,.transport-map-status small{color:var(--muted)}
.transport-map-status-loading{border-color:#416d96;background:#0d2134}
.transport-map-status-success{border-color:#39785e;background:#0d261f}
.transport-map-status-error{border-color:#8a4747;background:#2b1114}
.transport-route-meta{grid-column:2/7;display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 10px;border-radius:9px;background:#0a1b2c;color:var(--muted);font-size:12px}
.transport-calculate-button:disabled{opacity:.65;cursor:wait}
@media(max-width:1100px){.transport-route-meta{grid-column:2/4}}
@media(max-width:700px){.transport-route-meta{grid-column:1/-1;display:grid}}

.pricing-catalog-panel{
  grid-column:1/-1;
  display:grid;
  gap:14px;
  padding:15px;
  border:1px solid #416d96;
  border-radius:14px;
  background:#0b1d30;
}
.pricing-catalog-panel>span,
.pricing-catalog-head span{
  color:var(--muted);
}
.pricing-catalog-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.pricing-catalog-head>div{
  display:grid;
  gap:4px;
}
.pricing-catalog-filters{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(180px,1fr);
  gap:12px;
}
.pricing-catalog-filters label{
  display:grid;
  gap:6px;
}
.pricing-catalog-filters label>span{
  color:var(--muted);
  font-size:12px;
}
.pricing-catalog-filters input,
.pricing-catalog-filters select{
  width:100%;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#071421;
  color:var(--text);
  font:inherit;
}
.pricing-catalog-results{
  display:grid;
  gap:9px;
  max-height:440px;
  overflow:auto;
  padding-right:3px;
}
.pricing-catalog-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(135px,.28fr) auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#091827;
}
.pricing-catalog-item>div:first-child{
  display:grid;
  gap:4px;
}
.pricing-catalog-item span,
.pricing-catalog-item small{
  color:var(--muted);
}
.pricing-catalog-item small{
  font-size:11px;
}
.pricing-catalog-price{
  display:grid;
  gap:3px;
  text-align:right;
}
.pricing-catalog-price strong{
  font-size:17px;
}
.pricing-catalog-error{
  display:grid;
  gap:8px;
}
.pricing-catalog-error span{
  color:#ffb7b7;
}
.pricing-catalog-panel[data-b615c-message]::after{
  content:attr(data-b615c-message);
  color:var(--muted);
  font-size:12px;
}
@media(max-width:800px){
  .pricing-catalog-head{
    flex-direction:column;
    align-items:stretch;
  }
  .pricing-catalog-filters{
    grid-template-columns:1fr;
  }
  .pricing-catalog-item{
    grid-template-columns:1fr;
  }
  .pricing-catalog-price{
    text-align:left;
  }
  .pricing-catalog-item button{
    width:100%;
  }
}

.document-catalog-panel{
  display:grid;
  gap:14px;
  margin-bottom:16px;
  padding:15px;
  border:1px solid #416d96;
  border-radius:14px;
  background:#0b1d30;
}
.document-catalog-panel>span,
.document-catalog-head span{
  color:var(--muted);
}
.document-catalog-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.document-catalog-head>div{
  display:grid;
  gap:4px;
}
.document-catalog-filters{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(190px,1fr);
  gap:12px;
}
.document-catalog-filters label{
  display:grid;
  gap:6px;
}
.document-catalog-filters label>span{
  color:var(--muted);
  font-size:12px;
}
.document-catalog-filters input,
.document-catalog-filters select{
  width:100%;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#071421;
  color:var(--text);
  font:inherit;
}
.document-catalog-results{
  display:grid;
  gap:9px;
  max-height:430px;
  overflow:auto;
  padding-right:3px;
}
.document-catalog-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#091827;
}
.document-catalog-item.is-selected{
  border-color:#39785e;
  background:#0d261f;
}
.document-catalog-item>div:first-child{
  display:grid;
  gap:4px;
}
.document-catalog-item span,
.document-catalog-item small{
  color:var(--muted);
}
.document-catalog-item small{
  font-size:11px;
}
.document-catalog-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.button-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:9px 12px;
  border-radius:9px;
  text-decoration:none;
}
.document-catalog-error{
  display:grid;
  gap:8px;
}
.document-catalog-error span{
  color:#ffb7b7;
}
@media(max-width:800px){
  .document-catalog-head{
    flex-direction:column;
    align-items:stretch;
  }
  .document-catalog-filters{
    grid-template-columns:1fr;
  }
  .document-catalog-item{
    grid-template-columns:1fr;
  }
  .document-catalog-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:520px){
  .document-catalog-actions{
    grid-template-columns:1fr;
  }
}

.html-document-catalog-panel{
  border-color:#4f8f76;
  background:#0b211c;
}
.html-document-notice{
  display:grid;
  gap:5px;
  padding:11px 12px;
  border:1px solid #39785e;
  border-radius:10px;
  background:#0d261f;
}
.html-document-notice span{
  color:var(--muted);
}
.html-document-item small{
  line-height:1.55;
}

/* B615D-FIX4: starý statický PDF katalog se již nesmí zobrazit */
[data-b615d-catalog]{
  display:none !important;
}
[data-b615d-fix3-catalog]{
  width:100%;
  grid-column:1/-1;
}

.document-recommendation-panel{
  display:grid;
  gap:12px;
  margin-top:14px;
  padding:14px;
  border:1px solid #735fa8;
  border-radius:14px;
  background:#17142a;
}
.document-recommendation-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.document-recommendation-head>div{
  display:grid;
  gap:4px;
}
.document-recommendation-head span,
.document-recommendation-list span,
.document-recommendation-list small,
.document-recommendation-note{
  color:var(--muted);
}
.document-recommendation-list{
  display:grid;
  gap:8px;
}
.document-recommendation-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0d1626;
}
.document-recommendation-list article.is-selected{
  border-color:#39785e;
  background:#0d261f;
}
.document-recommendation-list article>div{
  display:grid;
  gap:3px;
}
.document-recommendation-list small{
  font-size:11px;
}
.document-recommendation-state{
  white-space:nowrap;
  font-weight:700;
}
.document-recommendation-note{
  padding-top:3px;
  font-size:12px;
}
@media(max-width:800px){
  .document-recommendation-head{
    flex-direction:column;
    align-items:stretch;
  }
  .document-recommendation-list article{
    grid-template-columns:1fr;
  }
  .document-recommendation-state{
    white-space:normal;
  }
}

/* B615F – skutečný náhled dokumentu */
.b615f-document-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.b615f-preview-button{
  min-width:92px;
}
.b615f-preview-button.is-loading{
  cursor:wait;
  opacity:.72;
}
.b615f-preview-button:disabled{
  cursor:wait;
}
@media(max-width:800px){
  .b615f-document-actions{
    width:100%;
  }
  .b615f-preview-button{
    width:100%;
  }
}

.b616a-finance-bridge{
  display:grid;
  gap:12px;
  margin-top:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#111827;
}
.b616a-finance-bridge.is-valid{
  border-color:#39785e;
  background:#0d261f;
}
.b616a-finance-bridge.is-invalid{
  border-color:#a14d57;
  background:#2b1418;
}
.b616a-finance-bridge-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.b616a-finance-bridge-head>div{
  display:grid;
  gap:4px;
}
.b616a-finance-bridge-head span,
.b616a-finance-bridge p{
  color:var(--muted);
}
.b616a-finance-status{
  font-weight:800;
  white-space:nowrap;
}
.b616a-finance-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.b616a-finance-grid article{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0d1626;
}
.b616a-finance-grid span{
  color:var(--muted);
  font-size:12px;
}
@media(max-width:900px){
  .b616a-finance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .b616a-finance-bridge-head{
    align-items:stretch;
    flex-direction:column;
  }
  .b616a-finance-grid{
    grid-template-columns:1fr;
  }
}

/* B616B – náhled finální objednávky */
.b616b-final-order-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-top:16px;
  padding:16px;
  border:1px solid #39785e;
  border-radius:14px;
  background:#0d261f;
}
.b616b-final-order-panel>div{
  display:grid;
  gap:4px;
}
.b616b-final-order-panel>div span,
.b616b-final-order-panel p{
  color:var(--muted);
}
.b616b-final-order-panel p{
  grid-column:1/-1;
  margin:0;
}
.b616b-final-order-panel button.is-loading{
  cursor:wait;
  opacity:.72;
}
@media(max-width:700px){
  .b616b-final-order-panel{
    grid-template-columns:1fr;
  }
  .b616b-final-order-panel button{
    width:100%;
  }
}

/* B616F – checklist vs billing */
.b616f-checklist-separation{
  display:grid;
  gap:10px;
  margin-top:12px;
  padding:14px;
  border:1px solid #3d6f90;
  border-radius:14px;
  background:#102331;
}
.b616f-checklist-separation-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.b616f-checklist-separation-head>div{
  display:grid;
  gap:4px;
}
.b616f-checklist-separation-head span,
.b616f-checklist-separation p{
  color:var(--muted);
}
.b616f-checklist-separation p{
  margin:0;
}
.b616f-checklist-badge{
  white-space:nowrap;
  font-weight:800;
}
@media(max-width:700px){
  .b616f-checklist-separation-head{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* B618A – complete wizard fields */
.b618a-operational-section{
  display:grid;
  gap:14px;
  margin-bottom:16px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.b618a-operational-head{
  display:grid;
  gap:4px;
}
.b618a-operational-head strong{
  font-size:15px;
}
.b618a-operational-head small{
  color:var(--muted);
  line-height:1.4;
}
.b618a-field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
@media(max-width:760px){
  .b618a-field-grid{
    grid-template-columns:1fr;
  }
}

/* B618B – wizard autocomplete */
.b618b-autocomplete-host{
  position:relative;
}
.b618b-suggestions{
  position:absolute;
  z-index:80;
  left:0;
  right:0;
  top:calc(100% + 4px);
  display:grid;
  max-height:280px;
  overflow:auto;
  padding:6px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#101b24;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
.b618b-suggestion{
  display:grid;
  gap:3px;
  width:100%;
  padding:9px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.b618b-suggestion:hover,
.b618b-suggestion:focus{
  background:rgba(255,255,255,.07);
}
.b618b-suggestion strong{
  font-size:13px;
  color:var(--text);
}
.b618b-suggestion small{
  color:var(--muted);
  line-height:1.35;
}

/* =========================================================
   B619B – SETTINGS FOUNDATION SHELL
   ========================================================= */

.b619b-settings-shell{
  display:grid;
  gap:18px;
}

.b619b-settings-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px;
}

.b619b-settings-intro h2{
  margin:5px 0 7px;
}

.b619b-settings-intro p{
  margin:0;
  color:var(--muted);
}

.b619b-settings-intro-side{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.b619b-settings-grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(245px,1fr));
  gap:12px;
}

.b619b-settings-card{
  appearance:none;
  width:100%;
  border:1px solid var(--border);
  background:var(--panel);
  border-radius:16px;
  padding:15px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  text-align:left;
  color:var(--text);
  cursor:pointer;
  transition:
    transform .12s ease,
    border-color .12s ease,
    background .12s ease;
}

.b619b-settings-card:hover{
  transform:translateY(-1px);
}

.b619b-settings-card.is-active{
  border-color:
    color-mix(
      in srgb,
      var(--accent) 60%,
      var(--border)
    );
  background:
    color-mix(
      in srgb,
      var(--panel) 92%,
      var(--accent)
    );
}

.b619b-settings-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  font-size:22px;
}

.b619b-settings-card-main{
  display:grid;
  gap:4px;
  min-width:0;
}

.b619b-settings-card-main strong{
  font-size:14px;
}

.b619b-settings-card-main small{
  color:var(--muted);
  line-height:1.35;
}

.b619b-settings-card-side{
  display:grid;
  justify-items:end;
  gap:4px;
}

.b619b-settings-card-side b{
  font-size:19px;
}

.b619b-settings-card-side em{
  font-style:normal;
  font-size:10px;
  font-weight:800;
  padding:4px 7px;
  border-radius:999px;
  white-space:nowrap;
}

.b619b-settings-card-side .is-live{
  background:rgba(38,166,91,.14);
  color:#74d99a;
}

.b619b-settings-card-side .is-ready{
  background:rgba(227,161,31,.14);
  color:#f0c56e;
}

.b619b-settings-detail{
  padding:22px;
}

.b619b-settings-detail h3{
  margin:4px 0 8px;
  font-size:22px;
}

.b619b-settings-detail p{
  line-height:1.55;
}

.b619b-settings-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.b619b-worker-list{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(200px,1fr));
  gap:9px;
  margin-top:18px;
}

.b619b-worker-list article{
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.b619b-worker-list span{
  color:var(--muted);
  font-size:12px;
}

.b619b-settings-note{
  margin-top:16px;
  padding:11px 13px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:12px;
}

.b619b-rule-grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin-top:18px;
}

.b619b-rule-grid article{
  display:grid;
  gap:5px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:12px;
}

.b619b-rule-grid span{
  color:var(--muted);
  font-size:12px;
}

@media (max-width:700px){
  .b619b-settings-intro,
  .b619b-settings-detail-head{
    display:grid;
  }

  .b619b-settings-intro-side{
    justify-content:flex-start;
  }

  .b619b-settings-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   B619C – WORKERS SETTINGS EDITOR
   ========================================================= */

.b619c-worker-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.b619c-worker-layout{
  display:grid;
  grid-template-columns:
    minmax(220px,300px)
    minmax(0,1fr);
  gap:18px;
  margin-top:20px;
}

.b619c-worker-sidebar{
  display:grid;
  align-content:start;
  gap:8px;
}

.b619c-worker-new-button{
  width:100%;
  border:1px dashed var(--border);
  border-radius:12px;
  background:transparent;
  color:var(--text);
  padding:12px;
  cursor:pointer;
  font-weight:800;
}

.b619c-worker-row{
  width:100%;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.02);
  color:var(--text);
  padding:12px;
  display:grid;
  gap:4px;
  text-align:left;
  cursor:pointer;
}

.b619c-worker-row.is-selected{
  border-color:
    color-mix(
      in srgb,
      var(--accent) 60%,
      var(--border)
    );
  background:
    color-mix(
      in srgb,
      var(--panel) 90%,
      var(--accent)
    );
}

.b619c-worker-row span{
  color:var(--muted);
  font-size:11px;
}

.b619c-worker-editor{
  display:grid;
  gap:16px;
}

.b619c-worker-form-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
}

.b619c-worker-form-grid label,
.b619c-notes{
  display:grid;
  gap:6px;
}

.b619c-worker-form-grid label > span,
.b619c-notes > span{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}

.b619c-worker-active{
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
}

.b619c-capabilities{
  display:grid;
  gap:12px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.b619c-capabilities p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
}

.b619c-capability-grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
}

.b619c-capability-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:10px;
}

.b619c-worker-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}

button.danger{
  background:rgba(192,57,43,.12);
  border-color:rgba(192,57,43,.35);
  color:#ef9a91;
}

@media (max-width:850px){
  .b619c-worker-layout{
    grid-template-columns:1fr;
  }

  .b619c-worker-form-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   B619D1 – CENTRAL PRICING SETTINGS EDITOR
   ========================================================= */

.b619d1-pricing-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.b619d1-pricing-layout{
  display:grid;
  grid-template-columns:
    minmax(280px,390px)
    minmax(0,1fr);
  gap:18px;
  margin-top:20px;
}

.b619d1-pricing-sidebar{
  display:grid;
  align-content:start;
  gap:8px;
}

.b619d1-pricing-list{
  display:grid;
  gap:6px;
  max-height:720px;
  overflow:auto;
  padding-right:4px;
}

.b619d1-pricing-editor{
  display:grid;
  gap:16px;
}

@media (max-width:900px){
  .b619d1-pricing-layout{
    grid-template-columns:1fr;
  }

  .b619d1-pricing-list{
    max-height:360px;
  }
}

/* B619D2 – TEMPLATE SETTINGS EDITOR */

.b619d2-template-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.b619d2-template-layout{
  display:grid;
  grid-template-columns:minmax(250px,330px) minmax(0,1fr);
  gap:18px;
  margin-top:20px;
}

.b619d2-template-sidebar,
.b619d2-template-editor{
  display:grid;
  align-content:start;
  gap:10px;
}

.b619d2-condition-box{
  display:grid;
  gap:12px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.b619d2-json-editor{
  display:grid;
  gap:7px;
}

.b619d2-json-editor > span{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}

.b619d2-json-editor textarea{
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px;
  line-height:1.45;
}

.b619d2-validation-result{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(38,166,91,.35);
  border-radius:12px;
  background:rgba(38,166,91,.08);
}

.b619d2-validation-result span{
  color:var(--muted);
  font-size:12px;
}

@media(max-width:900px){
  .b619d2-template-layout{
    grid-template-columns:1fr;
  }
}

/* B619D4 – SAFE TEMPLATE SAVE UI */

.b619d4-save-button{
  border-color:rgba(38,166,91,.38);
}

.b619d4-save-button:not(:disabled){
  background:rgba(38,166,91,.11);
}


/* B619E1 – INVOICE PATTERN SETTINGS EDITOR */

.b619e1-invoice-layout{
  display:grid;
  grid-template-columns:minmax(240px,310px) minmax(0,1fr);
  gap:18px;
  margin-top:20px;
}

.b619e1-invoice-tabs,
.b619e1-invoice-editor{
  display:grid;
  align-content:start;
  gap:10px;
}

.b619e1-invoice-editor > label{
  display:grid;
  gap:6px;
}

.b619e1-invoice-editor > label > span{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.b619e1-service-picker{
  display:grid;
  gap:11px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.b619e1-service-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.b619e1-service-head p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
}

.b619e1-service-list{
  display:grid;
  gap:6px;
  max-height:520px;
  overflow:auto;
}

.b619e1-service-row{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:10px;
}

.b619e1-service-row > span{
  display:grid;
  gap:3px;
}

.b619e1-service-row small{
  color:var(--muted);
}

@media(max-width:900px){
  .b619e1-invoice-layout{
    grid-template-columns:1fr;
  }
}

/* B619E2 – CANONICAL COMPANY SETTINGS */

.b619e2-settings-section{
  display:grid;
  gap:12px;
  margin-top:16px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.b619e2-settings-section > strong{
  font-size:14px;
}

/* B619F1 – USERS + ROLES SETTINGS EDITOR */
.b619f1-actions{display:flex;gap:8px;flex-wrap:wrap}
.b619f1-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:18px;margin-top:18px}
.b619f1-list,.b619f1-editor{display:grid;align-content:start;gap:10px}
.b619f1-list{max-height:760px;overflow:auto}
.b619f1-box{display:grid;gap:12px;margin-top:16px;padding:15px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}
.b619f1-cap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.b619f1-cap-row{display:flex;gap:8px;align-items:flex-start;padding:8px 9px;border:1px solid var(--border);border-radius:10px}
.b619f1-cap-row>span{display:grid;gap:2px}
.b619f1-cap-row small{color:var(--muted);overflow-wrap:anywhere}
.b619f1-role-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
@media(max-width:1000px){.b619f1-layout{grid-template-columns:1fr}.b619f1-cap-list{grid-template-columns:1fr}}

/* B619F2B – DOCUMENT TEMPLATES SETTINGS EDITOR */

.b619f2b-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.b619f2b-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

.b619f2b-summary>div{
  display:grid;
  gap:3px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.b619f2b-summary span{
  color:var(--muted);
  font-size:.82rem;
}

.b619f2b-root-grid,
.b619f2b-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.b619f2b-wide{
  grid-column:1/-1;
}

.b619f2b-layout{
  display:grid;
  grid-template-columns:minmax(270px,340px) minmax(0,1fr);
  gap:18px;
  margin-top:18px;
}

.b619f2b-list,
.b619f2b-editor{
  display:grid;
  align-content:start;
  gap:10px;
}

.b619f2b-doc-list{
  display:grid;
  gap:7px;
  max-height:760px;
  overflow:auto;
}

.b619f2b-editor{
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}

.b619f2b-editor-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.b619f2b-editor-head h4{
  margin:4px 0 0;
}

.b619f2b-form-grid textarea{
  width:100%;
  resize:vertical;
}

.b619f2b-form-grid small{
  color:var(--muted);
}

@media(max-width:1000px){
  .b619f2b-layout{
    grid-template-columns:1fr;
  }

  .b619f2b-summary,
  .b619f2b-root-grid,
  .b619f2b-form-grid{
    grid-template-columns:1fr;
  }

  .b619f2b-wide{
    grid-column:auto;
  }
}


/* =========================================================
   B619D7_TEMPLATE_RESOLVER_PREVIEW_UI
   ========================================================= */

.b619d7-card{
  margin-top:18px;
}

.b619d7-output{
  margin-top:14px;
}

.b619d7-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

.b619d7-summary > div{
  border:1px solid var(--border,#d9dee7);
  border-radius:12px;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.b619d7-summary span,
.b619d7-row small,
.b619d7-token small,
.b619d7-candidates small{
  display:block;
  opacity:.7;
  font-size:.82rem;
}

.b619d7-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:18px;
}

.b619d7-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  border:1px solid var(--border,#d9dee7);
  border-radius:10px;
  padding:10px 12px;
}

.b619d7-unresolved{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.b619d7-token{
  border:1px solid var(--border,#d9dee7);
  border-radius:10px;
  padding:12px;
}

.b619d7-needs{
  margin-top:6px;
  font-size:.9rem;
}

.b619d7-candidates{
  margin-top:8px;
  display:grid;
  gap:6px;
}

.b619d7-candidates > div{
  border-top:1px solid var(--border,#d9dee7);
  padding-top:6px;
}

.b619d7-ok{
  border:1px solid var(--border,#d9dee7);
  border-radius:10px;
  padding:12px;
  font-weight:600;
}

.b619d7-error{
  border:1px solid var(--border,#d9dee7);
  border-radius:10px;
  padding:12px;
  font-weight:600;
}

.b619d7-guard{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid var(--border,#d9dee7);
  opacity:.72;
  font-size:.82rem;
}

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

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

/* =========================================================
   B619D7_FIX2_DIRECT_TEMPLATE_EDITOR_PREVIEW_RENDER
   ========================================================= */

.b619d7-direct-card{
  margin-top:16px;
}

.b619d7-direct-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.b619d7-direct-header h3{
  margin-top:0;
}

.b619d7-direct-header p{
  margin-bottom:0;
  opacity:.76;
}

@media (max-width:760px){
  .b619d7-direct-header{
    flex-direction:column;
  }
}

/* B610M_REAL_APP21_PHASE_EDITOR */
.b610m-phase-editor{
  margin:18px 0;
  padding:18px;
  border:1px solid #355576;
  border-radius:18px;
  background:linear-gradient(145deg,#10233a,#0b1a2c);
}
.b610m-head,.b610m-route-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.b610m-head h3{margin:4px 0 5px;font-size:22px}
.b610m-head p,.b610m-route-head p{margin:0;color:var(--muted)}
.b610m-phase-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.b610m-phase-tab{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 10px;
  align-items:center;
  text-align:left;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#0a1727;
  color:var(--text);
  cursor:pointer;
}
.b610m-phase-tab>span{
  grid-row:1/3;
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:#172b43;font-weight:900
}
.b610m-phase-tab small{color:var(--muted)}
.b610m-phase-tab.is-active{
  border-color:#5eaaff;
  background:#142d4a;
}
.b610m-phase-tab.is-active>span{background:#5eaaff;color:#07111f}
.b610m-editor-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:14px;
}
.b610m-box{
  border:1px solid var(--line);
  background:#091625;
  border-radius:15px;
  padding:15px;
}
.b610m-box h4{margin:0 0 12px}
.b610m-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.b610m-fields label,.b610m-service-picker label,.b610m-service-row label{
  display:grid;gap:6px
}
.b610m-fields label>span,.b610m-service-picker label>span,.b610m-service-row label>span{
  font-size:12px;font-weight:800;color:#b9c8da
}
.b610m-fields input,.b610m-fields select,
.b610m-service-picker input,.b610m-service-row input,.b610m-service-row select{
  width:100%;box-sizing:border-box;
}
.b610m-service-list{display:grid;gap:8px;margin-bottom:14px}
.b610m-service-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 100px 160px auto;
  gap:8px;align-items:end;
  padding:10px;border:1px solid var(--line);
  border-radius:12px;background:#0d1b2d;
}
.b610m-service-title{display:grid;gap:3px}
.b610m-service-title small{color:var(--muted)}
.b610m-service-candidates{
  display:grid;grid-template-columns:1fr 1fr;
  gap:7px;margin-top:8px
}
.b610m-candidate{
  display:grid;gap:3px;text-align:left;
  padding:9px 10px;border-radius:10px;
  border:1px solid var(--line);
  background:#10243a;color:var(--text);cursor:pointer
}
.b610m-candidate small{color:var(--muted)}
.b610m-empty{
  padding:12px;border:1px dashed var(--line);
  border-radius:12px;color:var(--muted);margin-bottom:12px
}
.b610m-route{margin-top:14px}
.b610m-route details{margin-top:12px}
.b610m-route summary{cursor:pointer;color:#b9dcff;font-weight:800}
.b610m-json-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px
}
.b610m-json-grid pre{
  margin:0;max-height:310px;overflow:auto;
  padding:12px;border:1px solid var(--line);
  border-radius:12px;background:#06111e;color:#dcecff;
  font-size:11px;white-space:pre-wrap;word-break:break-word
}
.b610m-resolver-output{margin-top:14px}
.b610m-resolver-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px
}
.b610m-resolver-summary article{
  padding:10px;border:1px solid var(--line);
  border-radius:12px;background:#10243a;display:grid;gap:4px
}
.b610m-resolver-summary span{font-size:12px;color:var(--muted)}
.b610m-resolved-list{display:grid;gap:6px;margin-top:10px}
.b610m-resolved-list>div{
  display:grid;grid-template-columns:1fr auto auto;gap:12px;
  padding:9px 10px;border:1px solid var(--line);
  border-radius:10px;background:#0d1b2d
}
.b610m-safe{
  margin-top:10px;padding:10px 12px;border-radius:10px;
  background:#143b31;color:#9ff0c8;font-weight:800;font-size:12px
}
.b610m-legacy{
  margin-top:16px;padding:12px;border:1px dashed var(--line);
  border-radius:12px
}
.b610m-legacy summary{cursor:pointer;color:var(--muted);font-weight:800}
@media(max-width:1000px){
  .b610m-phase-tabs{grid-template-columns:1fr 1fr}
  .b610m-editor-grid,.b610m-json-grid{grid-template-columns:1fr}
  .b610m-resolver-summary{grid-template-columns:1fr 1fr}
  .b610m-service-row{grid-template-columns:1fr 90px}
  .b610m-service-candidates{grid-template-columns:1fr}
}
@media(max-width:650px){
  .b610m-phase-tabs,.b610m-fields,.b610m-resolver-summary{grid-template-columns:1fr}
}

/* B610N_UX_POLISH */

/* Prevent the editor from widening the whole application viewport. */
.b610m-phase-editor,
.b610m-phase-editor *{
  box-sizing:border-box;
}
.b610m-phase-editor{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.b610m-box,
.b610m-service-picker,
.b610m-service-list,
.b610m-route{
  min-width:0;
}

/* More readable step navigation without page-level horizontal overflow. */
.b610m-phase-tabs{
  grid-template-columns:repeat(4,minmax(145px,1fr));
  overflow-x:auto;
  padding-bottom:3px;
}
.b610m-phase-tab{
  min-width:145px;
}

/* Route strip: quick visual understanding of the whole order path. */
.b610n-route-strip{
  display:flex;
  align-items:stretch;
  gap:8px;
  width:100%;
  min-width:0;
  margin:0 0 16px;
  overflow-x:auto;
  padding:4px 2px 8px;
}
.b610n-route-stop{
  flex:1 1 0;
  min-width:185px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#0a1727;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.b610n-route-stop.is-active{
  border-color:#5eaaff;
  box-shadow:0 0 0 1px rgba(94,170,255,.18) inset;
  background:#142d4a;
}
.b610n-route-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#172b43;
  font-size:18px;
}
.b610n-route-text{
  min-width:0;
  display:grid;
  gap:2px;
}
.b610n-route-text small{
  color:#9fb3c9;
  font-size:10px;
  font-weight:800;
}
.b610n-route-text strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.b610n-route-text em{
  color:#7f9ab6;
  font-size:10px;
  font-style:normal;
}
.b610n-route-arrow{
  flex:0 0 auto;
  align-self:center;
  color:#6f8eae;
  font-size:20px;
  font-weight:900;
}

/* Give the place configuration enough physical width. */
.b610m-editor-grid{
  grid-template-columns:minmax(310px,.82fr) minmax(0,1.6fr);
  align-items:start;
}
.b610m-fields{
  grid-template-columns:1fr 1fr;
}
.b610m-fields input,
.b610m-fields select{
  min-width:0;
}
.b610m-fields label:nth-child(2),
.b610m-fields label:nth-child(4){
  grid-column:span 1;
}

/* Service cards need to wrap instead of forcing the page wider. */
.b610m-service-candidates{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.b610m-candidate{
  min-width:0;
  overflow:hidden;
}
.b610n-candidate-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.b610n-candidate-top strong{
  min-width:0;
  overflow-wrap:anywhere;
}
.b610n-candidate-top b{
  flex:0 0 auto;
  color:#a9dcff;
  font-size:12px;
  white-space:nowrap;
}
.b610n-candidate-meta,
.b610n-selected-meta{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:var(--muted);
  font-size:10px;
}
.b610n-candidate-meta em,
.b610n-selected-meta em{
  font-style:normal;
  padding:2px 6px;
  border-radius:999px;
  background:#17304b;
  color:#b7d6f5;
}
.b610n-candidate-meta small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.b610n-selected-meta b{
  color:#a9dcff;
}

/* Human-readable route summary above developer JSON. */
.b610n-human-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:14px;
  margin-bottom:12px;
}
.b610n-summary-phase{
  min-width:0;
  padding:11px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#0d1b2d;
}
.b610n-summary-phase header{
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.b610n-summary-phase header>span{
  flex:0 0 auto;
  font-size:17px;
}
.b610n-summary-phase header>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.b610n-summary-phase header small{
  color:var(--muted);
  font-size:10px;
}
.b610n-summary-phase header strong{
  overflow-wrap:anywhere;
  font-size:12px;
}
.b610n-summary-meta{
  display:grid;
  gap:3px;
  margin-top:8px;
  color:#9fb3c9;
  font-size:10px;
}
.b610n-summary-services{
  display:grid;
  gap:4px;
  margin-top:9px;
  font-size:10px;
}
.b610n-summary-services>span{
  overflow-wrap:anywhere;
}
.b610n-summary-services small{
  color:var(--muted);
}

/* Selected service rows remain usable at narrower content widths. */
.b610m-service-row{
  grid-template-columns:minmax(220px,1fr) 90px 150px auto;
  min-width:0;
}
.b610m-service-title{
  min-width:0;
}
.b610m-service-title strong,
.b610m-service-title small{
  overflow-wrap:anywhere;
}

/* Avoid horizontal overflow from technical JSON. */
.b610m-json-grid,
.b610m-json-grid pre{
  min-width:0;
  max-width:100%;
}

@media(max-width:1250px){
  .b610m-editor-grid{
    grid-template-columns:minmax(285px,.9fr) minmax(0,1.4fr);
  }
  .b610n-human-summary{
    grid-template-columns:1fr 1fr;
  }
  .b610m-service-row{
    grid-template-columns:minmax(190px,1fr) 85px;
  }
  .b610m-service-row label:nth-of-type(2),
  .b610m-service-row button{
    grid-column:auto;
  }
}

@media(max-width:950px){
  .b610m-editor-grid{
    grid-template-columns:1fr;
  }
  .b610m-fields{
    grid-template-columns:1fr 1fr;
  }
  .b610m-service-candidates{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .b610m-phase-tabs{
    grid-template-columns:repeat(4,minmax(135px,1fr));
  }
  .b610m-fields,
  .b610n-human-summary{
    grid-template-columns:1fr;
  }
  .b610m-service-row{
    grid-template-columns:1fr;
  }
}

/* B611A_PRODUCT_EDITOR */

.b611a-place-fields{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}
.b611a-place-fields label,
.b611a-facility-fallback label,
.b611a-tech-place label{
  display:grid;
  gap:6px;
}
.b611a-place-fields label>span,
.b611a-facility-fallback label>span,
.b611a-tech-place label>span{
  color:#b9c8da;
  font-size:12px;
  font-weight:800;
}
.b611a-place-fields input,
.b611a-place-fields select,
.b611a-facility-fallback input,
.b611a-tech-place input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.b611a-tech-place{
  margin-top:12px;
  padding-top:9px;
  border-top:1px dashed var(--line);
}
.b611a-tech-place summary{
  cursor:pointer;
  color:#7f9ab6;
  font-size:11px;
  font-weight:800;
}
.b611a-tech-place label{
  margin-top:9px;
}
.b611a-facility-fallback p{
  margin:6px 0 0;
  font-size:10px;
}

.b611a-service-groups{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 10px;
}
.b611a-service-groups button{
  border:1px solid var(--line);
  border-radius:999px;
  padding:6px 10px;
  background:#0d1b2d;
  color:#a9bad0;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.b611a-service-groups button:hover{
  border-color:#4d7399;
  color:#e5f2ff;
}
.b611a-service-groups button.is-active{
  background:#1c4169;
  border-color:#5eaaff;
  color:#fff;
}

.b611a-place-box{
  position:sticky;
  top:10px;
}

@media(max-width:950px){
  .b611a-place-box{
    position:static;
  }
}

/* B611B_DND_EDITOR */

.b611b-selected-panel{
  display:grid;
  gap:10px;
  margin-bottom:12px;
}
.b611b-selected-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:end;
}
.b611b-selected-head>div{
  display:grid;
  gap:2px;
}
.b611b-selected-head small{
  color:#7f9ab6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}
.b611b-selected-head strong{
  font-size:14px;
}
.b611b-selected-head>b{
  color:#a9dcff;
  font-size:13px;
}

.b611b-drop-zone{
  min-height:82px;
  padding:9px;
  border:1px dashed #34516f;
  border-radius:13px;
  background:#081421;
  transition:.15s ease;
}
.b611b-drop-zone.is-drag-over,
.b610n-route-stop.is-drag-over,
.b610m-phase-tab.is-drag-over{
  border-color:#6cb4ff !important;
  background:#173b60 !important;
  box-shadow:0 0 0 2px rgba(108,180,255,.15) inset;
}

.b611b-empty-drop{
  min-height:62px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  color:#7f9ab6;
  text-align:center;
}
.b611b-empty-drop strong{
  color:#b7d6f5;
  font-size:12px;
}
.b611b-empty-drop span{
  font-size:10px;
}

.b611b-selected-service{
  display:grid;
  grid-template-columns:24px minmax(180px,1fr) 80px 145px 34px;
  gap:8px;
  align-items:end;
  padding:9px;
  margin-bottom:7px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#0d1b2d;
}
.b611b-selected-service:last-child{
  margin-bottom:0;
}
.b611b-selected-service[draggable="true"]{
  cursor:grab;
}
.b611b-selected-service:active{
  cursor:grabbing;
}
.b611b-drag-handle{
  align-self:center;
  color:#6f8eae;
  font-size:18px;
  font-weight:900;
  user-select:none;
}
.b611b-selected-main{
  min-width:0;
  display:grid;
  gap:4px;
}
.b611b-selected-main strong{
  overflow-wrap:anywhere;
}
.b611b-selected-main>span{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
}
.b611b-selected-main em{
  padding:2px 6px;
  border-radius:999px;
  background:#17304b;
  color:#b7d6f5;
  font-size:10px;
  font-style:normal;
}
.b611b-selected-main b{
  color:#a9dcff;
  font-size:10px;
}
.b611b-selected-service label{
  display:grid;
  gap:4px;
}
.b611b-selected-service label>span{
  color:#8fa6bf;
  font-size:9px;
  font-weight:800;
}
.b611b-selected-service input,
.b611b-selected-service select{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.b611b-remove{
  width:32px;
  height:32px;
  border:1px solid #66404a;
  border-radius:9px;
  background:#2a1820;
  color:#ffb8c3;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}

.b611b-phase-badge{
  margin-left:auto;
  flex:0 0 auto;
  display:grid;
  justify-items:end;
  gap:0;
  line-height:1.05;
}
.b611b-phase-badge b{
  font-size:12px;
}
.b611b-phase-badge small{
  color:#7f9ab6;
  font-size:9px;
}
.b611b-phase-badge em{
  margin-top:3px;
  color:#a9dcff;
  font-size:9px;
  font-style:normal;
  white-space:nowrap;
}

.b610m-candidate[draggable="true"]{
  cursor:grab;
}
.b610m-candidate[draggable="true"]:active{
  cursor:grabbing;
}
body.b611b-dragging .b610n-route-stop,
body.b611b-dragging .b610m-phase-tab,
body.b611b-dragging .b611b-drop-zone{
  outline:1px dashed rgba(108,180,255,.32);
}

@media(max-width:1200px){
  .b611b-selected-service{
    grid-template-columns:24px minmax(160px,1fr) 76px 130px;
  }
  .b611b-remove{
    grid-column:4;
    justify-self:end;
  }
}

@media(max-width:800px){
  .b611b-selected-service{
    grid-template-columns:24px 1fr;
  }
  .b611b-selected-service label,
  .b611b-remove{
    grid-column:2;
  }
}

/* B611C_SMART_SERVICES */

.b611c-service-card{
  grid-template-columns:24px minmax(210px,1fr) 145px 150px minmax(150px,.7fr) 34px;
}
.b611c-line-price{
  min-height:13px;
  color:#9fd6ff;
  font-size:10px;
  font-weight:800;
}
.b611c-qty{
  display:grid;
  gap:4px;
}
.b611c-qty>span{
  color:#8fa6bf;
  font-size:9px;
  font-weight:800;
}
.b611c-qty>div{
  display:grid;
  grid-template-columns:30px minmax(44px,1fr) 30px;
  gap:4px;
}
.b611c-qty button{
  min-width:0;
  padding:0;
  border:1px solid #385776;
  border-radius:8px;
  background:#142a43;
  color:#d9ecff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
}
.b611c-qty input{
  text-align:center;
}
.b611c-note{
  min-width:0;
}
.b611c-note input{
  width:100%;
  min-width:0;
}
.b611c-add-hint{
  margin-top:5px;
  color:#82c7ff;
  font-size:10px;
  font-weight:900;
}
.b610m-candidate:hover .b611c-add-hint{
  color:#c7e7ff;
}

@media(max-width:1350px){
  .b611c-service-card{
    grid-template-columns:24px minmax(190px,1fr) 135px 140px 34px;
  }
  .b611c-note{
    grid-column:2 / span 3;
  }
  .b611c-service-card .b611b-remove{
    grid-column:5;
  }
}

@media(max-width:900px){
  .b611c-service-card{
    grid-template-columns:24px 1fr;
  }
  .b611c-qty,
  .b611c-service-card label,
  .b611c-service-card .b611b-remove{
    grid-column:2;
  }
}

/* B611D_PRODUCT_WORKSPACE */

.b611d-workspace{
  display:grid;
  grid-template-columns:280px minmax(620px,1fr) 310px;
  gap:14px;
  align-items:start;
  width:100%;
  min-width:0;
}
.b611d-workspace>*{
  min-width:0;
}
.b611d-workspace .b611a-place-box{
  position:sticky;
  top:10px;
}

.b611d-services{
  min-width:0;
  border:1px solid var(--line);
  border-radius:15px;
  background:#091625;
  padding:14px;
}
.b611d-services-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:end;
  margin-bottom:12px;
}
.b611d-services-head h4{
  margin:0 0 3px;
}
.b611d-services-head small{
  color:#7f9ab6;
  font-size:10px;
  font-weight:900;
}
.b611d-services-head>div:last-child{
  text-align:right;
  display:grid;
  gap:2px;
}
.b611d-services-head>div:last-child span{
  color:#8fa6bf;
  font-size:10px;
}
.b611d-services-head>div:last-child strong{
  color:#8ce0a9;
  font-size:14px;
}

.b611d-drop-zone{
  min-height:96px;
  border:1px dashed #34516f;
  border-radius:13px;
  padding:9px;
  background:#081421;
}
.b611d-drop-zone.is-drag-over{
  border-color:#6cb4ff;
  background:#173b60;
}

.b611d-service-row{
  display:grid;
  grid-template-columns:
    24px
    minmax(170px,1.35fr)
    120px
    150px
    minmax(145px,.9fr)
    105px
    105px
    32px;
  gap:8px;
  align-items:end;
  padding:9px;
  margin-bottom:8px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#0d1b2d;
}
.b611d-service-row:last-child{
  margin-bottom:0;
}
.b611d-handle{
  align-self:center;
  color:#6f8eae;
  font-size:18px;
  font-weight:900;
  cursor:grab;
}
.b611d-service-name{
  min-width:0;
  display:grid;
  gap:4px;
}
.b611d-service-name strong{
  overflow-wrap:anywhere;
}
.b611d-service-name em{
  display:inline-block;
  padding:2px 6px;
  border-radius:999px;
  background:#17304b;
  color:#b7d6f5;
  font-size:9px;
  font-style:normal;
}
.b611d-service-row small{
  display:block;
  color:#8fa6bf;
  font-size:9px;
  font-weight:800;
  margin-bottom:4px;
}
.b611d-qty>span{
  display:grid;
  grid-template-columns:28px 1fr 28px;
  gap:4px;
}
.b611d-qty button{
  border:1px solid #385776;
  border-radius:8px;
  background:#142a43;
  color:#d9ecff;
  font-weight:900;
  cursor:pointer;
}
.b611d-qty input,
.b611d-behavior select,
.b611d-note input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.b611d-qty input{
  text-align:center;
}
.b611d-unit-price,
.b611d-line-price{
  align-self:center;
  white-space:nowrap;
}
.b611d-unit-price strong{
  color:#d8e7f8;
  font-size:11px;
}
.b611d-line-price strong{
  color:#8ce0a9;
  font-size:11px;
}
.b611d-remove{
  width:30px;
  height:30px;
  border:1px solid #66404a;
  border-radius:9px;
  background:#2a1820;
  color:#ffb8c3;
  font-size:17px;
  font-weight:900;
  cursor:pointer;
}

.b611d-empty{
  min-height:78px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  color:#7f9ab6;
  text-align:center;
}
.b611d-empty strong{
  color:#b7d6f5;
}

.b611d-catalog{
  position:sticky;
  top:10px;
  min-width:0;
  max-height:calc(100vh - 32px);
  overflow:auto;
  border:1px solid var(--line);
  border-radius:15px;
  background:#091625;
  padding:12px;
}
.b611d-catalog-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.b611d-catalog-head>div{
  display:grid;
  gap:2px;
}
.b611d-catalog-head small{
  color:#7f9ab6;
  font-size:9px;
  font-weight:900;
}
.b611d-catalog-head strong{
  font-size:13px;
}
.b611d-catalog-head>span{
  min-width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#17304b;
  color:#b7d6f5;
  font-size:10px;
  font-weight:900;
}
.b611d-catalog-search input{
  width:100%;
  box-sizing:border-box;
  margin-bottom:10px;
}
.b611d-catalog-groups{
  display:grid;
  gap:7px;
}
.b611d-catalog-groups details{
  border:1px solid var(--line);
  border-radius:11px;
  background:#0d1b2d;
  overflow:hidden;
}
.b611d-catalog-groups summary{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  cursor:pointer;
  font-size:11px;
  font-weight:900;
}
.b611d-catalog-groups summary b{
  color:#7f9ab6;
  font-size:10px;
}
.b611d-catalog-items{
  display:grid;
  gap:1px;
  border-top:1px solid var(--line);
}
.b611d-catalog-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  padding:8px 9px;
  background:#0b1828;
  cursor:grab;
}
.b611d-catalog-item:hover{
  background:#11243a;
}
.b611d-catalog-item>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.b611d-catalog-item strong{
  overflow-wrap:anywhere;
  font-size:11px;
}
.b611d-catalog-item small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#6f8eae;
  font-size:8px;
}
.b611d-catalog-item>span{
  display:flex;
  align-items:center;
  gap:6px;
}
.b611d-catalog-item>span>b{
  color:#a9dcff;
  font-size:9px;
  white-space:nowrap;
}
.b611d-catalog-item button{
  width:28px;
  height:28px;
  border:1px solid #3b7557;
  border-radius:8px;
  background:#17492e;
  color:#baf5cf;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:1450px){
  .b611d-workspace{
    grid-template-columns:270px minmax(580px,1fr);
  }
  .b611d-catalog{
    grid-column:1 / -1;
    position:static;
    max-height:none;
  }
  .b611d-catalog-groups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1100px){
  .b611d-workspace{
    grid-template-columns:1fr;
  }
  .b611d-workspace .b611a-place-box{
    position:static;
  }
  .b611d-service-row{
    grid-template-columns:24px minmax(180px,1fr) 115px 145px;
  }
  .b611d-note{
    grid-column:2 / span 2;
  }
  .b611d-unit-price,
  .b611d-line-price{
    grid-column:auto;
  }
  .b611d-remove{
    grid-column:4;
    justify-self:end;
  }
}

@media(max-width:720px){
  .b611d-service-row{
    grid-template-columns:24px 1fr;
  }
  .b611d-service-row>*:not(.b611d-handle){
    grid-column:2;
  }
  .b611d-catalog-groups{
    grid-template-columns:1fr;
  }
}

/* B611D_FIX1_FULLWIDTH */

/*
 * The promoted legacy detail item spans the old two-column template grid.
 * The new phase editor then owns its own product layout.
 */
.b611d-fix1-fullwidth-item{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.b611d-fix1-parent-grid{
  align-items:start !important;
}
.b611d-fix1-editor{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

/* Actual layout from the approved mock: compact place panel, flexible
   service editor, stable catalog rail. */
.b611d-fix1-editor .b611d-workspace{
  grid-template-columns:
    minmax(250px,280px)
    minmax(520px,1fr)
    minmax(290px,320px) !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.b611d-fix1-editor .b611d-services{
  width:100%;
  min-width:0;
}
.b611d-fix1-editor .b611d-catalog{
  width:100%;
  min-width:0;
}

/* Keep price columns visible instead of sacrificing them first. */
.b611d-fix1-editor .b611d-service-row{
  grid-template-columns:
    22px
    minmax(150px,1fr)
    112px
    138px
    minmax(120px,.75fr)
    96px
    96px
    30px !important;
  gap:7px !important;
}
.b611d-fix1-editor .b611d-unit-price,
.b611d-fix1-editor .b611d-line-price{
  display:grid !important;
  min-width:86px;
}
.b611d-fix1-editor .b611d-unit-price strong,
.b611d-fix1-editor .b611d-line-price strong{
  white-space:nowrap;
}

/* The workspace itself may scroll internally at genuinely small widths,
   never the whole application page. */
.b611d-fix1-editor .b611d-workspace{
  overflow:visible;
}
.b611d-fix1-editor .b611d-services{
  overflow:hidden;
}

/* On ordinary 1366–1600 px desktop widths keep catalog beside services,
   but reduce the side columns slightly. */
@media(min-width:1180px) and (max-width:1500px){
  .b611d-fix1-editor .b611d-workspace{
    grid-template-columns:
      minmax(225px,250px)
      minmax(480px,1fr)
      minmax(260px,285px) !important;
  }
  .b611d-fix1-editor .b611d-service-row{
    grid-template-columns:
      20px
      minmax(135px,1fr)
      104px
      128px
      minmax(105px,.65fr)
      88px
      88px
      28px !important;
  }
}

/* Only stack the catalog when there truly is not enough viewport space. */
@media(max-width:1179px){
  .b611d-fix1-editor .b611d-workspace{
    grid-template-columns:
      minmax(230px,270px)
      minmax(0,1fr) !important;
  }
  .b611d-fix1-editor .b611d-catalog{
    grid-column:1 / -1;
    position:static;
    max-height:none;
  }
}

@media(max-width:850px){
  .b611d-fix1-editor .b611d-workspace{
    grid-template-columns:1fr !important;
  }
  .b611d-fix1-editor .b611a-place-box{
    position:static;
  }
}

/* B611E_FINAL_UX */

/* Top phase cards: show services and amount without clutter. */
.b611e-phase-status{
  display:flex;
  gap:4px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:2px;
  color:#8fa6bf;
  font-size:10px;
}
.b611e-phase-status b{
  color:#dcecff;
  font-size:10px;
}
.b611e-phase-status small{
  color:#8fa6bf;
}
.b611e-phase-status em{
  margin-left:auto;
  color:#9fd6ff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}

/* Compact service rows: keep all important controls on one line. */
.b611d-fix1-editor .b611d-service-row{
  min-height:52px;
  padding:7px 8px !important;
  margin-bottom:6px !important;
  border-radius:10px !important;
}
.b611d-fix1-editor .b611d-service-name{
  gap:2px !important;
}
.b611d-fix1-editor .b611d-service-name strong{
  font-size:12px !important;
  line-height:1.15 !important;
}
.b611d-fix1-editor .b611d-service-name em{
  padding:1px 5px !important;
  font-size:8px !important;
}
.b611d-fix1-editor .b611d-service-row small{
  margin-bottom:2px !important;
  font-size:8px !important;
}
.b611d-fix1-editor .b611d-qty input,
.b611d-fix1-editor .b611d-behavior select,
.b611d-fix1-editor .b611d-note input{
  height:28px !important;
  padding-top:3px !important;
  padding-bottom:3px !important;
}
.b611d-fix1-editor .b611d-qty button{
  height:28px !important;
}
.b611d-fix1-editor .b611d-remove{
  width:28px !important;
  height:28px !important;
}

/* Catalog becomes denser and more scannable. */
.b611d-catalog{
  padding:10px !important;
}
.b611d-catalog-groups{
  gap:5px !important;
}
.b611d-catalog-groups details{
  border-radius:9px !important;
}
.b611d-catalog-groups summary{
  padding:7px 8px !important;
  font-size:10px !important;
}
.b611d-catalog-groups summary>span{
  display:flex;
  align-items:center;
  gap:6px;
}
.b611d-catalog-groups summary i{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#142a43;
  font-style:normal;
  font-size:11px;
}
.b611d-catalog-item{
  padding:6px 7px !important;
}
.b611d-catalog-item strong{
  font-size:10px !important;
  line-height:1.15 !important;
}
.b611d-catalog-item small{
  font-size:8px !important;
  color:#8ca4be !important;
}
.b611d-catalog-item button{
  width:26px !important;
  height:26px !important;
  font-size:16px !important;
}

/* Remove visual duplication from the old tiny badge in route strip. */
.b611d-fix1-editor .b611b-phase-badge{
  display:none !important;
}

/* Cleaner lower route preview. */
.b611e-timeline{
  display:flex;
  align-items:stretch;
  gap:8px;
  margin:12px 0 4px;
  overflow-x:auto;
}
.b611e-timeline-step{
  flex:1 1 0;
  min-width:180px;
  display:grid;
  gap:10px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0d1b2d;
}
.b611e-timeline-step header{
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.b611e-timeline-step header>span{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#17304b;
}
.b611e-timeline-step header>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.b611e-timeline-step header small{
  color:#7f9ab6;
  font-size:9px;
}
.b611e-timeline-step header strong{
  font-size:11px;
  overflow-wrap:anywhere;
}
.b611e-timeline-step footer{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:end;
}
.b611e-timeline-step footer span{
  color:#8fa6bf;
  font-size:9px;
}
.b611e-timeline-step footer b{
  color:#9fd6ff;
  font-size:10px;
  white-space:nowrap;
}
.b611e-timeline-arrow{
  align-self:center;
  color:#6f8eae;
  font-size:18px;
  font-weight:900;
}

/* Keep catalog visible but never allow it to steal service workspace width. */
@media(min-width:1501px){
  .b611d-fix1-editor .b611d-workspace{
    grid-template-columns:
      260px
      minmax(650px,1fr)
      300px !important;
  }
}

@media(min-width:1180px) and (max-width:1500px){
  .b611d-fix1-editor .b611d-workspace{
    grid-template-columns:
      235px
      minmax(540px,1fr)
      270px !important;
  }
}

@media(max-width:900px){
  .b611e-timeline{
    display:grid;
    grid-template-columns:1fr;
  }
  .b611e-timeline-arrow{
    transform:rotate(90deg);
    justify-self:center;
  }
}

/* B611F_PRODUCT_CLEANUP */

.b611f-hidden-technical,
.b611f-hidden-legacy-control,
.b611f-hidden-legacy-section{
  display:none !important;
}

/* Cleaner product header. */
.b611f-product-mode .eyebrow{
  color:#74b9ff;
  letter-spacing:.08em;
}
.b611f-product-mode .badge.good{
  background:#174a34;
  color:#aaf2ca;
  border:1px solid #28634b;
}

/* Final proportions: services are primary, catalog is useful but secondary. */
@media(min-width:1501px){
  .b611f-product-mode .b611d-workspace{
    grid-template-columns:
      250px
      minmax(700px,1fr)
      300px !important;
  }
}

@media(min-width:1180px) and (max-width:1500px){
  .b611f-product-mode .b611d-workspace{
    grid-template-columns:
      225px
      minmax(570px,1fr)
      275px !important;
  }
}

/* More breathing room only where it helps scanability. */
.b611f-product-mode .b611d-services{
  padding:13px !important;
}
.b611f-product-mode .b611d-catalog{
  padding:10px !important;
}
.b611f-product-mode .b611d-services-head{
  margin-bottom:10px !important;
}

/* Give phase prices stronger visual priority. */
.b611f-product-mode .b611e-phase-status em{
  color:#9fe5b6 !important;
  font-weight:900 !important;
}
.b611f-product-mode .b611d-line-price strong{
  color:#9fe5b6 !important;
  font-size:12px !important;
}
.b611f-product-mode .b611d-unit-price strong{
  color:#d7e8f8 !important;
}

/* Catalog rows: product label first, technical category tiny. */
.b611f-product-mode .b611d-catalog-item small{
  opacity:.72;
}

/* Bottom timeline: clear business overview, no developer look. */
.b611f-product-mode .b611e-timeline-step{
  background:#0c1a2b;
}
.b611f-product-mode .b611e-timeline-step footer b{
  color:#9fe5b6;
}

/* Remove unnecessary dotted/technical visual language from product mode. */
.b611f-product-mode .b611d-drop-zone{
  border-style:solid;
  border-color:#2b4865;
}
.b611f-product-mode .b611d-empty{
  border:1px dashed #365878;
  border-radius:10px;
}

/* At smaller desktop widths, keep three columns as long as reasonably possible. */
@media(min-width:1080px) and (max-width:1179px){
  .b611f-product-mode .b611d-workspace{
    grid-template-columns:
      215px
      minmax(500px,1fr)
      250px !important;
  }
  .b611f-product-mode .b611d-catalog{
    grid-column:auto !important;
    position:sticky !important;
    max-height:calc(100vh - 32px) !important;
  }
}

/* B611G_PRODUCT_HEADER */

.b611g-hide-legacy-field,
.b611g-hide-legacy-conditions{
  display:none !important;
}

.b611g-product-header{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(420px,1.5fr) auto;
  gap:18px;
  align-items:end;
  padding:16px 18px;
  margin:0 0 14px;
  border:1px solid #355576;
  border-radius:15px;
  background:linear-gradient(145deg,#10233a,#0b1a2c);
}
.b611g-header-title{
  display:grid;
  gap:3px;
}
.b611g-header-title>span{
  color:#74b9ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.b611g-header-title h3{
  margin:0;
  font-size:18px;
}
.b611g-header-title p{
  margin:0;
  color:#8fa6bf;
  font-size:11px;
}

.b611g-name{
  display:grid;
  gap:6px;
}
.b611g-name>span{
  color:#b9c8da;
  font-size:11px;
  font-weight:800;
}
.b611g-name input{
  width:100%;
  min-width:0;
  height:36px;
  box-sizing:border-box;
  font-size:13px;
}

.b611g-active{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 10px;
  border:1px solid #2b4865;
  border-radius:10px;
  background:#0c1a2b;
  color:#d8e7f8;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

/* Make services the main working area. */
@media(min-width:1501px){
  .b611f-product-mode .b611d-workspace{
    grid-template-columns:
      215px
      minmax(720px,1fr)
      380px !important;
  }
}

@media(min-width:1180px) and (max-width:1500px){
  .b611f-product-mode .b611d-workspace{
    grid-template-columns:
      205px
      minmax(560px,1fr)
      345px !important;
  }
}

/* Larger, easier service catalog. */
.b611f-product-mode .b611d-catalog{
  min-width:0;
  padding:13px !important;
}
.b611f-product-mode .b611d-catalog-head strong{
  font-size:15px !important;
}
.b611f-product-mode .b611d-catalog-head small{
  font-size:10px !important;
}
.b611f-product-mode .b611d-catalog-search input{
  height:38px !important;
  padding:7px 10px !important;
  font-size:12px !important;
}
.b611f-product-mode .b611d-catalog-groups{
  gap:8px !important;
}
.b611f-product-mode .b611d-catalog-groups summary{
  min-height:40px;
  padding:9px 10px !important;
  font-size:12px !important;
}
.b611f-product-mode .b611d-catalog-groups summary i{
  width:26px !important;
  height:26px !important;
  font-size:14px !important;
}
.b611f-product-mode .b611d-catalog-item{
  min-height:48px;
  padding:9px 10px !important;
  gap:10px !important;
}
.b611f-product-mode .b611d-catalog-item strong{
  font-size:12px !important;
  line-height:1.25 !important;
}
.b611f-product-mode .b611d-catalog-item small{
  margin-top:2px;
  font-size:9px !important;
}
.b611f-product-mode .b611d-catalog-item>span>b{
  font-size:10px !important;
}
.b611f-product-mode .b611d-catalog-item button{
  width:auto !important;
  min-width:68px;
  height:32px !important;
  padding:0 9px !important;
  font-size:0 !important;
}
.b611f-product-mode .b611d-catalog-item button::after{
  content:"+ Přidat";
  font-size:11px;
  font-weight:900;
}

/* Slightly narrower phase settings; remove visual bulk. */
.b611f-product-mode .b611a-place-box{
  padding:12px !important;
}
.b611f-product-mode .b611a-place-box h4{
  font-size:14px !important;
}
.b611f-product-mode .b611a-place-fields{
  gap:9px !important;
}
.b611f-product-mode .b611a-place-fields label>span{
  font-size:10px !important;
}
.b611f-product-mode .b611a-place-fields input,
.b611f-product-mode .b611a-place-fields select{
  height:32px !important;
  font-size:11px !important;
}

/* Give selected-service workspace more obvious separation. */
.b611f-product-mode .b611d-services{
  padding:15px !important;
}
.b611f-product-mode .b611d-services-head h4{
  font-size:16px !important;
}
.b611f-product-mode .b611d-drop-zone{
  min-height:120px;
}

/* Responsive product header. */
@media(max-width:1100px){
  .b611g-product-header{
    grid-template-columns:1fr;
  }
  .b611g-active{
    justify-self:start;
  }
}

@media(max-width:1179px){
  .b611f-product-mode .b611d-workspace{
    grid-template-columns:1fr !important;
  }
  .b611f-product-mode .b611d-catalog{
    position:static !important;
    max-height:none !important;
  }
}

/* B611G_FIX1_CATALOG */

.b611g-fix1-hide-conditions-shell{
  display:none !important;
}

/*
 * Final desktop proportions:
 * compact phase settings | main selected services | genuinely useful catalog
 */
@media(min-width:1501px){
  .b611g-fix1-large-catalog .b611d-workspace{
    grid-template-columns:
      205px
      minmax(600px,1fr)
      430px !important;
  }
}

@media(min-width:1280px) and (max-width:1500px){
  .b611g-fix1-large-catalog .b611d-workspace{
    grid-template-columns:
      195px
      minmax(500px,1fr)
      400px !important;
  }
}

@media(min-width:1120px) and (max-width:1279px){
  .b611g-fix1-large-catalog .b611d-workspace{
    grid-template-columns:
      190px
      minmax(430px,1fr)
      360px !important;
  }
}

/* Catalog becomes a real selection panel, not a narrow rail. */
.b611g-fix1-large-catalog .b611d-catalog{
  padding:14px !important;
  border-color:#355576 !important;
  background:#0a1828 !important;
}
.b611g-fix1-large-catalog .b611d-catalog-head{
  margin-bottom:12px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-head strong{
  font-size:16px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-search input{
  height:42px !important;
  font-size:13px !important;
  border-radius:9px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-groups{
  gap:9px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-groups details{
  border-radius:11px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-groups summary{
  min-height:44px !important;
  padding:9px 11px !important;
  font-size:12px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-items{
  gap:4px !important;
  padding:5px !important;
  background:#081421;
}
.b611g-fix1-large-catalog .b611d-catalog-item{
  min-height:58px !important;
  padding:10px 11px !important;
  border:1px solid #263f59;
  border-radius:9px;
  background:#0e2034 !important;
}
.b611g-fix1-large-catalog .b611d-catalog-item:hover{
  border-color:#4b78a2;
  background:#142c47 !important;
}
.b611g-fix1-large-catalog .b611d-catalog-item strong{
  font-size:13px !important;
  line-height:1.25 !important;
}
.b611g-fix1-large-catalog .b611d-catalog-item small{
  font-size:9px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-item>span{
  gap:8px !important;
}
.b611g-fix1-large-catalog .b611d-catalog-item>span>b{
  font-size:11px !important;
  color:#a9dcff !important;
}
.b611g-fix1-large-catalog .b611d-catalog-item button{
  min-width:76px !important;
  height:34px !important;
  border-radius:9px !important;
}

/* Main service area should still have enough space for prices and controls. */
.b611g-fix1-large-catalog .b611d-services{
  min-width:0;
}
.b611g-fix1-large-catalog .b611d-service-row{
  grid-template-columns:
    20px
    minmax(135px,1fr)
    102px
    125px
    minmax(95px,.65fr)
    88px
    88px
    28px !important;
  gap:6px !important;
}

/* Keep small-screen fallback sensible. */
@media(max-width:1119px){
  .b611g-fix1-large-catalog .b611d-workspace{
    grid-template-columns:1fr !important;
  }
  .b611g-fix1-large-catalog .b611d-catalog{
    position:static !important;
    max-height:none !important;
  }
}

/* B611H_FACILITY_BINDING */

.b611h-facility-picker{
  display:grid;
  gap:8px;
}
.b611h-facility-picker>label,
.b611h-manual-place>label,
.b611h-manual-toggle label{
  display:grid;
  gap:5px;
}
.b611h-facility-picker label>span,
.b611h-manual-place label>span,
.b611h-manual-toggle label>span{
  color:#b9c8da;
  font-size:10px;
  font-weight:800;
}
.b611h-facility-picker select,
.b611h-manual-place input,
.b611h-manual-toggle input{
  width:100%;
  min-width:0;
  height:34px;
  box-sizing:border-box;
  font-size:11px;
}

.b611h-selected-place{
  display:grid;
  gap:3px;
  padding:8px 9px;
  border:1px solid #294965;
  border-radius:9px;
  background:#0e2034;
}
.b611h-selected-place strong{
  font-size:11px;
}
.b611h-selected-place span{
  color:#91abc4;
  font-size:9px;
}

.b611h-manual-toggle{
  margin-top:2px;
}
.b611h-manual-toggle summary{
  cursor:pointer;
  color:#7f9ab6;
  font-size:9px;
  font-weight:800;
}
.b611h-manual-toggle label{
  margin-top:7px;
}

.b611h-manual-note{
  margin-top:5px;
  color:#7f9ab6;
  font-size:9px;
  line-height:1.35;
}

/* Remove the old helper paragraph visually if any legacy fallback remains. */
.b611f-product-mode .b611a-facility-fallback p{
  display:none !important;
}

/* The phase settings column gets slightly more room now that it has a real picker. */
@media(min-width:1501px){
  .b611g-fix1-large-catalog .b611d-workspace{
    grid-template-columns:
      230px
      minmax(590px,1fr)
      420px !important;
  }
}

@media(min-width:1280px) and (max-width:1500px){
  .b611g-fix1-large-catalog .b611d-workspace{
    grid-template-columns:
      220px
      minmax(480px,1fr)
      390px !important;
  }
}

/* B611I_REMOTE_FACILITY_SEARCH */

.b611i-facility-search{
  display:grid;
  gap:8px;
  min-width:0;
}
.b611i-facility-search>label{
  display:grid;
  gap:5px;
}
.b611i-facility-search>label>span{
  color:#b9c8da;
  font-size:10px;
  font-weight:800;
}
.b611i-search-input-wrap{
  position:relative;
}
.b611i-search-input-wrap input{
  width:100%;
  height:36px;
  padding-right:34px;
  box-sizing:border-box;
  font-size:11px;
}
.b611i-spinner{
  position:absolute;
  top:50%;
  right:10px;
  width:14px;
  height:14px;
  margin-top:-7px;
  border:2px solid #31506d;
  border-top-color:#7fc0ff;
  border-radius:50%;
  animation:b611i-spin .7s linear infinite;
}
@keyframes b611i-spin{
  to{transform:rotate(360deg)}
}

.b611i-results{
  display:grid;
  gap:5px;
  max-height:330px;
  overflow:auto;
  padding:5px;
  border:1px solid #355576;
  border-radius:10px;
  background:#081421;
}
.b611i-results>button{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  width:100%;
  padding:8px 9px;
  text-align:left;
  border:1px solid #263f59;
  border-radius:8px;
  background:#0e2034;
  color:#dcecff;
  cursor:pointer;
}
.b611i-results>button:hover{
  border-color:#5b91c0;
  background:#15304c;
}
.b611i-results>button>span{
  min-width:0;
  display:grid;
  gap:2px;
}
.b611i-results strong{
  font-size:11px;
  overflow-wrap:anywhere;
}
.b611i-results small{
  color:#91abc4;
  font-size:9px;
  overflow-wrap:anywhere;
}
.b611i-results em{
  color:#7ea4c7;
  font-size:8px;
  font-style:normal;
}
.b611i-results>button>b{
  color:#9fd6ff;
  font-size:9px;
  white-space:nowrap;
}

.b611i-current{
  display:grid;
  gap:3px;
  padding:9px;
  border:1px solid #2f6548;
  border-radius:9px;
  background:#0d291c;
}
.b611i-current>span{
  color:#81be97;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.b611i-current strong{
  font-size:11px;
}
.b611i-current small{
  color:#a1c5ad;
  font-size:9px;
}
.b611i-current button{
  justify-self:start;
  margin-top:3px;
  padding:4px 7px;
  border:1px solid #3d6f51;
  border-radius:7px;
  background:#123723;
  color:#baf5cf;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.b611i-empty{
  padding:8px;
  border:1px dashed #365878;
  border-radius:8px;
  color:#8fa6bf;
  font-size:9px;
}
.b611i-error{
  padding:8px;
  border:1px solid #6d3b48;
  border-radius:8px;
  background:#2b151c;
  color:#ffc0ca;
  font-size:9px;
}

/* B611I_FIX1_STABLE_AUTOCOMPLETE */

.b611i-fix1 [data-b611i-live-results]:empty{
  display:none;
}
.b611i-fix1 [data-b611i-live-results]{
  position:relative;
  z-index:40;
}
.b611i-fix1 .b611i-results{
  max-height:360px;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.b611i-fix1 .b611i-results>button{
  min-height:50px;
}
.b611i-fix1 .b611i-results strong{
  font-size:11px;
}
.b611i-fix1 .b611i-results small{
  margin-top:2px;
}

/* B611J_FACILITY_RELEVANCE */

.b611j-meta{
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap;
}
.b611j-meta em{
  color:#7ea4c7;
  font-size:8px;
  font-style:normal;
}
.b611j-meta i{
  display:inline-block;
  padding:2px 5px;
  border-radius:999px;
  background:#173b2a;
  color:#9fe5b6;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}

/* B612B_SAFE_PHASE_PERSISTENCE */

.b611f-product-mode .b610m-head .badge.good{
  white-space:nowrap;
}

.b612b-save-ready{
  color:#9fe5b6;
}

/* B612C_WORKFLOW_UX */

.b612c-price-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.b612c-phase-price{
  display:grid;
  gap:2px;
  padding:9px 10px;
  border:1px solid #294763;
  border-radius:10px;
  background:#0b1a2b;
}
.b612c-phase-price span{
  color:#d9e8f7;
  font-size:10px;
  font-weight:900;
}
.b612c-phase-price small{
  color:#7894af;
  font-size:8px;
}
.b612c-phase-price strong{
  color:#9fe5b6;
  font-size:13px;
}
.b612c-phase-price-total{
  border-color:#35664c;
  background:#0d251a;
}
.b612c-phase-price-total strong{
  font-size:15px;
}

.b612c-inline-phase-total{
  display:inline-flex;
  align-items:center;
  margin-left:auto;
  padding:2px 6px;
  border-radius:999px;
  background:#123622;
  color:#9fe5b6;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}

.b612c-row-price{
  display:grid;
  justify-items:end;
  gap:1px;
  min-width:72px;
  margin-left:auto;
  padding-left:6px;
}
.b612c-row-price small{
  color:#7894af !important;
  font-size:7px !important;
}
.b612c-row-price b{
  color:#c6d8e8;
  font-size:9px;
}
.b612c-row-price strong{
  color:#9fe5b6;
  font-size:11px;
}

.b612c-service-added{
  animation:b612c-added-flash .7s ease;
}
@keyframes b612c-added-flash{
  0%{
    box-shadow:0 0 0 0 rgba(74,222,128,.0);
  }
  25%{
    box-shadow:0 0 0 3px rgba(74,222,128,.45);
  }
  100%{
    box-shadow:0 0 0 0 rgba(74,222,128,.0);
  }
}

.b612c-savebar{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:330px;
  padding:10px 12px;
  border:1px solid #365a78;
  border-radius:14px;
  background:rgba(8,21,34,.96);
  box-shadow:0 12px 34px rgba(0,0,0,.36);
  backdrop-filter:blur(10px);
}
.b612c-savebar-info{
  min-width:0;
  display:grid;
  gap:3px;
  flex:1;
}
.b612c-save-state{
  color:#9fe5b6;
  font-size:9px;
  font-weight:900;
}
.b612c-save-state.is-dirty{
  color:#ffd18a;
}
.b612c-save-total{
  display:flex;
  align-items:baseline;
  gap:6px;
  color:#8fa6bf;
  font-size:9px;
}
.b612c-save-total strong{
  color:#f1f7fd;
  font-size:14px;
}
.b612c-save-actions{
  display:flex;
  gap:7px;
}
.b612c-save-primary{
  min-height:38px;
  padding:0 15px;
  border:1px solid #397050;
  border-radius:10px;
  background:#1f5a38;
  color:#eafff1;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.b612c-save-primary:hover{
  background:#287248;
}
.b612c-save-primary:disabled{
  opacity:.65;
  cursor:wait;
}

/* Catalog must keep its own scroll context. */
.b611d-catalog{
  overscroll-behavior:contain;
  scroll-behavior:auto !important;
}

/* Make the search in the service catalog more prominent. */
.b611d-catalog-search input,
.b611d-catalog input[placeholder*="Hledat"]{
  min-height:44px !important;
  font-size:13px !important;
  border-radius:10px !important;
}

@media(max-width:1100px){
  .b612c-price-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .b612c-savebar{
    right:12px;
    bottom:12px;
    left:12px;
    min-width:0;
  }
}

@media(max-width:650px){
  .b612c-price-strip{
    grid-template-columns:1fr;
  }
}

/* B612D_FINAL_EDITOR */

/* Old B612C top strip is intentionally retired.
   Phase tabs now carry the phase price; sticky save carries grand total. */
.b612c-price-strip,
[data-b612c-price-strip]{
  display:none !important;
}

/* Remove duplicate injected badges from B612C. */
.b612c-inline-phase-total{
  display:none !important;
}

/* One clean status per phase tab. */
.b612d-phase-status{
  display:grid !important;
  grid-template-columns:auto auto;
  grid-template-areas:
    "count unit"
    "price price";
  align-items:center;
  justify-content:start;
  gap:0 4px;
  min-width:74px;
  margin-left:auto;
  padding:5px 8px;
  border-radius:9px;
  background:#102a1d;
  border:1px solid #254b36;
}
.b612d-phase-status>b{
  grid-area:count;
  color:#e7fff0;
  font-size:11px;
}
.b612d-phase-status>small{
  grid-area:unit;
  color:#7fae91;
  font-size:7px;
}
.b612d-phase-status>em{
  grid-area:price;
  margin-top:1px;
  color:#9fe5b6;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}

/* Selected service already has native unit/line price columns.
   Do not inject a second set. */
.b612c-row-price{
  display:none !important;
}

/* Make native price columns easier to scan. */
.b611d-unit-price,
.b611d-line-price{
  min-width:86px !important;
}
.b611d-unit-price small,
.b611d-line-price small{
  color:#7894af !important;
}
.b611d-unit-price strong{
  color:#dce9f4 !important;
}
.b611d-line-price strong{
  color:#9fe5b6 !important;
  font-size:12px !important;
}

/* Phase total header becomes the single total for active phase. */
.b611d-services-head>div:last-child{
  min-width:105px;
  text-align:right;
}
.b611d-services-head>div:last-child strong{
  color:#9fe5b6 !important;
  font-size:15px !important;
}

/* Catalog remains its own stable scroll container. */
.b611d-catalog{
  overflow-anchor:none !important;
  overscroll-behavior:contain;
}

/* Avoid browser scroll anchoring when selected-service rows change. */
.b611d-services,
.b611d-drop-zone,
.b611d-service-row{
  overflow-anchor:none;
}

/* Slightly calmer service row after final polish. */
.b611d-service-row{
  align-items:center;
  min-height:68px;
}

/* Sticky save stays compact and visibly product-level. */
.b612c-savebar{
  border-color:#315f46 !important;
}
.b612c-save-total{
  white-space:nowrap;
}
.b612c-save-primary{
  min-width:112px;
}

/* On narrower screens do not let prices squeeze controls too hard. */
@media(max-width:1350px){
  .b611d-unit-price,
  .b611d-line-price{
    min-width:72px !important;
  }
}

/* B613B_WIZARD_PHASE_TEMPLATE_PREVIEW */

.b613b-template-preview{
  display:grid;
  gap:14px;
  margin-top:18px;
  padding:16px;
  border:1px solid #31577a;
  border-radius:16px;
  background:#0a1929;
}
.b613b-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.b613b-head h3{
  margin:3px 0 3px;
  font-size:17px;
}
.b613b-head p{
  margin:0;
  color:#89a3bd;
  font-size:11px;
}
.b613b-readonly{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid #3f6688;
  border-radius:999px;
  color:#9ec7eb;
  font-size:8px;
  font-weight:900;
}
.b613b-selector{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.b613b-template-option{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  text-align:left;
  border:1px solid #294966;
  border-radius:10px;
  background:#0d2033;
  color:#dceaf7;
  cursor:pointer;
}
.b613b-template-option:hover,
.b613b-template-option.is-active{
  border-color:#6195c2;
  background:#15304a;
}
.b613b-template-option>span{
  min-width:0;
  display:grid;
  gap:2px;
}
.b613b-template-option strong{
  font-size:11px;
}
.b613b-template-option small{
  color:#839db6;
  font-size:8px;
}
.b613b-template-option em{
  flex:0 0 auto;
  color:#91abc4;
  font-size:8px;
  font-style:normal;
}
.b613b-template-option em.is-recommended{
  padding:3px 6px;
  border-radius:999px;
  background:#123823;
  color:#9fe5b6;
  font-weight:900;
}
.b613b-selected-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding-top:4px;
}
.b613b-selected-head>div:first-child{
  display:grid;
  gap:2px;
}
.b613b-selected-head strong{
  font-size:13px;
}
.b613b-selected-head span{
  color:#8da8c2;
  font-size:9px;
}
.b613b-selected-count{
  display:flex !important;
  gap:5px !important;
  align-items:baseline;
}
.b613b-selected-count strong{
  color:#9fe5b6;
  font-size:18px;
}
.b613b-phases{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.b613b-phase{
  min-width:0;
  display:grid;
  align-content:start;
  gap:7px;
  padding:10px;
  border:1px solid #26445f;
  border-radius:11px;
  background:#0d1e30;
}
.b613b-phase-top{
  display:flex;
  justify-content:space-between;
  gap:6px;
  align-items:center;
}
.b613b-phase-top span{
  color:#cfe2f3;
  font-size:10px;
  font-weight:900;
}
.b613b-phase-top b{
  color:#8cb0cf;
  font-size:8px;
}
.b613b-phase>strong{
  overflow-wrap:anywhere;
  color:#f0f6fc;
  font-size:10px;
}
.b613b-phase>small{
  overflow-wrap:anywhere;
  color:#7997b1;
  font-size:8px;
}
.b613b-services{
  display:grid;
  gap:3px;
}
.b613b-services>span{
  padding:4px 5px;
  border-radius:6px;
  background:#12283e;
  color:#aec5d9;
  font-size:8px;
  overflow-wrap:anywhere;
}
.b613b-services em{
  color:#718ba3;
  font-size:8px;
  font-style:normal;
}
.b613b-services small{
  color:#89a7c2;
  font-size:8px;
}
.b613b-contract{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding-top:2px;
}
.b613b-contract span{
  padding:4px 6px;
  border-radius:999px;
  background:#10291c;
  color:#91d7aa;
  font-size:8px;
  font-weight:800;
}
.b613b-loading,
.b613b-empty,
.b613b-error{
  display:grid;
  gap:5px;
  padding:12px;
  border:1px dashed #385a78;
  border-radius:10px;
  color:#9cb4ca;
  font-size:10px;
}
.b613b-error{
  border-style:solid;
  border-color:#744253;
  color:#ffc0ca;
}
.b613b-error button{
  justify-self:start;
  margin-top:3px;
}

@media(max-width:1200px){
  .b613b-phases{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .b613b-selector,
  .b613b-phases{
    grid-template-columns:1fr;
  }
}

/* B613C_WIZARD_INTERNAL_PHASE_BRIDGE */

[data-b613c-bridge]{
  display:block;
  margin-top:2px;
}

.b613c-bridge-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px;
  border:1px solid #345b7c;
  border-radius:11px;
  background:#0c2033;
}
.b613c-bridge-actions>div{
  display:grid;
  gap:3px;
}
.b613c-bridge-actions strong{
  font-size:11px;
}
.b613c-bridge-actions span{
  color:#8da8c2;
  font-size:9px;
}
.b613c-bridge-actions button{
  flex:0 0 auto;
}

.b613c-bridge-box{
  display:grid;
  gap:5px;
  padding:12px;
  border-radius:10px;
  border:1px solid #365b78;
  background:#0d2032;
}
.b613c-bridge-box strong{
  font-size:11px;
}
.b613c-bridge-box span{
  color:#8ea8bf;
  font-size:9px;
}
.b613c-bridge-box.is-loading{
  border-color:#4f7497;
}
.b613c-bridge-box.is-error{
  border-color:#804657;
  background:#28141b;
}
.b613c-bridge-box.is-error span{
  color:#f1aebb;
}
.b613c-bridge-box button{
  justify-self:start;
  margin-top:4px;
}

.b613c-bridge-success{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #336548;
  border-radius:12px;
  background:#0b2017;
}
.b613c-bridge-success-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.b613c-bridge-success-head>div:first-child{
  display:grid;
  gap:3px;
}
.b613c-bridge-success-head strong{
  font-size:12px;
}
.b613c-bridge-success-head small{
  color:#83a990;
  font-size:8px;
}

.b613c-bridge-stats{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.b613c-bridge-stats span{
  display:grid;
  justify-items:center;
  padding:5px 7px;
  border-radius:8px;
  background:#102c1e;
  color:#8fb99d;
  font-size:7px;
}
.b613c-bridge-stats b{
  color:#c9f7d8;
  font-size:12px;
}

.b613c-resolver-totals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.b613c-resolver-totals article{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 10px;
  border:1px solid #294d39;
  border-radius:9px;
  background:#0d271a;
}
.b613c-resolver-totals span{
  color:#82a78f;
  font-size:8px;
}
.b613c-resolver-totals strong{
  color:#a8e7bd;
  font-size:12px;
}

.b613c-resolved{
  border:1px solid #294d39;
  border-radius:9px;
  background:#0c1e16;
}
.b613c-resolved summary{
  cursor:pointer;
  padding:8px 10px;
  color:#c5dfce;
  font-size:9px;
  font-weight:900;
}
.b613c-resolved>div{
  display:grid;
  max-height:240px;
  overflow:auto;
  border-top:1px solid #294d39;
}
.b613c-resolved article{
  display:grid;
  grid-template-columns:20px 1fr auto;
  gap:7px;
  align-items:center;
  padding:7px 9px;
  border-bottom:1px solid rgba(75,110,88,.22);
}
.b613c-resolved article>span{
  color:#668775;
  font-size:8px;
}
.b613c-resolved article>div{
  display:grid;
  gap:1px;
}
.b613c-resolved article strong{
  font-size:9px;
}
.b613c-resolved article small{
  color:#789889;
  font-size:7px;
}
.b613c-resolved article>b{
  color:#a8e7bd;
  font-size:9px;
}

.b613c-missing{
  display:grid;
  gap:6px;
  padding:9px;
  border-radius:9px;
  background:#281f0b;
  border:1px solid #6b5725;
}
.b613c-missing>strong{
  color:#f0d48a;
  font-size:9px;
}
.b613c-missing>div{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.b613c-missing span{
  padding:4px 6px;
  border-radius:999px;
  background:#392d11;
  color:#d9bf7b;
  font-size:7px;
}

.b613c-ready{
  padding:8px 9px;
  border-radius:8px;
  background:#103120;
  color:#a4dfb8;
  font-size:9px;
  font-weight:800;
}

.b613c-safety-line{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.b613c-safety-line span{
  padding:3px 5px;
  border-radius:999px;
  background:#11271b;
  color:#739c81;
  font-size:7px;
}

@media(max-width:800px){
  .b613c-bridge-actions,
  .b613c-bridge-success-head{
    align-items:stretch;
    flex-direction:column;
  }

  .b613c-resolver-totals{
    grid-template-columns:1fr;
  }
}

/* B613D_SMART_PROGRESSIVE_TEMPLATE_MATCHER */

.b613d-matcher{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:10px 0 12px;
  padding:11px 12px;
  border:1px solid #31506e;
  border-radius:12px;
  background:#0c1c2c;
}

.b613d-matcher-main{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

.b613d-orb{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:50%;
  background:#173655;
  color:#87bfff;
  font-size:15px;
  font-weight:900;
}

.b613d-matcher-main>div{
  display:grid;
  gap:3px;
  min-width:0;
}

.b613d-matcher strong{
  font-size:11px;
  line-height:1.25;
}

.b613d-matcher span:not(.b613d-orb){
  color:#95aec6;
  font-size:9px;
  line-height:1.4;
}

.b613d-matcher small{
  color:#6f8ca8;
  font-size:8px;
}

.b613d-matcher small b{
  color:#b9d5ef;
}

.b613d-matcher.is-exact{
  border-color:#326d4b;
  background:#0d2117;
}

.b613d-matcher.is-exact .b613d-orb{
  background:#153b27;
  color:#8fe2aa;
}

.b613d-matcher.is-multiple{
  border-color:#6f5c2c;
  background:#241f10;
}

.b613d-matcher.is-multiple .b613d-orb{
  background:#433716;
  color:#f2d37c;
}

.b613d-matcher.is-none{
  border-color:#754050;
  background:#27151b;
}

.b613d-matcher.is-none .b613d-orb{
  background:#45202b;
  color:#f3a6b8;
}

.b613d-matcher.is-manual{
  border-color:#58606d;
  background:#171c23;
}

.b613d-matcher.is-manual .b613d-orb{
  background:#2c333d;
  color:#c2cad4;
}

@media(max-width:820px){
  .b613d-matcher{
    align-items:stretch;
    flex-direction:column;
  }

  .b613d-matcher>button{
    width:100%;
  }
}

/* B613D_FIX2_PASSIVE_WORKFLOW_SUGGESTIONS */

.b613d-fix2{
  display:grid;
  gap:12px;
  width:100%;
  margin:18px 0;
  padding:18px 20px;
  border:1px solid #315878;
  border-radius:16px;
  background:linear-gradient(135deg,#112b42,#081826);
}

.b613d-fix2-head{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}

.b613d-fix2-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:13px;
  background:#173b5c;
  border:1px solid #386e9a;
  color:#9bd0fa;
  font-size:20px;
  font-weight:900;
}

.b613d-fix2-copy{
  display:grid;
  gap:3px;
}

.b613d-fix2-copy>span{
  color:#73acd7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.b613d-fix2-copy>strong{
  color:#f3f8fc;
  font-size:15px;
}

.b613d-fix2-copy>p{
  margin:0;
  color:#9db4c8;
  font-size:10px;
}

.b613d-fix2-exact{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #34724f;
  border-radius:11px;
  background:#102d1e;
}

.b613d-fix2-exact>div{
  display:grid;
  gap:2px;
}

.b613d-fix2-exact small{
  color:#7faf8f;
  font-size:8px;
}

.b613d-fix2-exact strong{
  color:#e0f6e7;
  font-size:12px;
}

.b613d-fix2-exact>em{
  color:#91cda5;
  font-size:8px;
  font-style:normal;
}

.b613d-fix2-options{
  display:grid;
  gap:8px;
}

.b613d-fix2-options article{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #294b68;
  border-radius:11px;
  background:#0b2032;
}

.b613d-fix2-options article.is-best{
  border-color:#4c7da6;
  background:#102a42;
}

.b613d-fix2-options article>div{
  display:grid;
  gap:3px;
}

.b613d-fix2-options article strong{
  color:#edf5fb;
  font-size:11px;
}

.b613d-fix2-options article small{
  color:#819bb2;
  font-size:8px;
}

.b613d-fix2-options article>em{
  color:#a1e5b7;
  font-size:8px;
  font-style:normal;
}

.b613d-fix2-options>p{
  margin:0;
  padding:9px 10px;
  border-radius:9px;
  background:#091a28;
  color:#748fa7;
  font-size:8px;
}

.b613d-fix2.is-exact{border-color:#34714e;}
.b613d-fix2.is-multiple{border-color:#74602e;}
.b613d-fix2.is-none{border-color:#744353;}

[data-b613c-bridge]{
  display:none !important;
}

@media(max-width:900px){
  .b613d-fix2{padding:14px;}

  .b613d-fix2-head{
    grid-template-columns:40px minmax(0,1fr);
  }

  .b613d-fix2-head>button{
    grid-column:1 / -1;
    width:100%;
  }
}

/* B613E_AUTO_PREPARE_EXACT_MATCH */

.b613e-status{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:9px;
  font-size:9px;
}

.b613e-status>span{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:50%;
  font-weight:900;
}

.b613e-status>strong{
  font-size:9px;
}

.b613e-status>small{
  margin-left:auto;
  font-size:7px;
}

.b613e-status.is-loading{
  background:#10263a;
  color:#9ec4e4;
}

.b613e-status.is-loading>span{
  background:#173a58;
}

.b613e-status.is-ready{
  background:#102d1d;
  color:#a6e6bb;
}

.b613e-status.is-ready>span{
  background:#1d5233;
}

.b613e-status.is-ready>small{
  color:#75a887;
}

.b613e-status.is-error{
  background:#321923;
  color:#edafbd;
}

.b613e-status.is-error>span{
  background:#522635;
}

.b613e-status.is-error>div{
  display:grid;
  gap:2px;
}

.b613e-status.is-error small{
  color:#bd8793;
}

@media(max-width:900px){
  .b613e-status{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .b613e-status>small{
    width:100%;
    margin-left:30px;
  }
}

/* B614A_DISPATCH_ENTRY_SPLIT */

.b614a-entry{
  margin-bottom:18px;
  padding:18px;
}

.b614a-entry-head{
  margin-bottom:14px;
}

.b614a-entry-head h2{
  margin:3px 0 5px;
}

.b614a-entry-head p{
  margin:0;
  color:#8da7bd;
  font-size:10px;
}

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

.b614a-entry-card{
  display:grid;
  grid-template-columns:
    48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  width:100%;
  padding:16px;
  border:1px solid #315777;
  border-radius:14px;
  background:#0e2436;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.b614a-entry-card:hover{
  transform:translateY(-1px);
  border-color:#4a7da5;
}

.b614a-entry-card.is-dispatch{
  background:
    linear-gradient(
      135deg,
      #173346,
      #0c202f
    );
}

.b614a-entry-card.is-order{
  background:
    linear-gradient(
      135deg,
      #122a3e,
      #0a1c2b
    );
}

.b614a-entry-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:13px;
  background:#183a55;
  font-size:22px;
}

.b614a-entry-card>div{
  display:grid;
  gap:3px;
}

.b614a-entry-card strong{
  font-size:14px;
}

.b614a-entry-card p{
  margin:0;
  color:#8ea8bd;
  font-size:9px;
  line-height:1.45;
}

.b614a-entry-card em{
  color:#8bbbe0;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}

.b614a-dispatch-top{
  display:grid;
  grid-template-columns:
    auto minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}

.b614a-dispatch-top h1{
  margin:3px 0;
}

.b614a-dispatch-top p{
  margin:0;
  color:#8da7bd;
  font-size:10px;
}

.b614a-dispatch-shell{
  overflow:hidden;
}

.b614a-dispatch-progress{
  display:grid;
  grid-template-columns:
    repeat(6,minmax(0,1fr));
  gap:0;
  border-bottom:1px solid #203a50;
  background:#0b1d2b;
}

.b614a-dispatch-progress>div{
  display:grid;
  justify-items:center;
  gap:5px;
  padding:13px 8px;
  color:#607d94;
  border-right:1px solid #1d3549;
}

.b614a-dispatch-progress>div:last-child{
  border-right:0;
}

.b614a-dispatch-progress span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#152b3c;
  font-size:9px;
  font-weight:900;
}

.b614a-dispatch-progress small{
  font-size:7px;
  text-align:center;
}

.b614a-dispatch-progress .active{
  color:#b9dcf4;
  background:#102a3f;
}

.b614a-dispatch-progress .active span{
  background:#22618f;
  color:white;
}

.b614a-dispatch-progress .done{
  color:#8fc7a2;
}

.b614a-dispatch-progress .done span{
  background:#1d5233;
  color:#aff0c3;
}

.b614a-dispatch-body{
  padding:22px;
  min-height:360px;
}

.b614a-dispatch-body h2{
  margin:4px 0 18px;
}

.b614a-dispatch-form{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:14px;
}

.b614a-dispatch-form textarea{
  resize:vertical;
}

.b614a-full{
  grid-column:1 / -1;
}

.b614a-dispatch-summary{
  display:grid;
  gap:16px;
}

.b614a-summary-head{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #326f4d;
  border-radius:12px;
  background:#102b1d;
}

.b614a-summary-head>span{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#1d5033;
  color:#a5ebbc;
  font-weight:900;
}

.b614a-summary-head p{
  margin:3px 0 0;
  color:#80a78d;
  font-size:9px;
}

.b614a-summary-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:9px;
}

.b614a-summary-grid article{
  display:grid;
  gap:4px;
  padding:11px;
  border:1px solid #29465e;
  border-radius:10px;
  background:#0d2131;
}

.b614a-summary-grid span{
  color:#7190a7;
  font-size:8px;
}

.b614a-summary-grid strong{
  font-size:10px;
}

.b614a-dispatch-finish-note{
  padding:10px;
  border-radius:9px;
  background:#281f0d;
  color:#c9ac67;
  font-size:8px;
}

.b614a-error{
  margin-top:12px;
  padding:10px;
  border-radius:9px;
  background:#351923;
  color:#edaaba;
  font-size:9px;
}

@media(max-width:900px){
  .b614a-entry-grid{
    grid-template-columns:1fr;
  }

  .b614a-entry-card{
    grid-template-columns:
      44px minmax(0,1fr);
  }

  .b614a-entry-card em{
    grid-column:2;
  }

  .b614a-dispatch-progress{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

  .b614a-dispatch-form{
    grid-template-columns:1fr;
  }

  .b614a-full{
    grid-column:auto;
  }

  .b614a-summary-grid{
    grid-template-columns:1fr 1fr;
  }
}

/* B614B_REAL_DISPATCH_FLOW */

.b614b-entry{
  margin-bottom:18px;
  padding:18px;
}

.b614b-entry-head{
  margin-bottom:14px;
}

.b614b-entry-head h2{
  margin:3px 0 4px;
}

.b614b-entry-head p,
.b614b-top p{
  margin:0;
  color:#8da7bd;
  font-size:10px;
}

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

.b614b-entry-card{
  display:grid;
  grid-template-columns:
    48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid #315777;
  border-radius:14px;
  background:#0d2131;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.b614b-entry-card.is-dispatch{
  border-color:#3c6b83;
  background:
    linear-gradient(
      135deg,
      #173848,
      #0c222f
    );
}

.b614b-entry-card>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:13px;
  background:#183a50;
  font-size:22px;
}

.b614b-entry-card>div{
  display:grid;
  gap:3px;
}

.b614b-entry-card strong{
  font-size:14px;
}

.b614b-entry-card p{
  margin:0;
  color:#8ea8bd;
  font-size:9px;
}

.b614b-entry-card em{
  color:#8bbbe0;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}

.b614b-top{
  display:grid;
  grid-template-columns:
    auto minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  margin-bottom:16px;
}

.b614b-top h1{
  margin:3px 0;
}

.b614b-shell{
  overflow:hidden;
}

.b614b-progress{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  border-bottom:1px solid #203a50;
  background:#0a1b29;
}

.b614b-progress>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px;
  color:#607d94;
  border-right:1px solid #1d3549;
}

.b614b-progress>div:last-child{
  border-right:0;
}

.b614b-progress span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#152b3c;
  font-size:9px;
  font-weight:900;
}

.b614b-progress strong{
  font-size:9px;
}

.b614b-progress .active{
  color:#c1e1f6;
  background:#102a3f;
}

.b614b-progress .active span{
  background:#24628f;
  color:#fff;
}

.b614b-progress .done{
  color:#9bd0ad;
}

.b614b-progress .done span{
  background:#1d5233;
  color:#aff0c3;
}

.b614b-body{
  padding:22px;
  min-height:390px;
}

.b614b-intake-callout{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  padding:11px 12px;
  border:1px solid #6f5a27;
  border-radius:10px;
  background:#2a210d;
}

.b614b-intake-callout strong{
  color:#f0d582;
  font-size:10px;
}

.b614b-intake-callout span{
  color:#b59c61;
  font-size:9px;
}

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

.b614b-full{
  grid-column:1 / -1;
}

.b614b-dispatch-preview{
  display:grid;
  grid-template-columns:
    2fr 1fr 1fr;
  gap:9px;
  margin-top:16px;
}

.b614b-dispatch-preview>div,
.b614b-crew-info article{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid #29475e;
  border-radius:9px;
  background:#0c2030;
}

.b614b-dispatch-preview span,
.b614b-crew-info span{
  color:#7592a8;
  font-size:8px;
}

.b614b-dispatch-preview strong,
.b614b-crew-info strong{
  font-size:10px;
}

.b614b-crew-head{
  display:grid;
  grid-template-columns:
    minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-bottom:14px;
  padding:14px;
  border:1px solid #346d4d;
  border-radius:12px;
  background:#102b1d;
}

.b614b-crew-head h2{
  margin:3px 0;
}

.b614b-crew-head p{
  margin:0;
  color:#86ad92;
  font-size:9px;
}

.b614b-nav-button{
  text-decoration:none;
  white-space:nowrap;
}

.b614b-crew-info{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:16px;
}

.b614b-destination-card{
  display:grid;
  gap:4px;
  margin-bottom:15px;
  padding:14px;
  border:1px solid #386b8b;
  border-radius:11px;
  background:#10283a;
}

.b614b-destination-card span{
  color:#7ea1ba;
  font-size:8px;
}

.b614b-destination-card strong{
  font-size:14px;
}

.b614b-close-check{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:15px;
}

.b614b-close-check>div{
  padding:10px;
  border-radius:9px;
  font-size:9px;
  font-weight:800;
}

.b614b-close-check .ok{
  background:#102d1d;
  color:#a4e4b8;
  border:1px solid #326d4b;
}

.b614b-close-check .missing{
  background:#321923;
  color:#e7a6b5;
  border:1px solid #6e3c4a;
}

.b614b-auto-storage-note{
  margin-top:15px;
  padding:11px;
  border-radius:9px;
  background:#0a1927;
  color:#7793a9;
  font-size:8px;
  line-height:1.5;
}

.b614b-actions{
  align-items:center;
}

.b614b-send{
  margin-left:auto;
  min-width:220px;
}

.b614b-error{
  margin-top:14px;
  padding:10px;
  border-radius:9px;
  background:#351923;
  color:#edaaba;
  font-size:9px;
}

@media(max-width:900px){
  .b614b-entry-grid,
  .b614b-form,
  .b614b-crew-info,
  .b614b-close-check{
    grid-template-columns:1fr;
  }

  .b614b-full{
    grid-column:auto;
  }

  .b614b-entry-card{
    grid-template-columns:
      44px minmax(0,1fr);
  }

  .b614b-entry-card em{
    grid-column:2;
  }

  .b614b-dispatch-preview{
    grid-template-columns:1fr;
  }

  .b614b-crew-head{
    grid-template-columns:1fr;
  }

  .b614b-nav-button{
    text-align:center;
  }
}

/* B614C_DISPATCH_FACILITY_AUTOCOMPLETE */

.b614c-autocomplete-field{
  position:relative;
}

.b614c-results{
  position:absolute;
  z-index:80;
  top:calc(100% + 5px);
  left:0;
  right:0;
  max-height:310px;
  overflow:auto;
  padding:6px;
  border:1px solid #3a617f;
  border-radius:10px;
  background:#091826;
  box-shadow:
    0 18px 40px rgba(0,0,0,.35);
}

.b614c-result{
  display:grid;
  gap:2px;
  width:100%;
  padding:9px 10px;
  border:0;
  border-bottom:1px solid #183148;
  border-radius:7px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.b614c-result:last-of-type{
  border-bottom:0;
}

.b614c-result:hover{
  background:#12314a;
}

.b614c-result strong{
  color:#e7f3fc;
  font-size:10px;
}

.b614c-result span{
  color:#8babbe;
  font-size:8px;
}

.b614c-result small{
  color:#66859c;
  font-size:7px;
}

.b614c-result-state,
.b614c-manual-hint{
  padding:9px;
  color:#7e9bb1;
  font-size:8px;
  line-height:1.4;
}

.b614c-result-state.is-error{
  color:#e4a0b0;
}

.b614c-manual-hint{
  border-top:1px solid #1d374c;
}

/* B614D_REAL_TEST_CREW_HANDOFF */

.b614d-sent{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid #397151;
  border-radius:14px;
  background:linear-gradient(135deg,#113522,#0b2418);
}

.b614d-sent-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#1e5737;
  color:#b0efc5;
  font-size:22px;
  font-weight:900;
}

.b614d-sent-copy h2{margin:3px 0}
.b614d-sent-copy p{margin:0;color:#88b197;font-size:9px}

.b614d-order{
  padding:6px 9px;
  border-radius:999px;
  background:#163e29;
  color:#a8dfba;
  font-size:8px;
  font-weight:900;
}

.b614d-destination{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}

.b614d-destination article{
  display:grid;
  gap:4px;
  padding:11px;
  border:1px solid #29475e;
  border-radius:10px;
  background:#0b1f2f;
}

.b614d-destination span,
.b614d-link-card>span{color:#7897ad;font-size:8px}
.b614d-destination strong{font-size:10px}

.b614d-link-card{
  display:grid;
  gap:8px;
  margin-top:14px;
  padding:14px;
  border:1px solid #38698c;
  border-radius:12px;
  background:#0d2639;
}

.b614d-link-card input{width:100%}

.b614d-link-card>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.b614d-open{
  display:grid;
  place-items:center;
  text-decoration:none;
}

.b614d-link-card small{color:#748fa4;font-size:7px}

.b614d-next{
  display:grid;
  gap:3px;
  margin-top:12px;
  padding:11px;
  border-radius:10px;
  background:#0a1926;
}

.b614d-next strong{color:#dcebf5;font-size:9px}
.b614d-next span{color:#7894aa;font-size:8px}

@media(max-width:700px){
  .b614d-sent{grid-template-columns:42px minmax(0,1fr)}
  .b614d-order{grid-column:2;justify-self:start}
  .b614d-destination,
  .b614d-link-card>div{grid-template-columns:1fr}
}

/* B614E_FIX3_CREW_QR_UI */

.b614e-fix3-qr-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 238px;
  gap:18px;
  align-items:center;
  margin-top:14px;
  padding:18px;
  border:1px solid #3e718f;
  border-radius:14px;
  background:
    linear-gradient(
      135deg,
      #102d42,
      #0a1f30
    );
}

.b614e-fix3-qr-copy{
  display:grid;
  gap:4px;
}

.b614e-fix3-qr-copy h3{
  margin:0;
  font-size:16px;
}

.b614e-fix3-qr-copy p{
  margin:0;
  color:#89a7bb;
  font-size:9px;
  line-height:1.5;
}

.b614e-fix3-qr-frame{
  display:grid;
  place-items:center;
  justify-self:end;
  width:238px;
  min-height:238px;
  padding:9px;
  border-radius:14px;
  background:#fff;
  box-shadow:
    0 14px 30px rgba(0,0,0,.28);
}

.b614e-fix3-qr-frame img{
  display:block;
  width:220px;
  height:220px;
  max-width:100%;
}

@media(max-width:700px){
  .b614e-fix3-qr-card{
    grid-template-columns:1fr;
  }

  .b614e-fix3-qr-frame{
    justify-self:center;
  }
}

/* B614F_FIX1_DISPATCH_PHOTO_SECTION */

.b614f-photo-section{
  display:grid;
  gap:16px;
  margin-top:8px;
}

.b614f-photo-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid #29475e;
  border-radius:12px;
  background:#0c1d2c;
}

.b614f-photo-summary > div{
  display:grid;
  gap:3px;
}

.b614f-photo-summary strong{
  font-size:15px;
}

.b614f-photo-summary span{
  color:#8fa9bc;
  font-size:12px;
}

.b614f-photo-grid{
  display:grid;
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(260px,1fr)
    );
  gap:16px;
}

.b614f-photo-card{
  overflow:hidden;
  border:1px solid #29475e;
  border-radius:14px;
  background:#0b1c2a;
}

.b614f-photo-preview{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  height:260px;
  padding:0;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#071722;
  cursor:pointer;
}

.b614f-photo-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#07121c;
}

.b614f-photo-loader{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  padding:20px;
  color:#88a3b7;
  font-size:13px;
}

.b614f-photo-loader.is-error{
  color:#eaa7b3;
  background:#321821;
}

.b614f-photo-meta{
  display:grid;
  gap:6px;
  padding:14px 15px 16px;
}

.b614f-photo-meta strong{
  font-size:15px;
}

.b614f-photo-meta p{
  margin:0;
  color:#91aabd;
  font-size:12px;
  line-height:1.45;
}

.b614f-photo-meta > div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:3px;
  color:#7895aa;
  font-size:11px;
}

@media(max-width:680px){
  .b614f-photo-summary{
    align-items:flex-start;
    flex-direction:column;
  }

  .b614f-photo-grid{
    grid-template-columns:1fr;
  }

  .b614f-photo-preview{
    height:230px;
  }
}

/* B615A_FIX2_DISPATCH_TO_OFFICE_HANDOFF */

.b615a-fix1-group {
  display: grid;
  gap: 12px;
  margin: 18px 0 26px;
}

.b615a-fix1-group-head {
  display: grid;
  gap: 4px;
}

.b615a-fix1-group-head h2,
.b615a-fix1-group-head p {
  margin: 0;
}

.b615a-fix1-handoff {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  margin: 14px 0;
  border: 1px solid var(--line, #d9dde5);
  border-radius: 16px;
  background: var(--card, #fff);
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
}

.b615a-fix1-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.b615a-fix1-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.b615a-fix1-copy small {
  opacity: .74;
  line-height: 1.4;
}

.b615a-fix1-handoff > .primary {
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .b615a-fix1-handoff {
    flex-direction: column;
    align-items: stretch;
  }

  .b615a-fix1-handoff > .primary {
    width: 100%;
  }
}

/* B615A_FIX3_HANDOFF_UI_AND_DISPATCH_SUMMARY */

.b615a-fix3-handoff {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  margin: 18px 0 22px;
  border: 1px solid rgba(93, 125, 161, .34);
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      rgba(236, 249, 243, .98),
      rgba(241, 247, 255, .98)
    );
  color: #15243a;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.b615a-fix3-status-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #55c88a;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.b615a-fix3-copy {
  color: #15243a;
}

.b615a-fix3-title {
  gap: 12px;
}

.b615a-fix3-title > strong {
  color: #15663b;
  font-size: 1.08rem;
}

.b615a-fix3-order-id {
  color: #3d79e6;
  font-weight: 800;
}

.b615a-fix3-meta {
  color: #40526b;
}

.b615a-fix3-copy small {
  color: #40526b;
  opacity: 1;
}

.b615a-fix3-copy small strong {
  color: #243a58;
}

.b615a-fix3-action {
  display: grid;
  gap: 7px;
  justify-items: end;
  min-width: 250px;
}

.b615a-fix3-action small {
  color: #4b5d74;
  text-align: right;
}

.b615a-fix3-action .primary {
  min-width: 235px;
}

.b615a-fix3-summary {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid var(--line, #2c4058);
  border-radius: 16px;
  background:
    linear-gradient(
      145deg,
      rgba(20, 39, 62, .98),
      rgba(15, 30, 49, .98)
    );
}

.b615a-fix3-summary-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(120, 151, 185, .2);
}

.b615a-fix3-summary-head h3 {
  margin: 3px 0 0;
  font-size: 1.05rem;
}

.b615a-fix3-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}

.b615a-fix3-summary-col {
  display: grid;
  align-content: start;
  padding: 0 18px;
  border-right: 1px solid rgba(120, 151, 185, .22);
}

.b615a-fix3-summary-col:first-child {
  padding-left: 0;
}

.b615a-fix3-summary-col:last-child {
  padding-right: 0;
  border-right: 0;
}

.b615a-fix3-value {
  display: grid;
  gap: 5px;
  min-height: 68px;
  padding: 10px 0 12px;
  border-bottom: 1px solid rgba(120, 151, 185, .15);
}

.b615a-fix3-value:last-child {
  border-bottom: 0;
}

.b615a-fix3-value > span {
  color: var(--muted, #9db0c6);
  font-size: .84rem;
}

.b615a-fix3-value > strong {
  color: var(--text, #eef5ff);
  line-height: 1.3;
}

.b615a-fix3-mode > strong {
  width: fit-content;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(49, 151, 91, .25);
  color: #9ce4b6;
}

.b615a-fix3-storage > strong {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(20, 119, 62, .22);
  color: #abebc0;
}

@media (max-width: 980px) {
  .b615a-fix3-handoff {
    grid-template-columns: auto 1fr;
  }

  .b615a-fix3-action {
    grid-column: 1 / -1;
    width: 100%;
    justify-items: stretch;
    min-width: 0;
  }

  .b615a-fix3-action small {
    text-align: left;
  }

  .b615a-fix3-action .primary {
    width: 100%;
  }

  .b615a-fix3-summary-grid {
    grid-template-columns: 1fr;
  }

  .b615a-fix3-summary-col {
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(120, 151, 185, .22);
  }

  .b615a-fix3-summary-col:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  .b615a-fix3-handoff {
    grid-template-columns: 1fr;
  }

  .b615a-fix3-status-icon {
    display: none;
  }

  .b615a-fix3-summary {
    padding: 15px;
  }
}

/* B615C_FIX2_PROTOCOL_DOCUMENTS_UI */
.b615c-fix2-protocol-card{
  margin-top:16px;
  padding:18px;
  border:1px solid rgba(96,165,250,.35);
  border-radius:16px;
  background:rgba(8,25,40,.72);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.b615c-fix2-protocol-main{
  min-width:0;
  flex:1;
}
.b615c-fix2-protocol-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.b615c-fix2-protocol-title h3{
  margin:4px 0 7px;
}
.b615c-fix2-protocol-card p{
  margin:4px 0 10px;
}
.b615c-fix2-protocol-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  font-size:13px;
  opacity:.88;
}
.b615c-fix2-protocol-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:210px;
  text-decoration:none;
}
@media(max-width:760px){
  .b615c-fix2-protocol-card{
    align-items:stretch;
    flex-direction:column;
  }
  .b615c-fix2-protocol-open{
    width:100%;
    min-width:0;
  }
}

/* B615C_FIX5_APP_PRINT_ACTION */
.b615c-fix5-protocol-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.b615c-fix5-protocol-actions
.b615c-fix2-protocol-open,
.b615c-fix5-protocol-print{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

@media (max-width:720px){
  .b615c-fix5-protocol-actions{
    width:100%;
    justify-content:stretch;
  }

  .b615c-fix5-protocol-actions
  .b615c-fix2-protocol-open,
  .b615c-fix5-protocol-print{
    flex:1 1 100%;
    width:100%;
  }
}

/* =========================================================
   B617A_FINAL_LIVE_APP_SHELL_UI_POLISH
   Scope:
   - app shell + pages around wizard
   - no wizard internals
   ========================================================= */

:root{
  --b617a-canvas:#07111f;
  --b617a-canvas-soft:#0a1627;
  --b617a-sidebar:#081424;
  --b617a-panel:#101d30;
  --b617a-panel-2:#13233a;
  --b617a-panel-3:#172a43;
  --b617a-border:rgba(151,177,211,.18);
  --b617a-border-strong:rgba(151,177,211,.28);
  --b617a-text:#f5f8fc;
  --b617a-muted:#91a6c2;
  --b617a-muted-2:#6f86a5;
  --b617a-blue:#75a9ff;
  --b617a-blue-strong:#4e8cf6;
  --b617a-green:#51cf8a;
  --b617a-yellow:#e8bf5b;
  --b617a-danger:#ef7d84;
  --b617a-shadow:0 16px 38px rgba(0,0,0,.17);
  --b617a-shadow-soft:0 8px 24px rgba(0,0,0,.12);
}

html,
body{
  background:
    radial-gradient(
      circle at 76% -10%,
      rgba(77,132,220,.10),
      transparent 32rem
    ),
    var(--b617a-canvas);
}

body{
  color:var(--b617a-text);
}

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

.b617a-shell{
  background:
    linear-gradient(
      180deg,
      rgba(7,17,31,.98),
      rgba(7,17,31,1)
    );
}

.b617a-shell .sidebar{
  background:
    linear-gradient(
      180deg,
      rgba(8,20,36,.99) 0%,
      rgba(7,18,32,.99) 100%
    );
  border-right:1px solid rgba(151,177,211,.16);
  box-shadow:
    14px 0 36px rgba(0,0,0,.10);
}

.b617a-shell .brand{
  padding:14px 10px 20px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(151,177,211,.12);
}

.b617a-shell .brand .logo{
  border-radius:13px;
  background:
    linear-gradient(
      145deg,
      #7caeff,
      #4a80db
    );
  color:#fff;
  box-shadow:
    0 8px 22px rgba(54,112,206,.26);
}

.b617a-shell .brand strong{
  letter-spacing:-.01em;
}

.b617a-shell .brand small{
  color:#8fa6c5;
  font-weight:650;
}

.b617a-shell .nav{
  display:grid;
  gap:6px;
  padding-top:5px;
}

.b617a-shell .nav button{
  min-height:44px;
  position:relative;
  border:1px solid transparent;
  border-radius:11px;
  padding-left:43px;
  color:#a9bad1;
  font-weight:720;
  letter-spacing:-.005em;
  text-align:left;
  background:transparent;
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease,
    transform .15s ease;
}

.b617a-shell .nav button:hover{
  color:#eaf2ff;
  border-color:rgba(117,169,255,.16);
  background:rgba(117,169,255,.07);
  transform:translateX(1px);
}

.b617a-shell .nav button.active{
  color:#fff;
  border-color:rgba(117,169,255,.28);
  background:
    linear-gradient(
      90deg,
      rgba(83,137,226,.22),
      rgba(83,137,226,.10)
    );
  box-shadow:
    inset 3px 0 0 #75a9ff,
    0 7px 18px rgba(0,0,0,.09);
}

.b617a-shell .nav button::before{
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  transform:translateY(-50%);
  color:#7f9ec7;
  font-size:16px;
  line-height:1;
  text-align:center;
}

.b617a-shell .nav button[data-nav="overview"]::before{
  content:"⌂";
}

.b617a-shell .nav button[data-nav="orders"]::before{
  content:"▤";
}

.b617a-shell .nav button[data-nav="calendar"]::before{
  content:"□";
}

.b617a-shell .nav button[data-nav="book"]::before{
  content:"▣";
}

.b617a-shell .nav button[data-nav="settings"]::before{
  content:"⚙";
}

.b617a-shell .safe{
  border:1px solid rgba(81,207,138,.25);
  border-radius:12px;
  background:
    linear-gradient(
      145deg,
      rgba(81,207,138,.10),
      rgba(81,207,138,.055)
    );
  box-shadow:
    0 10px 24px rgba(0,0,0,.08);
}

.b617a-shell .safe strong{
  color:#8ce6b3;
}

.b617a-shell .main{
  background:
    radial-gradient(
      circle at 90% 0,
      rgba(78,140,246,.065),
      transparent 30rem
    );
}

.b617a-shell .topbar{
  gap:18px;
  padding-bottom:24px;
}

.b617a-shell .topbar h1{
  margin:0;
  font-size:clamp(26px,2.1vw,34px);
  letter-spacing:-.035em;
  line-height:1.08;
}

.b617a-shell .topbar .muted{
  margin-top:4px;
  color:#94abc9;
}

.b617a-shell .user{
  position:relative;
  min-width:150px;
  padding:10px 14px 10px 30px;
  border:1px solid rgba(151,177,211,.18);
  border-radius:13px;
  background:rgba(16,29,48,.72);
  box-shadow:var(--b617a-shadow-soft);
  backdrop-filter:blur(9px);
}

.b617a-shell .user::before{
  content:"";
  position:absolute;
  left:13px;
  top:15px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--b617a-green);
  box-shadow:
    0 0 0 3px rgba(81,207,138,.10);
}

.b617a-shell .user strong{
  font-size:13px;
}

.b617a-shell .user .muted{
  font-size:11px;
}

/* ---------- SHARED OUTSIDE-WIZARD SURFACE ---------- */

.b617a-shell:not(.b617a-page-wizard) .card{
  border:1px solid var(--b617a-border);
  border-radius:17px;
  background:
    linear-gradient(
      145deg,
      rgba(19,35,58,.92),
      rgba(14,28,47,.92)
    );
  box-shadow:var(--b617a-shadow-soft);
}

.b617a-shell:not(.b617a-page-wizard) .card:hover{
  border-color:rgba(151,177,211,.24);
}

.b617a-shell:not(.b617a-page-wizard) h2,
.b617a-shell:not(.b617a-page-wizard) h3{
  letter-spacing:-.025em;
}

.b617a-shell:not(.b617a-page-wizard) .muted{
  color:var(--b617a-muted);
}

.b617a-shell:not(.b617a-page-wizard) .eyebrow{
  color:#80aef4;
  font-weight:800;
  letter-spacing:.08em;
}

.b617a-shell:not(.b617a-page-wizard) .badge{
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
}

.b617a-shell:not(.b617a-page-wizard) button.primary,
.b617a-shell:not(.b617a-page-wizard) .primary.link-button{
  border:1px solid rgba(134,181,255,.30);
  border-radius:11px;
  background:
    linear-gradient(
      145deg,
      #79adff,
      #5f98ee
    );
  color:#07111f;
  font-weight:850;
  box-shadow:
    0 8px 20px rgba(52,111,203,.20);
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    filter .14s ease;
}

.b617a-shell:not(.b617a-page-wizard) button.primary:hover,
.b617a-shell:not(.b617a-page-wizard) .primary.link-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.035);
  box-shadow:
    0 12px 28px rgba(52,111,203,.25);
}

.b617a-shell:not(.b617a-page-wizard) button.secondary{
  border:1px solid rgba(151,177,211,.22);
  border-radius:10px;
  background:rgba(15,31,51,.78);
  color:#dce7f7;
}

.b617a-shell:not(.b617a-page-wizard) button.secondary:hover{
  border-color:rgba(117,169,255,.34);
  background:rgba(25,48,77,.86);
}

.b617a-shell:not(.b617a-page-wizard) .toolbar{
  gap:18px;
}

.b617a-shell:not(.b617a-page-wizard) .empty{
  border:1px dashed rgba(151,177,211,.22);
  border-radius:13px;
  background:rgba(8,20,36,.32);
  color:#879db9;
}

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

.b617a-page-overview .grid.cards{
  gap:14px;
}

.b617a-page-overview .grid.cards > .card{
  min-height:144px;
  position:relative;
  overflow:hidden;
  padding:20px;
}

.b617a-page-overview .grid.cards > .card::after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-45px;
  width:115px;
  height:115px;
  border-radius:999px;
  background:rgba(117,169,255,.05);
}

.b617a-page-overview .grid.cards > .card:first-child{
  border-color:rgba(81,207,138,.24);
}

.b617a-page-overview .grid.cards > .card:nth-child(3){
  border-color:rgba(232,191,91,.20);
}

.b617a-page-overview .metric{
  margin:12px 0 6px;
  font-size:32px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:900;
}

.b617a-page-overview .block-gap{
  margin-top:16px;
}

.b617a-page-overview .block-gap > .toolbar{
  padding-bottom:5px;
}

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

.b617a-page-orders .toolbar{
  margin-bottom:14px;
  padding:14px 16px;
  border:1px solid rgba(151,177,211,.15);
  border-radius:14px;
  background:rgba(15,29,48,.66);
}

.b617a-page-orders .orders,
.b617a-page-overview .orders{
  display:grid;
  gap:8px;
}

.b617a-page-orders .order,
.b617a-page-overview .order{
  width:100%;
  min-height:70px;
  border:1px solid rgba(151,177,211,.15);
  border-radius:13px;
  padding:13px 15px;
  background:rgba(7,18,32,.34);
  color:var(--b617a-text);
  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease;
}

.b617a-page-orders .order:hover,
.b617a-page-overview .order:hover{
  transform:translateY(-1px);
  border-color:rgba(117,169,255,.30);
  background:rgba(19,39,65,.65);
}

.b617a-page-orders .order > div:first-child > strong,
.b617a-page-overview .order > div:first-child > strong{
  font-size:14px;
  letter-spacing:.01em;
}

.b617a-page-orders .order-meta,
.b617a-page-overview .order-meta{
  gap:8px 14px;
  margin-top:5px;
  color:#849bb9;
  font-size:11px;
}

/* ---------- CALENDAR ---------- */

.b617a-page-calendar .calendar{
  gap:8px;
}

.b617a-page-calendar .day{
  min-height:104px;
  border:1px solid rgba(151,177,211,.14);
  border-radius:12px;
  padding:11px;
  background:rgba(8,20,36,.38);
}

.b617a-page-calendar .day > strong{
  display:block;
  margin-bottom:10px;
  color:#c9d8eb;
  font-size:12px;
}

.b617a-page-calendar .event{
  border:1px solid rgba(117,169,255,.22);
  border-radius:9px;
  background:rgba(78,140,246,.12);
  color:#dce9ff;
  font-size:11px;
  font-weight:750;
}

.b617a-page-calendar .event:hover{
  background:rgba(78,140,246,.20);
}

/* ---------- DETAIL / KNIHA ---------- */

.b617a-page-detail .form-grid,
.b617a-page-book .form-grid{
  gap:12px;
}

.b617a-page-detail .readonly-input,
.b617a-page-book .readonly-input{
  min-height:42px;
  display:flex;
  align-items:center;
  border:1px solid rgba(151,177,211,.15);
  border-radius:10px;
  background:rgba(7,18,32,.40);
  color:#e9f0fa;
}

.b617a-page-detail .record-card,
.b617a-page-book .record-card{
  border:1px solid rgba(151,177,211,.15);
  border-radius:13px;
  background:rgba(7,18,32,.30);
}

.b617a-page-detail .transport-summary article,
.b617a-page-book .transport-summary article{
  border:1px solid rgba(151,177,211,.15);
  border-radius:12px;
  background:rgba(8,20,36,.36);
}

/* ---------- SETTINGS ---------- */

.b617a-page-settings .b619b-settings-shell{
  gap:15px;
}

.b617a-page-settings .b619b-settings-intro{
  border-color:rgba(117,169,255,.20);
  background:
    linear-gradient(
      135deg,
      rgba(25,48,78,.96),
      rgba(15,31,52,.94)
    );
}

.b617a-page-settings .b619b-settings-intro h2{
  margin-top:5px;
  font-size:25px;
}

.b617a-page-settings .b619b-settings-intro p{
  max-width:720px;
  color:#9eb0c8;
}

.b617a-page-settings .b619b-settings-grid{
  gap:10px;
}

.b617a-page-settings .b619b-settings-card{
  border:1px solid rgba(151,177,211,.15);
  border-radius:14px;
  background:rgba(15,31,51,.70);
  box-shadow:none;
}

.b617a-page-settings .b619b-settings-card:hover{
  transform:translateY(-2px);
  border-color:rgba(117,169,255,.30);
  background:rgba(19,40,66,.82);
  box-shadow:var(--b617a-shadow-soft);
}

.b617a-page-settings .b619b-settings-card.is-active{
  border-color:rgba(117,169,255,.38);
  background:
    linear-gradient(
      135deg,
      rgba(72,124,210,.18),
      rgba(19,39,65,.88)
    );
  box-shadow:
    inset 3px 0 0 #75a9ff;
}

.b617a-page-settings .b619b-settings-icon{
  border-radius:11px;
  background:rgba(117,169,255,.10);
}

.b617a-page-settings .b619b-settings-detail{
  border-color:rgba(151,177,211,.18);
}

.b617a-page-settings .b619b-rule-grid article{
  border:1px solid rgba(151,177,211,.14);
  border-radius:11px;
  background:rgba(8,20,36,.34);
}

/* ---------- GLOBAL POLISH OUTSIDE WIZARD ---------- */

.b617a-shell:not(.b617a-page-wizard) input,
.b617a-shell:not(.b617a-page-wizard) select,
.b617a-shell:not(.b617a-page-wizard) textarea{
  border-color:rgba(151,177,211,.20);
  border-radius:10px;
  background:#09182a;
}

.b617a-shell:not(.b617a-page-wizard) input:focus,
.b617a-shell:not(.b617a-page-wizard) select:focus,
.b617a-shell:not(.b617a-page-wizard) textarea:focus{
  border-color:rgba(117,169,255,.62);
  box-shadow:
    0 0 0 3px rgba(117,169,255,.08);
  outline:none;
}

.b617a-shell:not(.b617a-page-wizard) .notice{
  border-radius:12px;
}

.b617a-shell:not(.b617a-page-wizard) table{
  border-collapse:separate;
  border-spacing:0;
}

.b617a-shell:not(.b617a-page-wizard) th{
  color:#879db9;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.055em;
}

.b617a-shell:not(.b617a-page-wizard) tr:hover td{
  background:rgba(117,169,255,.025);
}

/* ---------- RESPONSIVE ---------- */

@media (min-width:1200px){
  .b617a-shell:not(.b617a-page-wizard) .main{
    padding-left:26px;
    padding-right:26px;
  }
}

@media (max-width:1100px){
  .b617a-page-overview .grid.cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .b617a-shell .topbar{
    padding-bottom:16px;
  }

  .b617a-shell .topbar h1{
    font-size:25px;
  }

  .b617a-shell .user{
    min-width:0;
    padding-right:10px;
  }

  .b617a-page-overview .grid.cards{
    grid-template-columns:1fr;
  }

  .b617a-page-overview .grid.cards > .card{
    min-height:112px;
  }

  .b617a-shell:not(.b617a-page-wizard) .toolbar{
    align-items:stretch;
  }
}

@media (max-width:560px){
  .b617a-shell:not(.b617a-page-wizard) .card{
    border-radius:14px;
  }

  .b617a-page-orders .order,
  .b617a-page-overview .order{
    padding:12px;
  }
}

/* =========================================================
   B617A_FINAL_LIVE_APP_SHELL_UI_POLISH END
   ========================================================= */

/* B617A_FIX1_CALENDAR_BOOK_SETTINGS_CLOSEOUT */

.b617a-page-calendar .b617a-calendar-loading{
  margin-bottom:10px;
  padding:10px 13px;
  border:1px solid rgba(117,169,255,.18);
  border-radius:11px;
  background:rgba(78,140,246,.07);
  color:#9eb8dc;
  font-size:12px;
}

.b617a-page-calendar .day.has-events{
  border-color:rgba(117,169,255,.30);
  background:rgba(18,38,64,.72);
}

.b617a-page-calendar .b617a-calendar-events{
  display:grid;
  gap:6px;
}

.b617a-page-calendar .b617a-real-calendar-event{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 8px;
  border:1px solid rgba(117,169,255,.24);
  border-radius:8px;
  background:rgba(78,140,246,.12);
  color:#e7f0ff;
  text-align:left;
}

.b617a-page-calendar .b617a-real-calendar-event strong{
  font-size:11px;
}

.b617a-page-calendar .b617a-real-calendar-event span{
  color:#91acd0;
  font-size:10px;
  font-weight:700;
}

.b617a-page-calendar .b617a-calendar-empty{
  color:#536a87;
  font-size:13px;
}

/* B617A_FIX1_CALENDAR_BOOK_SETTINGS_CLOSEOUT END */

/* =========================================================
   B617B_FIX1_EXACT_V2_CONSENTS_IN_DOCUMENT_STEP
   ========================================================= */

.b617b-consent-panel{
  margin-bottom:16px;
  padding:18px;
  border:1px solid rgba(117,169,255,.24);
  border-radius:16px;
  background:
    linear-gradient(
      145deg,
      rgba(20,39,65,.96),
      rgba(12,27,46,.96)
    );
  box-shadow:
    0 12px 30px rgba(0,0,0,.13);
}

.b617b-consent-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}

.b617b-consent-head h3{
  margin:4px 0 4px;
  font-size:20px;
  letter-spacing:-.025em;
}

.b617b-consent-head p{
  max-width:760px;
  margin:0;
  color:#93a9c6;
  font-size:12px;
  line-height:1.55;
}

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

.b617b-consent-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(151,177,211,.16);
  border-radius:13px;
  background:rgba(7,18,32,.38);
}

.b617b-consent-card.is-disabled{
  opacity:.72;
}

.b617b-consent-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.b617b-consent-card-head > div{
  min-width:0;
}

.b617b-consent-card-head strong{
  display:block;
  color:#f2f7ff;
  font-size:13px;
}

.b617b-consent-card-head small{
  display:block;
  margin-top:3px;
  color:#8299b8;
  font-size:10px;
  line-height:1.4;
}

.b617b-consent-status{
  flex:0 0 auto;
  padding:4px 7px;
  border:1px solid rgba(151,177,211,.16);
  border-radius:999px;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}

.b617b-consent-status.is-signed{
  border-color:rgba(81,207,138,.30);
  background:rgba(81,207,138,.10);
  color:#8be5b2;
}

.b617b-consent-status.is-required{
  border-color:rgba(232,191,91,.30);
  background:rgba(232,191,91,.09);
  color:#e8c86e;
}

.b617b-consent-status.is-off{
  color:#7188a6;
}

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

.b617b-choice,
.b617b-main-switch{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 9px;
  border:1px solid rgba(151,177,211,.14);
  border-radius:9px;
  background:rgba(8,20,36,.42);
  color:#cbd8e9;
  font-size:11px;
  font-weight:720;
  cursor:pointer;
}

.b617b-choice:hover,
.b617b-main-switch:hover{
  border-color:rgba(117,169,255,.28);
  background:rgba(20,40,66,.56);
}

.b617b-choice input,
.b617b-main-switch input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#75a9ff;
}

.b617b-hanging-fields{
  display:grid;
  gap:8px;
}

.b617b-hanging-fields label{
  display:grid;
  gap:5px;
}

.b617b-hanging-fields label > span{
  color:#849bb9;
  font-size:10px;
  font-weight:750;
}

.b617b-hanging-fields select,
.b617b-hanging-fields input{
  min-height:38px;
  width:100%;
  border:1px solid rgba(151,177,211,.20);
  border-radius:9px;
  padding:8px 9px;
  background:#09182a;
  color:#edf4ff;
}

.b617b-consent-doc{
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid rgba(151,177,211,.11);
}

.b617b-consent-doc span{
  display:block;
  color:#667e9d;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.b617b-consent-doc strong{
  display:block;
  margin-top:3px;
  color:#9eb7d8;
  font-size:10px;
  line-height:1.4;
}

.b617b-rule-note{
  padding:8px 9px;
  border:1px solid rgba(232,191,91,.16);
  border-radius:8px;
  background:rgba(232,191,91,.06);
  color:#b8a56f;
  font-size:10px;
  line-height:1.45;
}

.b617b-consent-foot{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid rgba(151,177,211,.11);
  color:#7f96b4;
  font-size:10px;
}

@media (max-width:1100px){
  .b617b-consent-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:620px){
  .b617b-consent-panel{
    padding:14px;
  }

  .b617b-consent-head{
    display:block;
  }

  .b617b-consent-head > .badge{
    display:inline-block;
    margin-top:8px;
  }

  .b617b-choice-grid{
    grid-template-columns:1fr;
  }
}

/* B617B_FIX1_EXACT_V2_CONSENTS_IN_DOCUMENT_STEP END */

/* =========================================================
   B617B_FIX1A_CONSENT_LAYOUT_AND_LIVE_WIZARD_LABELS
   ========================================================= */

/*
 * The Document step uses a multi-column host layout.
 * Consent approval is a primary workflow block and must span it.
 */
.b617b-consent-panel{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box;
}

/* Keep each consent card readable at desktop width. */
.b617b-consent-grid{
  grid-template-columns:
    repeat(
      3,
      minmax(230px,1fr)
    ) !important;
  align-items:stretch;
}

.b617b-consent-card{
  min-width:0 !important;
  overflow:hidden;
}

.b617b-consent-card-head{
  display:grid !important;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  align-items:start;
}

.b617b-consent-card-head > div{
  min-width:0;
}

.b617b-consent-card-head strong,
.b617b-consent-card-head small,
.b617b-consent-doc strong{
  overflow-wrap:anywhere;
}

.b617b-consent-status{
  max-width:110px;
  text-align:center;
  line-height:1.25;
}

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

.b617b-choice,
.b617b-main-switch{
  min-width:0;
}

.b617b-choice span,
.b617b-main-switch span{
  min-width:0;
  line-height:1.35;
}

@media (max-width:1180px){
  .b617b-consent-grid{
    grid-template-columns:
      repeat(
        2,
        minmax(240px,1fr)
      ) !important;
  }

  .b617b-consent-card:last-child{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  .b617b-consent-grid{
    grid-template-columns:
      1fr !important;
  }

  .b617b-consent-card:last-child{
    grid-column:auto;
  }

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

  .b617b-consent-card-head{
    grid-template-columns:1fr;
  }

  .b617b-consent-status{
    margin-top:6px;
  }
}

/* B617B_FIX1A_CONSENT_LAYOUT_AND_LIVE_WIZARD_LABELS END */

/* B617B_FIX2A_PARTE_PLACES_STABLE_CONSENTS_AND_LIVE_SIGNATURE_GATE */

.b617b-parte-provider,
.b617b-hanging-fields{
  display:grid;
  gap:8px;
  margin-top:2px;
}

.b617b-field-title{
  display:block;
  color:#91a8c7;
  font-size:10px;
  font-weight:850;
}

.b617b-provider-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.b617b-provider-choice,
.b617b-hanging-choice{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(151,177,211,.17);
  border-radius:9px;
  background:rgba(8,20,36,.46);
  color:#d5e0ef;
  font-size:10px;
  font-weight:760;
  line-height:1.3;
  cursor:pointer;
}

.b617b-provider-choice:hover,
.b617b-hanging-choice:hover{
  border-color:rgba(117,169,255,.34);
  background:rgba(25,47,77,.60);
}

.b617b-provider-choice:has(input:checked),
.b617b-hanging-choice:has(input:checked){
  border-color:rgba(117,169,255,.48);
  background:rgba(71,126,216,.16);
  color:#f0f6ff;
}

.b617b-provider-choice input,
.b617b-hanging-choice input{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin:0;
  accent-color:#75a9ff;
}

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

.b617b-other-place{
  display:grid;
  gap:5px;
}

.b617b-other-place > span{
  color:#849bb9;
  font-size:10px;
  font-weight:780;
}

.b617b-other-place input{
  width:100%;
  min-height:39px;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid rgba(151,177,211,.20);
  border-radius:9px;
  background:#09182a;
  color:#edf4ff;
}

.b617b-parte-place-note{
  padding:8px 9px;
  border:1px solid rgba(232,191,91,.22);
  border-radius:8px;
  background:rgba(232,191,91,.07);
  color:#d9c178;
  font-size:10px;
  line-height:1.4;
}

@media (max-width:900px){
  .b617b-provider-grid,
  .b617b-hanging-grid{
    grid-template-columns:1fr;
  }
}

/* B617B_FIX2A_PARTE_PLACES_STABLE_CONSENTS_AND_LIVE_SIGNATURE_GATE END */

/* =========================================================
   B617C_FIX1_CANONICAL_ORDER_PRESENTATION_LAYER
   ========================================================= */

.b617c-presentation{
  display:grid;
  gap:14px;
}

.b617c-detail-toolbar{
  margin-bottom:0;
}

.b617c-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
}

.b617c-hero h2{
  margin:5px 0 7px;
  font-size:27px;
  letter-spacing:-.035em;
}

.b617c-hero .order-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 14px;
}

.b617c-hero-status{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.b617c-card-grid{
  display:grid;
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );
  gap:12px;
  align-items:start;
}

.b617c-card{
  min-width:0;
  overflow:hidden;
  padding:18px;
}

.b617c-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}

.b617c-card-head h3{
  margin:4px 0 0;
  font-size:17px;
  letter-spacing:-.02em;
}

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

.b617c-field{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(139,169,207,.14);
  border-radius:10px;
  background:rgba(6,18,31,.28);
}

.b617c-field.is-wide{
  grid-column:1 / -1;
}

.b617c-field span{
  display:block;
  margin-bottom:4px;
  color:var(--muted);
  font-size:10px;
  font-weight:750;
}

.b617c-field strong{
  display:block;
  min-width:0;
  color:var(--text);
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.b617c-subsection{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(139,169,207,.13);
}

.b617c-subsection > strong{
  display:block;
  margin-bottom:8px;
  color:var(--text);
  font-size:12px;
}

.b617c-list{
  display:grid;
  gap:5px;
  margin-top:11px;
}

.b617c-list-row{
  display:grid;
  grid-template-columns:
    24px
    minmax(0,1fr)
    auto;
  gap:8px;
  align-items:center;
  min-height:34px;
  padding:6px 8px;
  border:1px solid rgba(139,169,207,.11);
  border-radius:8px;
  background:rgba(4,15,27,.22);
}

.b617c-list-row > span{
  color:var(--muted);
  font-size:10px;
}

.b617c-list-row > strong{
  min-width:0;
  font-size:11px;
  font-weight:720;
  overflow-wrap:anywhere;
}

.b617c-list-row > b{
  color:#9fb3cd;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

.b617c-list-row > b.is-good{
  color:#79daa3;
}

.b617c-progress{
  height:7px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(127,155,191,.15);
}

.b617c-progress > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:currentColor;
  color:#79aef5;
}

.b617c-card.is-targeted{
  outline:2px solid rgba(117,169,255,.62);
  outline-offset:2px;
}

/* KNIHA – operational human-readable table */
.b617c-book-table{
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(139,169,207,.14);
  border-radius:12px;
}

.b617c-book-head,
.b617c-book-row{
  display:grid;
  grid-template-columns:
    minmax(105px,.8fr)
    minmax(145px,1.25fr)
    minmax(115px,1fr)
    minmax(180px,1.45fr)
    minmax(125px,1fr)
    minmax(70px,.55fr)
    minmax(70px,.55fr);
  gap:10px;
  align-items:center;
}

.b617c-book-head{
  padding:9px 11px;
  background:rgba(17,37,61,.72);
  color:var(--muted);
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.045em;
}

.b617c-book-row{
  width:100%;
  padding:11px;
  border:0;
  border-top:1px solid rgba(139,169,207,.10);
  border-radius:0;
  background:rgba(6,17,29,.18);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.b617c-book-row:hover{
  background:rgba(31,57,89,.38);
}

.b617c-book-row > span{
  min-width:0;
  overflow:hidden;
  color:#b3c3d8;
  font-size:10px;
  line-height:1.35;
}

.b617c-book-row strong,
.b617c-book-row b{
  display:block;
  min-width:0;
  color:var(--text);
  font-size:11px;
  overflow-wrap:anywhere;
}

.b617c-book-row small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
  overflow-wrap:anywhere;
}

.b617c-book-order strong{
  color:#8db9f7;
}

/*
 * The new Detail is deliberately presentation-only.
 * Old technical section navigation is not rendered at all.
 */
[data-b617c-presentation="detail"]
  .section-nav,
[data-b617c-presentation="detail"]
  .section-content{
  display:none !important;
}

@media (max-width:1180px){
  .b617c-book-head{
    display:none;
  }

  .b617c-book-row{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }
}

@media (max-width:900px){
  .b617c-card-grid{
    grid-template-columns:1fr;
  }

  .b617c-hero{
    display:block;
  }

  .b617c-hero-status{
    justify-content:flex-start;
    margin-top:12px;
  }
}

@media (max-width:620px){
  .b617c-fields,
  .b617c-book-row{
    grid-template-columns:1fr;
  }

  .b617c-field.is-wide{
    grid-column:auto;
  }

  .b617c-list-row{
    grid-template-columns:
      20px
      minmax(0,1fr);
  }

  .b617c-list-row > b{
    grid-column:2;
    white-space:normal;
  }
}

/* B617C_FIX1_CANONICAL_ORDER_PRESENTATION_LAYER END */

/* B617C_FIX2B_PRESENTATION_CLEANUP START */
[data-b614b-fix3-panel].wizard-reopen-detail,
[data-b617c-fix2b-legacy-detail="hidden"],
[data-b617c-fix2b-hidden-technical="route-source"] {
  display: none !important;
}
/* B617C_FIX2B_PRESENTATION_CLEANUP END */


/* B619A_FIX1F_CANONICAL_LOGIN_STYLE START */
.b619a-auth-card{
  width:min(100%,520px);
}
.b619a-login-form{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.b619a-login-form label{
  display:grid;
  gap:7px;
  text-align:left;
}
.b619a-login-form label>span{
  font-size:13px;
  font-weight:800;
  opacity:.86;
}
.b619a-login-form input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:12px 13px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:11px;
  background:rgba(2,6,23,.48);
  color:inherit;
  font:inherit;
  outline:none;
}
.b619a-login-form input:focus{
  border-color:rgba(96,165,250,.82);
  box-shadow:0 0 0 3px rgba(59,130,246,.14);
}
.b619a-login-form button{
  width:100%;
  justify-content:center;
}
.b619a-auth-error{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid rgba(248,113,113,.42);
  border-radius:10px;
  background:rgba(127,29,29,.18);
  color:#fecaca;
  font-size:13px;
  font-weight:700;
}
@media(max-width:600px){
  .b619a-auth-card{
    width:100%;
  }
}
/* B619A_FIX1F_CANONICAL_LOGIN_STYLE END */


/* B619A_FIX2_AUTH_FULLSCREEN START
   Authentication is a separate screen, never mixed with dashboard content. */
.auth-gate{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  width:100vw !important;
  min-height:100dvh !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  display:grid !important;
  place-items:center !important;
  padding:28px 18px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(59,130,246,.10), transparent 34%),
    #07111f !important;
}
.auth-gate .auth-gate-card{
  margin:0 !important;
}
/* B619A_FIX2_AUTH_FULLSCREEN END */


/* B619A_FIX2A_AUTH_PORTAL_CSS START */
html:has(body.b619a-auth-portal-open),
body.b619a-auth-portal-open{
  overflow:hidden !important;
}

#b619a-auth-portal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100vh !important;
  overflow:auto !important;
  background:#07111f !important;
  isolation:isolate !important;
}

#b619a-auth-portal .auth-gate{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  min-height:100dvh !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  padding:28px 18px !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(59,130,246,.10), transparent 34%),
    #07111f !important;
}

#b619a-auth-portal .auth-gate-card{
  width:min(100%,520px) !important;
  margin:0 !important;
}
/* B619A_FIX2A_AUTH_PORTAL_CSS END */






/* B619A_FIX2C_NATIVE_DIALOG_CSS START */
#b619a-native-auth-dialog::backdrop{
  background:#07111f !important;
  opacity:1 !important;
}
#b619a-native-auth-dialog[open]{
  display:block !important;
}
/* B619A_FIX2C_NATIVE_DIALOG_CSS END */


/* B619B_FIX1_CANONICAL_READ_MODEL_CSS START */
.b619b-canonical-summary{
  margin:16px 0 20px;
  padding:18px;
  border:1px solid #30435f;
  border-radius:16px;
  background:#0f1b2d;
}
.b619b-summary-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
.b619b-summary-head h2{
  margin:3px 0 0;
}
.b619b-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.b619b-summary-grid article{
  min-width:0;
  padding:12px;
  border:1px solid #263a56;
  border-radius:12px;
  background:#132238;
}
.b619b-summary-grid span,
.b619b-section-state span{
  display:block;
  margin-bottom:5px;
  color:#91a7c7;
  font-size:12px;
}
.b619b-summary-grid strong{
  display:block;
  overflow-wrap:anywhere;
}
.b619b-section-matrix{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #263a56;
}
.b619b-section-title{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.b619b-section-title span{
  color:#91a7c7;
  font-size:12px;
}
.b619b-section-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.b619b-section-state{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border-radius:10px;
  border:1px solid #273b56;
  background:#101d30;
}
.b619b-section-state.is-filled{
  border-color:rgba(74,222,128,.32);
}
.b619b-section-state.is-empty{
  opacity:.72;
}
.b619b-section-state b{
  min-width:26px;
  text-align:center;
  padding:4px 7px;
  border-radius:999px;
  background:#1c2b42;
}
@media(max-width:1050px){
  .b619b-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .b619b-summary-grid,
  .b619b-section-grid{grid-template-columns:1fr}
  .b619b-section-title{align-items:flex-start;flex-direction:column}
}
/* B619B_FIX1_CANONICAL_READ_MODEL_CSS END */