/*
 * Beißler Office V19 · Phase B
 * Scoped components: customer workspace and verified workflow progress.
 */
.bw-v18-app .bw-v19-customer,
.bw-v18-app .bw-v19-flow-shell {
  --v19-accent:#08798b;
  --v19-line:#e4ebef;
  --v19-muted:#5b7080;
  --v19-ink:#142a38;
  color:var(--v19-ink);
}
.bw-v19-customer {max-width:1220px}
.bw-v19-back {
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:#536e80;
  text-decoration:none;
  font-size:13px;
  font-weight:650;
  margin:0 0 18px;
  padding:7px 0;
}
.bw-v19-back .office-icon{width:16px;height:16px}
.bw-v19-back:hover{color:#08798b}
.bw-v19-customer-hero{
  background:#fff;
  border:1px solid #e1e9ed;
  border-radius:13px;
  min-height:148px;
  padding:26px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.bw-v19-customer-identity{display:flex;align-items:center;gap:17px;min-width:0}
.bw-v19-customer-avatar{
  width:59px;height:59px;border-radius:12px;flex:0 0 59px;
  display:grid;place-items:center;
  color:#0d6474;background:#e9f4f5;border:1px solid #d4e8e9;
  font-weight:750;font-size:23px;letter-spacing:-.04em;
}
.bw-v19-eyebrow{
  display:flex;align-items:center;gap:9px;color:#607b8a;
  letter-spacing:.085em;font-size:10px;font-weight:770;
  margin:0 0 5px;
}
.bw-v19-active-dot{width:7px;height:7px;background:#26927d;border-radius:50%}
.bw-v19-chip-muted{font-size:11px;letter-spacing:0;color:#875d32}
.bw-v19-customer-identity h1{
  font-size:clamp(20px,2.2vw,27px);
  font-weight:760;line-height:1.24;
  color:#142c3b;margin:0;
  letter-spacing:-.03em;overflow-wrap:anywhere;
}
.bw-v19-customer-identity p{font-size:13px;color:#657b89;margin:6px 0 0}
.bw-v19-customer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.bw-v19-primary {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:11px 15px;
  min-height:46px;
  text-decoration:none;
  color:white;
  border:1px solid #076e81;border-radius:8px;
  background:#08798b;
  font-size:13px;font-weight:750;line-height:1.35;
  white-space:normal;
  transition:background .15s ease;
}
.bw-v19-primary:hover{background:#066477;color:#fff}
.bw-v19-primary .office-icon{width:17px;height:17px}
.bw-v19-action-menu{position:relative}
.bw-v19-action-menu>summary{
  border:1px solid #dce6ea;min-height:46px;padding:11px 13px;
  display:flex;align-items:center;gap:9px;
  color:#415968;background:#fff;
  font-size:13px;font-weight:660;
  cursor:pointer;border-radius:8px;list-style:none;
}
.bw-v19-action-menu>summary::-webkit-details-marker{display:none}
.bw-v19-action-menu>summary .office-icon{height:15px;width:15px}
.bw-v19-action-menu>summary:hover,.bw-v19-action-menu[open]>summary{background:#f1f6f7}
.bw-v19-action-menu nav{
  position:absolute;right:0;top:calc(100% + 9px);width:227px;
  border:1px solid #dae5e9;border-radius:11px;
  background:white;box-shadow:0 14px 42px #102d4023;
  z-index:25;display:flex;flex-direction:column;padding:7px;
}
.bw-v19-action-menu nav a {
  color:#2e4b5a;font-size:13px;font-weight:600;
  text-decoration:none;display:flex;align-items:center;
  min-height:44px;padding:10px 12px;border-radius:6px;
}
.bw-v19-action-menu nav a:hover{background:#edf5f5;color:#096e7f}
.bw-v19-next-context {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:#f0f7f7;border:1px solid #dceceb;
  border-radius:9px;padding:12px 16px;margin:14px 0 0;
  font-size:12px;color:#507180;
}
.bw-v19-next-indicator{height:8px;width:8px;flex:0 0 8px;border-radius:50%;background:#0a8993}
.bw-v19-next-context strong{color:#224757;font-size:12px;font-weight:680}
.bw-v19-next-context a {
  margin-left:auto;flex:0 0 auto;color:#087287;
  text-decoration:none;font-weight:730;
  min-height:33px;display:flex;align-items:center;padding:5px 7px;
}
.bw-v19-next-context a:hover{text-decoration:underline}
.bw-v19-tabs {
  display:flex;align-items:stretch;
  overflow-x:auto;scrollbar-width:thin;
  border-bottom:1px solid #dbe4e9;
  gap:5px;
  margin:24px 0 0;
}
.bw-v19-tabs a{
  display:flex;align-items:center;justify-content:center;white-space:nowrap;
  flex:0 0 auto;position:relative;
  text-decoration:none;
  color:#5d7380;
  font-size:13px;font-weight:650;
  min-height:49px;padding:12px 18px;
  border-bottom:2px solid transparent;
}
.bw-v19-tabs a:hover{color:#086d7f;background:#eaf2f426}
.bw-v19-tabs a[aria-current="page"]{
  color:#086c7c;
  border-bottom-color:#08798b;font-weight:770;
}
.bw-v19-customer-panel {
  background:#fff;border:1px solid #e4ebee;
  border-top:0;border-radius:0 0 12px 12px;
  padding:25px 28px 30px;
  min-height:320px;
}
.bw-v19-section-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:15px;flex-wrap:wrap;
}
.bw-v19-section-title h3{
  margin:0;color:#203b4b;font-size:17px;font-weight:760;letter-spacing:-.02em;
}
.bw-v19-section-title>span{color:#738895;font-size:12px}
.bw-v19-record-list{display:flex;flex-direction:column}
.bw-v19-record{
  display:flex;align-items:center;gap:14px;
  text-decoration:none;color:#233c4b;
  border-bottom:1px solid #edf1f3;
  padding:15px 6px;
  border-radius:6px;
  transition:background .16s ease;
}
.bw-v19-record:hover{background:#f8fbfb}
.bw-v19-record:last-child{border-bottom:0}
.bw-v19-record-icon{
  display:grid;place-items:center;flex:0 0 43px;
  height:43px;width:43px;border-radius:10px;background:#edf6f5;
  color:#087a87;border:1px solid #e0ecec;
}
.bw-v19-record-icon .office-icon{height:19px;width:19px}
.bw-v19-record-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.bw-v19-record-content small{font-size:11px;color:#627987}
.bw-v19-record-content strong{
  font-size:14px;font-weight:710;color:#233e4c;
  line-height:1.45;overflow-wrap:anywhere
}
.bw-v19-record-status{display:flex;flex:0 0 auto}
.bw-v19-record-arrow {color:#528a98;flex:0 0 auto;font-size:20px}
.bw-v19-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.bw-v19-asset{
  display:flex;align-items:center;gap:13px;min-height:92px;
  color:#243e4c;text-decoration:none;
  background:#fbfcfc;border:1px solid #e4ebee;
  border-radius:9px;padding:15px;
}
.bw-v19-asset:hover{border-color:#9fcbd0;background:#f4fafa}
.bw-v19-asset>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.bw-v19-asset strong{font-size:14px;font-weight:750;overflow-wrap:anywhere}
.bw-v19-asset small{font-size:12px;color:#5b7180;overflow-wrap:anywhere}
.bw-v19-asset>span:last-child{color:#278092}
.bw-v19-empty {
  display:flex;flex-direction:column;align-items:center;text-align:center;
  justify-content:center;min-height:210px;gap:9px;
  border:1px dashed #d6e4e6;background:#fafcfc;
  border-radius:9px;padding:30px 20px;color:#5c7380;
}
.bw-v19-empty>.office-icon {width:31px;height:31px;color:#337f8b}
.bw-v19-empty strong{color:#294858;font-size:15px}
.bw-v19-empty p{margin:0 0 7px;font-size:13px;line-height:1.55}
.bw-v19-secondary {
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;border:1px solid #dae7e9;
  background:white;color:#087388;font-size:13px;font-weight:710;
  padding:9px 13px;min-height:42px;border-radius:8px;
}
.bw-v19-secondary:hover{background:#eaf5f5}
.bw-v19-customer-panel .customer-profile-summary {
  margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.bw-v19-customer-panel .customer-profile-fact {
  background:#f9fbfb;border:1px solid #e8eff0;border-radius:8px;padding:15px;
}
.bw-v19-customer-panel .customer-profile-fact>span{font-size:12px;color:#5c7281}
.bw-v19-customer-panel .customer-profile-fact>strong{font-size:14px;color:#264453}
.bw-v19-danger-zone{margin-top:28px;border-top:1px solid #e6ebed;padding-top:14px}
.bw-v19-danger-zone>summary{cursor:pointer;color:#697d87;font-size:12px;font-weight:700;min-height:40px;padding:10px 0}
.bw-v19-danger-zone p{font-size:12px;color:#597483}
.bw-v19-timeline-filters{margin:16px 0}
.bw-v19-timeline-filters button{min-height:39px}
.bw-v19-timeline-count{font-size:12px;color:#5d7380}
.bw-v19-timeline{margin-top:15px}
.bw-v19-end-action{margin-top:20px;border-top:1px solid #edf0f2;padding-top:16px}

/* Workflow data, not decorative step text. */
.bw-v19-flow-shell {
  background:#fff;border:1px solid #e2e9ed;
  border-radius:12px;padding:19px 23px;
  margin-bottom:18px;
}
.bw-v19-flow-top {
  display:flex;justify-content:space-between;
  align-items:center;gap:12px;margin-bottom:16px;
}
.bw-v19-flow-top h2 {
  margin:0;font-size:14px;font-weight:770;color:#2c4654;
  letter-spacing:-.01em;
}
.bw-v19-flow-top>span {font-size:12px;color:#617887}
.bw-v19-stages{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:start;gap:0;
  list-style:none;margin:0;padding:0;
}
.bw-v19-stage{position:relative;min-width:0;padding:3px 10px 6px 0}
.bw-v19-stage:not(:last-child)::after{
  content:"";position:absolute;left:36px;right:5px;top:17px;height:1px;
  background:#dbe5e9;
}
.bw-v19-stage-icon {
  height:29px;width:29px;border-radius:50%;position:relative;z-index:1;
  display:grid;place-items:center;
  background:#f0f4f5;color:#607984;border:1px solid #d9e3e8;
  font-size:12px;font-weight:760;
}
.bw-v19-stage.is-done .bw-v19-stage-icon {background:#e7f4ee;border-color:#cce9dc;color:#146c5b}
.bw-v19-stage.is-current .bw-v19-stage-icon {background:#08798b;color:#fff;border-color:#08798b}
.bw-v19-stage.is-cancelled .bw-v19-stage-icon{background:#f9eeee;border-color:#efd7d7;color:#954444}
.bw-v19-stage.is-optional .bw-v19-stage-icon{background:#fafbfb;color:#8295a1}
.bw-v19-stage>a,
.bw-v19-stage>span.bw-v19-stage-content {
  display:block;text-decoration:none;
  margin-top:9px;line-height:1.4;color:#284350;
}
.bw-v19-stage a:hover .bw-v19-stage-title{text-decoration:underline;color:#07778a}
.bw-v19-stage-title{font-weight:730;font-size:12px;display:block;color:#2f4b5a}
.bw-v19-stage-note{display:block;font-size:11px;margin-top:3px;color:#647c89;line-height:1.4}
.bw-v19-flow-actions{
  display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  border-top:1px solid #e9eff1;padding-top:16px;margin-top:12px;
}
.bw-v19-flow-actions>.bw-v19-primary{min-height:43px}
.bw-v19-flow-actions>.bw-v19-secondary{min-height:43px}
.bw-v19-flow-actions form{margin:0}
.bw-v19-flow-actions button{
  display:inline-flex;align-items:center;min-height:44px;
  padding:10px 16px;border-radius:8px;
  background:#08798b;border:1px solid #08798b;
  color:#fff;font-weight:740;font-size:13px;
  cursor:pointer;
}
.bw-v19-flow-actions button:hover{background:#066477}
.bw-v19-flow-actions .bw-v19-context-note{
  font-size:12px;color:#617887;line-height:1.5;
}
.bw-v19-supplementary {display:flex;gap:8px;flex-wrap:wrap}
.bw-v19-supplementary a {
  color:#57717e;text-decoration:none;font-weight:620;font-size:12px;
  min-height:38px;padding:7px 10px;display:inline-flex;align-items:center;
}
.bw-v19-supplementary a:hover{color:#08798b}
.bw-v19-operations-link {scroll-margin-top:105px}
.bw-v19-app-compact .document-preview-actions {margin-top:12px}
@media (max-width:1120px) {
 .bw-v19-stages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
 .bw-v19-stage:nth-child(3)::after{display:none}
}
@media (max-width:780px){
 .bw-v19-customer-hero{flex-direction:column;align-items:stretch;padding:22px}
 .bw-v19-customer-actions{justify-content:flex-start}
 .bw-v19-customer-panel{padding:20px}
 .bw-v19-customer-panel .customer-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bw-v19-assets{grid-template-columns:1fr}
}
@media (max-width:530px){
 .bw-v19-customer-hero{padding:18px;gap:16px}
 .bw-v19-customer-avatar{width:48px;height:48px;flex-basis:48px;font-size:19px}
 .bw-v19-customer-identity h1{font-size:21px}
 .bw-v19-customer-actions{width:100%;gap:8px}
 .bw-v19-customer-actions>.bw-v19-primary{flex:1 1 100%;min-width:0}
 .bw-v19-action-menu{flex:1}
 .bw-v19-action-menu>summary{width:100%;justify-content:center}
 .bw-v19-action-menu nav{right:auto;left:0;width:min(260px,calc(100vw - 52px))}
 .bw-v19-next-context {padding:11px 12px}
 .bw-v19-next-context a{margin-left:18px}
 .bw-v19-tabs a{min-height:46px;padding:11px 14px;font-size:12px}
 .bw-v19-customer-panel{padding:17px 15px}
 .bw-v19-record {gap:10px;padding:12px 0;flex-wrap:wrap}
 .bw-v19-record-icon{width:35px;height:35px;flex-basis:35px}
 .bw-v19-record-content{flex-basis:calc(100% - 75px)}
 .bw-v19-record-status{margin-left:45px}
 .bw-v19-record-arrow{margin-left:auto}
 .bw-v19-customer-panel .customer-profile-summary{grid-template-columns:1fr}
 .bw-v19-flow-shell{padding:17px 15px}
 .bw-v19-stages{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
 .bw-v19-stage:nth-child(3)::after{display:block}
 .bw-v19-stage:nth-child(2n)::after{display:none}
 .bw-v19-stage-title{font-size:12px}
 .bw-v19-flow-top{align-items:flex-start;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
 .bw-v19-primary,.bw-v19-record,.bw-v19-action-menu,.bw-v19-asset{transition:none!important}
}

/* Individual customer workspace owns its own identity heading. */
.bw-v18-app .admin-content:has(> .bw-v19-customer) > .admin-page-heading {
  display:none;
}
.bw-v18-app .admin-content:has(> .bw-v19-customer) {
  padding-top:24px;
}
.bw-v19-customer-panel {min-height:0}
.bw-v19-customer-panel .customer-profile-summary {min-height:0}
.bw-v18-app .admin-content:has(> .bw-v19-flow-shell) > .admin-page-heading .admin-lead{
  display:none;
}

/* Three concise steps per row on normal phones; retain two on narrow 320px. */
@media (min-width:360px) and (max-width:530px){
  .bw-v19-stages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}
  .bw-v19-stage:nth-child(2n)::after{display:block}
  .bw-v19-stage:nth-child(3n)::after{display:none}
}