:root {
  --ink: #303030;
  --muted: #777777;
  --line: #e3e3e3;
  --canvas: #f5f5f5;
  --white: #ffffff;
  --aqua: #d73c36;
  --aqua-dark: #d73c36;
  --aqua-deep: #303030;
  --aqua-soft: #f1cecc;
  --aqua-pale: #fff4f3;
  --shadow: 0 24px 70px rgba(48, 48, 48, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--ink); background: #f5f5f5; font: 14px "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button { outline: none !important; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
svg { width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.page-glow { position: fixed; z-index: -1; border-radius: 50%; filter: blur(15px); opacity: .7; }
.page-glow-one { top: -160px; right: -70px; width: 420px; height: 420px; background: #f1cecc; }
.page-glow-two { bottom: -160px; left: -90px; width: 330px; height: 330px; background: #e2e2e2; }

.app-shell { display: flex; width: 100%; max-width: none; min-height: 100vh; margin: 0; overflow: hidden; background: var(--canvas); border: 0; border-radius: 0; box-shadow: none; }
.sidebar { position: relative; z-index: 20; display: flex; flex: 0 0 250px; flex-direction: column; min-height: 100vh; padding: 28px 16px 24px; color: #f5f5f5; background: #303030; border-right: 2px solid #d73c36; }
.brand-wrap { min-height: 54px; margin: 0 4px 30px 9px; }
.brand { color: #f5f5f5; font: 500 31px/1 "Manrope", sans-serif; letter-spacing: -1.8px; text-decoration: none !important; }
.brand:hover { color: #fff; }
.brand-mark { display: grid; width: 48px; height: 48px; margin-right: 8px; place-items: center; color: #fff; background: #d73c36; border-radius: 14px; box-shadow: 0 7px 18px rgba(215,60,54,.3); }
.brand-mark svg { width: 30px; height: 30px; }
.clinic-nav { gap: 6px; }
.clinic-nav .nav-link { display: flex; min-height: 46px; padding: 11px 13px; align-items: center; color: rgba(245,245,245,.74); border-radius: 4px; font-size: 14px; font-weight: 500; white-space: nowrap; transition: .18s ease; }
.clinic-nav .nav-link:hover { color: #fff; background: rgba(215,60,54,.17); transform: translateX(2px); }
.clinic-nav .nav-link.active { color: #fff; background: #d73c36; box-shadow: 0 5px 14px rgba(215,60,54,.28); }
.clinic-nav svg { width: 20px; height: 20px; margin-right: 14px; stroke-width: 1.7; }
.booking-card { position: relative; margin: 90px 2px 0; padding: 48px 15px 13px; color: #fff; text-align: left; background: linear-gradient(145deg,#d73c36,#b92e29); border-radius: 9px; }
.clock-badge { position: absolute; top: -42px; left: 50%; display: grid; width: 77px; height: 77px; place-items: center; color: #d73c36; background: #f5f5f5; border: 7px solid #d73c36; border-radius: 50%; box-shadow: 0 0 0 4px #f5f5f5,0 8px 18px rgba(0,0,0,.22); transform: translateX(-50%); }
.clock-badge svg { width: 42px; height: 42px; stroke-width: 2; }
.booking-card h2 { margin: 0 0 5px; font: 700 18px "Manrope",sans-serif; }
.booking-card p { margin: 0 0 11px; color: rgba(255,255,255,.76); font-size: 11.5px; line-height: 1.45; }
.book-btn { height: 34px; padding: 5px 12px; color: #fff; background: #303030; border: 0; border-radius: 999px; font-size: 12px; box-shadow: 0 5px 12px rgba(0,0,0,.2); }
.book-btn:hover { color: #303030; background: #f5f5f5; transform: translateY(-1px); }

.main-area { flex: 1 1 auto; min-width: 0; padding-bottom: 0; background: #f5f5f5; }
.topbar { min-height: 95px; padding: 18px 28px 8px; }
.title-side { min-width: 220px; }
.title-side h1 { margin: 0; font: 700 23px "Manrope",sans-serif; letter-spacing: -.5px; }
.title-side p { margin: 4px 0 0; color: #858585; font-size: 18px; }
.top-actions { gap: 8px; }
.search-box { display: flex; width: 225px; height: 47px; margin-right: 3px; padding: 0 15px; align-items: center; color: #d73c36; background: #ececec; border: 1px solid #dedede; border-radius: 999px; }
.search-box svg { flex: 0 0 auto; width: 22px; height: 22px; margin-right: 9px; }
.search-box input { width: 100%; min-width: 0; padding: 0; color: #303030; background: transparent; border: 0; outline: 0; font-size: 12px; }
.search-box input::placeholder { color: #8b8b8b; }
.icon-button { position: relative; display: inline-grid; width: 47px; height: 47px; padding: 0; place-items: center; color: #303030; background: #ececec; border: 1px solid #dedede; border-radius: 50%; transition: .18s ease; }
.icon-button:hover { color: #fff; background: #d73c36; transform: translateY(-1px); }
.icon-button svg { width: 21px; height: 21px; }
.notification-dot { position: absolute; top: 9px; right: 10px; width: 7px; height: 7px; background: #d73c36; border: 1.5px solid #f5f5f5; border-radius: 50%; }
.notification-button.read .notification-dot { display: none; }
.top-divider { width: 1px; height: 45px; margin: 0 2px; background: #303030; }
.profile-button { display: flex; padding: 0; align-items: center; gap: 8px; color: #303030; background: transparent; border: 0; }
.profile-button::after { display: none; }
.profile-button img { width: 47px; height: 47px; object-fit: cover; background: #ddd; border-radius: 50%; }
.profile-button svg { width: 20px; height: 20px; }
.profile-menu { width: 210px; margin-top: 10px; padding: 8px; border: 0; border-radius: 11px; box-shadow: 0 15px 40px rgba(48,48,48,.16); }
.profile-menu-head { display: flex; padding: 9px 11px 12px; flex-direction: column; border-bottom: 1px solid #eee; }
.profile-menu-head small { margin-top: 3px; color: #999; font-size: 10px; }
.profile-menu .dropdown-item { display: flex; padding: 9px 10px; align-items: center; gap: 9px; border-radius: 7px; font-size: 12px; }
.profile-menu .dropdown-item svg { width: 17px; height: 17px; }
.mobile-menu { margin-right: 12px; }
.sidebar-close { color: #fff; background: #d73c36; border-color: #d73c36; }

.welcome-row { min-height: 124px; padding: 6px 28px 23px; gap: 24px; }
.welcome-copy h2 { margin: 0 0 10px; font: 500 36px "Manrope",sans-serif; letter-spacing: -1.8px; }
.welcome-copy h2 span { color: #d73c36; font-weight: 400; }
.welcome-copy p { display: flex; margin: 0; align-items: center; gap: 8px; color: #858585; font-size: 15px; }
.welcome-copy p svg { width: 20px; height: 20px; }
.metric-strip { gap: 28px; }
.metric { display: flex; min-width: 120px; align-items: flex-start; }
.metric > svg { width: 28px; height: 28px; margin: 8px 6px 0 0; padding: 4px; color: #d73c36; background: #f5dedc; stroke-width: 1.5; }
.metric div { display: flex; flex-direction: column; }
.metric strong { font: 400 48px/1 "Manrope",sans-serif; letter-spacing: -2px; }
.metric span { margin-top: 5px; font-size: 15px; white-space: nowrap; }

.view { padding: 0 28px; }
.dashboard-grid { display: grid; grid-template-columns: 250px minmax(430px,1fr) 250px; grid-template-rows: minmax(495px,auto) auto; gap: 16px; }
.panel { min-width: 0; overflow: hidden; background: #fff; border-radius: 12px; box-shadow: 0 7px 22px rgba(48,48,48,.055); }
.panel-heading { min-height: 48px; padding: 15px 14px 8px; }
.panel-heading h3 { margin: 0; font: 700 18px "Manrope",sans-serif; letter-spacing: -.3px; }
.more-button { padding: 0; color: #303030; background: transparent; border: 0; font-size: 19px; font-weight: 700; letter-spacing: 2px; }
.reports-panel { grid-column: 1; grid-row: 1; }
.report-list { padding: 0 8px 10px; }
.report-item { display: flex; width: 100%; min-height: 52px; padding: 5px 1px; align-items: center; text-align: left; background: transparent; border: 0; border-bottom: 1px solid #efefef; }
.report-item:hover { background: #fff5f4; }
.report-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; margin-right: 8px; place-items: center; color: #d73c36; background: #f7dfdd; }
.report-icon svg { width: 18px; height: 18px; }
.report-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.report-copy b { overflow: hidden; font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.report-copy small,.report-item time { color: #a0a0a0; font-size: 14px; }
.report-item time { flex: 0 0 auto; margin-left: 3px; }

.flow-panel { grid-column: 2; grid-row: 1; padding-bottom: 10px; }
.flow-heading { min-height: 83px; padding: 16px 14px 2px; }
.flow-heading p { margin: 12px 0 0; color: #777; font-size: 12px; }
.flow-heading p b { color: #d73c36; }
.chart-meta { gap: 10px; font-size: 15px; white-space: nowrap; }.flow-legend span{display:inline-flex;align-items:center;gap:5px}.flow-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.flow-legend .movement-in{background:#d73c36}.flow-legend .movement-out{background:#303030}
.period-button { display: inline-flex; min-width: 110px; height: 38px; padding: 6px 16px; align-items: center; justify-content: center; gap: 7px; color: #fff; background: #d73c36; border: 0; border-radius: 999px; font-size: 12px; }
.period-button:hover { color: #fff; background: #303030; }
.period-button svg { width: 15px; height: 15px; }
.chart-wrap { display: flex; height: 385px; padding: 10px 15px 8px 8px; }
.y-axis { display: flex; flex: 0 0 38px; height: calc(100% - 24px); padding-right: 4px; justify-content: space-between; flex-direction: column; color: #555; text-align: right; font-size: 14px; }
.chart-plot { position: relative; flex: 1; min-width: 0; height: calc(100% - 4px); border-left: 1.5px solid #303030; border-bottom: 1.5px solid #303030; }
.gridline { position: absolute; right: 0; left: 0; height: 1px; border-top: 1px dashed #e7e7e7; }
.g80{top:0}.g60{top:25%}.g40{top:50%}.g20{top:75%}.g0{bottom:0}
.bars { position: absolute; inset: 0 0 29px; display: flex; align-items: flex-end; justify-content: space-around; }
.bar-column { position: relative; display: flex; width: 13.1%; height: 100%; justify-content: flex-end; flex-direction: column; }
.bar-pair{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center;gap:5px}.bar-column .bar{width:34%;max-width:26px;height:var(--bar);min-height:3px;border-radius:6px 6px 0 0}.bar-column .movement-in{background:#eaa19e}.bar-column .movement-out{background:#858585}
.bar-column > span { position: absolute; bottom: -27px; left: 50%; font-size: 14px; transform: translateX(-50%); }
.bar-column.featured .movement-in{background:#d73c36}.bar-column.featured .movement-out{background:#303030}
.bar-label { position: absolute; z-index: 2; top: calc(18% - 14px); left: 50%; padding: 6px 9px; color: #fff; background: rgba(215,60,54,.88); border-radius: 3px; font-size: 13px; white-space: nowrap; transform: translateX(-50%); }

.schedule-panel { grid-column: 3; grid-row: 1; }
.schedule-summary { padding: 5px 14px 12px; }
.schedule-summary p { margin: 0 0 5px; color: #666; font-size: 12px; }
.schedule-summary b { color: #d73c36; font: 700 17px "Manrope",sans-serif; }
.date-picker { padding: 5px 9px 8px; background: #fafafa; }
.date-picker button { display: flex; width: 42px; height: 52px; padding: 0; align-items: center; justify-content: center; flex-direction: column; color: #303030; background: transparent; border: 0; border-radius: 4px; }
.date-picker b { font-size: 14px; font-weight: 500; }.date-picker span { color: #a25d5a; font-size: 9px; }
.date-picker button.active { color: #fff; background: #d73c36; box-shadow: 0 5px 10px rgba(215,60,54,.24); }.date-picker button.active span { color: #fff; }
.schedule-list { padding: 2px 10px 8px; }
.schedule-item { display: flex; min-height: 58px; align-items: center; border-bottom: 1px solid #efefef; }
.schedule-item > .item-icon { display: grid; flex: 0 0 37px; width: 37px; height: 37px; margin-right: 8px; place-items: center; color: #d73c36; background: #f7dfdd; border-radius: 50%; }
.schedule-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; }.schedule-copy b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.schedule-copy small { color: #919191; font-size: 14px; }
.schedule-slot { display: flex; flex: 0 0 82px; align-items: flex-end; flex-direction: column; }.schedule-slot small { margin-bottom: 5px; color: #919191; font-size: 7px; }.schedule-slot span { min-width: 66px; padding: 4px 7px; color: #fff; background: #303030; border-radius: 3px; text-align: center; font-size: 14px; }.schedule-slot span.pending { color: #b62e29; background: #f8dedd; }

.task-panel { grid-column: 1 / 3; grid-row: 2; }
.task-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; padding: 0 12px 12px; }
.task-card { min-width: 0; padding: 13px 12px 0; background: #f5f5f5; }
.task-card h4 { margin: 0 0 8px; font: 700 15px "Manrope",sans-serif; }.task-card h4 span { display: inline-grid; width: 19px; height: 19px; margin-left: 2px; place-items: center; color: #fff; background: #d73c36; border-radius: 50%; font-size: 9px; }
.task-card time { display: flex; align-items: center; gap: 5px; color: #858585; font-size: 14px; }.task-card time svg { width: 13px; height: 13px; }
.task-card h5 { margin: 17px 0 7px; font-size: 13px; font-weight: 600; }.task-card p { min-height: 34px; margin: 0; color: #858585; font-size: 14px; line-height: 1.45; }
.task-bottom { display: flex; min-height: 41px; align-items: center; justify-content: space-between; }
.priority { padding: 4px 12px; border-radius: 999px; font-size: 9px; font-weight: 600; }.priority.low{color:#303030;background:#e4e4e4}.priority.medium{color:#a32a25;background:#f7dedd}.priority.high{color:#fff;background:#d73c36}
.details-fill { display: flex; width: calc(100% + 24px); height: 36px; margin-left: -12px; align-items: center; justify-content: center; gap: 22px; color: #fff; background: #d73c36; border: 0; font-size: 11px; }.details-fill:hover{background:#303030}.details-fill svg{width:16px;height:16px}
.portfolio-card { position: relative; grid-column: 3; grid-row: 2; min-height: 275px; overflow: hidden; color: #fff; background: #303030; border-radius: 12px; }
.portfolio-card::after { position: absolute; right: -65px; bottom: -80px; width: 260px; height: 260px; content: ""; border: 45px solid rgba(255,255,255,.022); border-radius: 50%; }
.portfolio-copy { position: relative; z-index: 2; padding: 16px 14px; }.portfolio-copy h3{margin:0;font:700 18px "Manrope",sans-serif}.portfolio-copy strong{display:block;margin-top:70px;font:500 42px "Manrope",sans-serif}.portfolio-copy strong small{font-size:12px}.portfolio-copy p{color:rgba(255,255,255,.78);font-size:10px}

.table-view { padding-bottom: 25px; }
.table-panel { min-height: 630px; padding-bottom: 12px; }
.table-heading { min-height: 68px; padding: 12px 14px; }
.table-heading-copy p { margin: 5px 0 0; color: #888; font-size: 10px; }
.table-heading-actions { display: flex; align-items: center; gap: 8px; }
.table-search { display: flex; width: 205px; height: 38px; padding: 0 12px; align-items: center; background: #f5f5f5; border: 1px solid #ddd; border-radius: 999px; }.table-search svg{width:17px;height:17px;margin-right:7px;color:#d73c36}.table-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:11px}
.primary-pill { display: inline-flex; height: 38px; padding: 5px 15px; align-items: center; gap: 6px; color: #fff!important; background: #d73c36; border: 0; border-radius: 999px; font-size: 11px; text-decoration:none!important; }.primary-pill svg{width:16px;height:16px}.primary-pill:hover{background:#303030}
.treatment-table { width: calc(100% - 20px); margin: 0 10px!important; table-layout: fixed; color: #444; }
.treatment-table thead { color: #fff; background: #d73c36; }.treatment-table th{padding:11px 8px;border:0;font-weight:500;white-space:nowrap}.treatment-table th span{margin-left:3px;color:#f6c7c5}
.treatment-table td { height: 54px; padding: 7px 8px; vertical-align: middle; border: 0; font-size: 12px; }.treatment-table tbody tr{border-bottom:1px solid #efefef}.treatment-table tbody tr:hover{background:#fff5f4}
.user-cell { display:flex;align-items:center;gap:8px; }.user-cell img,.user-initials{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;object-fit:cover;color:#fff;background:#303030;border-radius:50%;font-size:9px}.user-cell div,.contact-cell{display:flex;min-width:0;flex-direction:column}.user-cell b,.contact-cell b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-cell small,.contact-cell small{color:#999;font-size:14px}
.status { display:inline-block;min-width:72px;padding:5px 8px;border-radius:6px;text-align:center;font-size:10px}.status.active{color:#fff;background:#d73c36}.status.completed{color:#fff;background:#303030}.status.pending{color:#303030;background:#f5f5f5;box-shadow:inset 0 0 0 1px #cfcfcf}
.table-actions form { display:flex;justify-content:flex-end;gap:4px; }
.action-button{display:inline-grid;width:30px;height:30px;place-items:center;color:#303030;background:#f0f0f0;border:0;border-radius:6px}
.action-button:hover{color:#fff;background:#d73c36;text-decoration:none}
.action-button svg{width:15px;height:15px}
.action-button.text {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #303030;
  background: #f0f0f0;
  border: 0;
  border-radius: 6px;
  width: 65px;
  display: block;
  padding: 7px 6px;
  margin-right: 2px;
}

.empty-state { padding:70px 20px!important;text-align:center;color:#999; }

.app-footer { min-height: 65px; margin: 20px 28px 0; padding: 17px 0 0; color: #999; border-top: 1px solid #ddd; font-size: 10px; }
.clinic-toast { position:fixed;z-index:100;right:28px;bottom:28px;display:flex;min-width:240px;padding:13px 18px;align-items:center;gap:10px;color:#fff;background:#303030;border-radius:11px;box-shadow:0 13px 35px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s ease}.clinic-toast.show{opacity:1;transform:none}.toast-check{display:grid;width:25px;height:25px;place-items:center;color:#fff;background:#d73c36;border-radius:50%}.toast-check svg{width:17px;height:17px}
.sidebar-backdrop { display:none; }
.modal-content { overflow:hidden;border:0;border-radius:12px;box-shadow:0 20px 60px rgba(48,48,48,.2)}.modal-header{border-bottom:1px solid #eee}.modal-title{font:700 18px "Manrope",sans-serif}
.form-control,.custom-select{min-height:42px;border-color:#ddd;border-radius:7px}.form-control:focus,.custom-select:focus{border-color:#d73c36;box-shadow:0 0 0 .2rem rgba(215,60,54,.12)}

/* AYARD application modules */
.ayard-auth-body{min-height:100vh;background:#303030}.ayard-auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr)}.ayard-auth-brand{display:flex;padding:55px 65px 45px;justify-content:space-between;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 80%,rgba(215,60,54,.34),transparent 32%),#303030}.auth-brand{display:flex;align-items:center;color:#fff!important;text-decoration:none!important;font:700 28px "Manrope",sans-serif}.auth-brand .brand-mark{margin-right:10px}.ayard-auth-brand h1{max-width:650px;margin:18px 0;font:600 clamp(38px,4.6vw,72px)/1.02 "Manrope",sans-serif;letter-spacing:-3px}.ayard-auth-brand p{max-width:560px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.7}.auth-eyebrow{color:#ee9692;font-size:10px;font-weight:700;letter-spacing:2px}.auth-proof{display:flex;align-items:center;gap:10px;color:#aaa;font-size:9px}.auth-proof span{display:grid;width:27px;height:27px;place-items:center;color:#fff;background:#d73c36;border-radius:50%;font-size:14px}.ayard-auth-form{display:grid;padding:35px;place-items:center;background:#f5f5f5}.auth-form-inner{width:100%;max-width:480px}.auth-form-inner>.card{background:transparent;border:0;box-shadow:none}.auth-form-inner>.card .card-body{padding:0}.auth-form-inner .auth-header{text-align:left!important}.auth-form-inner .auth-header h2,.auth-copy h2{margin:5px 0;font:700 30px "Manrope",sans-serif!important;color:#303030!important}.auth-form-inner .auth-header p,.auth-copy p{margin:0 0 28px;color:#888;font-size:11px}.auth-copy>span{color:#d73c36;font-size:14px;font-weight:700;letter-spacing:1.4px}.auth-form-inner .form-control{height:48px;background:#fff}.auth-form-inner label{color:#666;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.auth-form-inner .btn-secondary,.auth-submit{display:flex;width:100%;min-height:49px;padding:10px 18px;align-items:center;justify-content:space-between;color:#fff;background:#d73c36;border:0;border-radius:7px;font-size:12px;font-weight:700}.auth-form-inner .btn-secondary:hover,.auth-submit:hover{color:#fff;background:#303030}.auth-submit span{font-size:18px}.auth-switch{margin:18px 0 0;color:#888;text-align:center;font-size:10px}.auth-switch a,.auth-text-button{color:#d73c36;background:transparent;border:0;font-weight:700}.auth-form-inner footer{margin-top:34px;color:#aaa;text-align:center;font-size:14px}
.workspace-alert{display:flex;min-height:48px;margin:0 28px 14px;padding:11px 14px;align-items:center;gap:10px;border-radius:8px;font-size:12px}.workspace-alert svg{flex:0 0 20px}.workspace-alert span{flex:1}.workspace-alert button{padding:0;color:inherit;background:transparent;border:0;font-size:20px}.workspace-alert.success{color:#fff;background:#303030}.workspace-alert.danger{color:#9e211d;background:#f7d9d7;border:1px solid #efb5b2}
.mini-link{color:#d73c36;font-size:10px;font-weight:700;text-decoration:none!important}.mini-link:hover{color:#303030}.secondary-pill{display:inline-flex;min-height:38px;padding:7px 15px;align-items:center;justify-content:center;gap:6px;color:#303030!important;background:#fff;border:1px solid #d5d5d5;border-radius:999px;font-size:11px;text-decoration:none!important}.secondary-pill:hover{color:#fff!important;background:#303030;border-color:#303030}.secondary-pill svg{width:15px;height:15px}.large-pill{height:44px;padding-right:20px;padding-left:20px}.compact-welcome{min-height:105px}.page-actions,.designer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-empty{padding:35px 14px;color:#999;text-align:center;font-size:11px}.wide-empty{grid-column:1/-1}.panel-heading p{margin:5px 0 0;color:#888;font-size:14px}
.summary-band{display:grid;margin-bottom:16px;grid-template-columns:repeat(5,1fr);overflow:hidden;background:#303030;border-radius:10px}.summary-band article{display:flex;min-width:0;min-height:76px;padding:14px 16px;justify-content:center;flex-direction:column;color:#fff;border-right:1px solid rgba(255,255,255,.12)}.summary-band article:last-child{border:0}.summary-band span{margin-bottom:5px;color:rgba(255,255,255,.58);font-size:13px;text-transform:uppercase;letter-spacing:.7px}.summary-band strong{overflow:hidden;font:600 20px "Manrope",sans-serif;text-overflow:ellipsis;white-space:nowrap}.summary-band .small-strong{font-size:11px}
.capacity-track,.inline-capacity i,.capacity-report-list i{display:block;height:6px;overflow:hidden;background:#ddd;border-radius:999px}.capacity-track i,.inline-capacity em,.capacity-report-list em{display:block;height:100%;background:#d73c36;border-radius:inherit}.yard-summary-card .capacity-track{margin:14px 0 0}.portfolio-link{position:relative;z-index:3;display:inline-block;margin-top:20px;color:#fff;font-size:11px;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.5)}
.yard-list-grid{display:grid;padding:5px 14px 18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yard-list-card{padding:17px;background:#f8f8f8;border:1px solid #ededed;border-radius:10px;transition:.18s ease}.yard-list-card:hover{border-color:#e7b6b3;box-shadow:0 10px 28px rgba(48,48,48,.08);transform:translateY(-2px)}.yard-card-top{display:flex;align-items:center;justify-content:space-between}.yard-card-icon{display:grid;width:42px;height:42px;place-items:center;color:#fff;background:#303030;border-radius:9px}.yard-card-icon svg{width:22px;height:22px}.yard-list-card h3{margin:18px 0 5px;font:700 18px "Manrope",sans-serif}.yard-list-card>p{min-height:34px;margin:0;color:#888;font-size:10px}.yard-stat-row{display:grid;margin:16px 0;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}.yard-stat-row span{display:flex;padding:10px 4px;align-items:center;flex-direction:column;color:#888;font-size:14px;border-right:1px solid #e7e7e7}.yard-stat-row span:last-child{border:0}.yard-stat-row b{color:#303030;font:700 17px "Manrope",sans-serif}.yard-card-actions{display:flex;justify-content:space-between}.yard-card-actions a{color:#d73c36;font-size:10px;font-weight:700}.empty-workspace{display:flex;grid-column:1/-1;min-height:360px;padding:55px 20px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-workspace>span{display:grid;width:70px;height:70px;place-items:center;color:#d73c36;background:#f7dfdd;border-radius:50%}.empty-workspace svg{width:34px;height:34px}.empty-workspace h3{margin:18px 0 6px;font:700 20px "Manrope",sans-serif}.empty-workspace p{max-width:480px;color:#888;font-size:11px}.pagination-wrap{padding:16px 14px}.pagination-wrap .page-link{color:#303030}.pagination-wrap .page-item.active .page-link{background:#d73c36;border-color:#d73c36}
.yard-table th:first-child{width:18%}.yard-table th:last-child{width:34%}.yard-table-name{display:flex;min-width:0;align-items:center;gap:9px}.yard-table-name>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#fff;background:#303030;border-radius:7px}.yard-table-name svg{width:17px;height:17px}.yard-table-name>div{display:flex;min-width:0;flex-direction:column}.yard-table-name b,.yard-table-name a{overflow:hidden;color:#303030;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.yard-table-name small,.yard-updated{display:block;margin-top:2px;color:#999;font-size:14px}.yard-table-utilisation{display:flex;align-items:center;gap:7px}.yard-table-utilisation>span{display:block;width:58px;height:5px;overflow:hidden;background:#e5e5e5;border-radius:999px}.yard-table-utilisation i{display:block;height:100%;background:#d73c36;border-radius:inherit}.yard-table-utilisation b{font-size:9px}.yard-row-actions{gap:5px;flex-wrap:wrap}.action-button.yard-row-action{display:inline-flex;width:auto;min-width:58px;height:32px;padding:0 9px;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:700}.action-button.yard-row-action svg{flex:0 0 14px;width:14px;height:14px}
.form-view,.operation-form-view{padding-top:24px}.form-panel,.operation-form-panel{max-width:850px;margin:0 auto;padding:12px 20px 20px}.form-panel form,.operation-form-panel form{padding:12px 14px}.form-actions{padding-top:12px;gap:8px;border-top:1px solid #eee}.operation-form-panel{max-width:940px;padding-top:0}.operation-form-intro{margin:0 -20px 20px;padding:28px 34px;color:#fff;background:#303030;border-radius:12px 12px 0 0}.operation-form-intro>span{display:grid;width:47px;height:47px;margin-bottom:15px;place-items:center;color:#fff;background:#d73c36;border-radius:50%}.operation-form-intro h2{margin:0 0 5px;font:700 24px "Manrope",sans-serif}.operation-form-intro p{max-width:650px;margin:0;color:rgba(255,255,255,.65);font-size:11px}.gateout-location{display:flex;margin:0 14px 22px;padding:18px;flex-direction:column;background:#f5f5f5;border-left:4px solid #d73c36}.gateout-location small{color:#999;font-size:14px}.gateout-location strong{margin:4px 0;font:700 18px "Manrope",sans-serif}
.container-out-search{padding:2px 14px 18px!important}.container-out-search-row{display:flex;align-items:stretch;gap:9px}.container-out-search-row .form-control{flex:1}.container-out-search-row .primary-pill{flex:0 0 auto}.container-out-feedback{margin:0 14px 18px;padding:11px 13px;color:#555;background:#f5f5f5;border-left:4px solid #303030;font-size:10px}.container-out-feedback.warning{color:#754c04;background:#fff7dd;border-color:#e5a62c}.container-out-feedback.danger{color:#8d2925;background:#fff0ef;border-color:#d73c36}.container-out-result{margin:0 14px 8px;overflow:hidden;border:1px solid #e6e6e6;border-radius:10px}.container-out-result-head{display:flex;padding:17px 18px;align-items:center;justify-content:space-between;background:#f5f5f5}.container-out-result-head small{display:block;color:#999;font-size:14px;letter-spacing:.08em}.container-out-result-head h3{display:inline-block;margin:4px 10px 0 0;font:700 22px "Manrope",sans-serif}.container-out-result-head>strong{padding:7px 10px;color:#fff;background:#303030;border-radius:5px;font-size:10px}.container-out-location{display:flex;padding:18px;flex-direction:column;border-left:4px solid #d73c36}.container-out-location small{color:#999;font-size:14px}.container-out-location strong{margin:5px 0;font:700 17px "Manrope",sans-serif}.container-out-location span{color:#777;font-size:9px}.container-out-meta{display:grid;margin:0 18px;grid-template-columns:repeat(3,1fr);background:#303030;border-radius:7px}.container-out-meta article{display:flex;min-width:0;padding:12px 14px;flex-direction:column;color:#fff;border-right:1px solid #555}.container-out-meta article:last-child{border:0}.container-out-meta span{color:#aaa;font-size:12px}.container-out-meta strong{margin-top:4px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.container-out-result form{padding:18px!important}.container-out-result .form-actions>small{max-width:470px;color:#888;font-size:14px}.container-out-confirm{background:#d73c36}
.yard-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.72fr);gap:16px}.yard-map-panel{min-width:0}.yard-canvas-shell,.placement-map-shell{margin:0 13px 15px;overflow:hidden;background:#e8e8e8;border:1px solid #ddd;border-radius:8px}.yard-stage,.placement-map-shell>div{width:100%}.slot-list-panel{max-height:650px}.capacity-list{max-height:580px;padding:0 12px 12px;overflow:auto}.capacity-row{position:relative;display:grid;min-height:64px;padding:10px 4px;align-items:center;grid-template-columns:1fr auto;color:#303030;border-bottom:1px solid #eee;text-decoration:none!important}.capacity-row>span:first-child{display:flex;min-width:0;flex-direction:column}.capacity-row b{font-size:12px}.capacity-row small{color:#999;font-size:14px}.capacity-number{font-size:11px;font-weight:700}.capacity-row>i{position:absolute;right:4px;bottom:5px;left:4px;height:4px;overflow:hidden;background:#e5e5e5;border-radius:10px}.capacity-row em{display:block;height:100%;background:#d73c36}.recent-container-panel{margin-top:16px;min-height:0}.map-empty{min-height:430px}.config-json-panel{padding-bottom:16px}.config-json-panel pre,.metadata-detail pre{max-height:650px;margin:0 14px;padding:18px;overflow:auto;color:#eee;background:#303030;border-radius:7px;font-size:10px;white-space:pre-wrap}
.filter-bar{display:flex;padding:14px;align-items:center;gap:8px;background:#fafafa;border-bottom:1px solid #eee}.filter-bar .custom-select{width:auto;min-width:160px;height:38px;min-height:38px;font-size:11px}.filter-bar .table-search{background:#fff}.uid-code{color:#b42d28;font-size:9px}.inline-capacity{display:grid;align-items:center;grid-template-columns:40px 90px;gap:7px}.inline-capacity i{height:4px}
.container-hero{display:grid;min-height:178px;margin-bottom:16px;padding:28px;align-items:center;grid-template-columns:1fr 1.2fr auto;gap:25px;color:#fff;background:#303030;border-radius:12px}.container-hero h2{margin:10px 0 3px;font:700 34px "Manrope",sans-serif}.container-hero p{margin:0;color:rgba(255,255,255,.62);font-size:14px}.exact-location{display:flex;min-width:0;flex-direction:column}.exact-location small{color:#e7a9a6;font-size:12px;letter-spacing:1px}.exact-location strong{margin:5px 0;font:600 22px "Manrope",sans-serif}.exact-location span{color:rgba(255,255,255,.68);font-size:11px}.container-hero .secondary-pill{color:#fff!important;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}.container-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px}.activity-timeline{padding:4px 18px 22px}.activity-timeline article{display:grid;min-height:94px;grid-template-columns:70px 18px 1fr;gap:8px}.activity-timeline time{display:flex;padding-top:3px;align-items:flex-end;flex-direction:column;color:#888;font-size:14px}.activity-timeline time b{color:#303030;font-size:14px}.timeline-dot{position:relative;width:11px;height:11px;margin-top:5px;background:#d73c36;border:3px solid #f5cfcd;border-radius:50%}.timeline-dot::after{position:absolute;top:9px;left:2px;width:1px;height:76px;content:"";background:#ddd}.activity-timeline article:last-child .timeline-dot::after{display:none}.timeline-title{display:flex;align-items:center;justify-content:space-between}.timeline-title strong{font-size:12px}.timeline-title a{color:#d73c36;font-size:9px}.activity-timeline p{margin:7px 0 3px;color:#666;font-size:14px}.activity-timeline em,.visit-list em{margin:0 6px;color:#d73c36;font-style:normal}.activity-timeline small{color:#aaa;font-size:14px}.visit-list{padding:0 13px 15px}.visit-list article{padding:13px 3px;border-bottom:1px solid #eee}.visit-list article>div{display:flex;align-items:center;justify-content:space-between}.visit-list strong{font-size:18px}
.visit-list p{margin:7px 0 4px;color:#777;font-size:18px}
.reports.visit-list p {
  margin: 0px 0 4px;
  color: #777;
  font-size: 12px;
}
.visit-list small{color:#d73c36;font-size:14px;font-weight:700}
.activity-detail-panel{max-width:980px;margin:22px auto;padding:24px}.activity-detail-head{display:flex;padding-bottom:20px;align-items:center;gap:14px;border-bottom:1px solid #eee}.activity-detail-head .report-icon{flex:0 0 52px;width:52px;height:52px}.activity-detail-head>div{flex:1}.activity-detail-head small{color:#999;font-size:9px}.activity-detail-head h2{margin:4px 0;font:700 25px "Manrope",sans-serif}.activity-detail-head p{margin:0;color:#777;font-size:10px}.immutable-badge{padding:6px 10px;color:#fff;background:#303030;border-radius:4px;font-size:14px;letter-spacing:.7px}.movement-detail{display:grid;padding:35px 15px;align-items:center;grid-template-columns:1fr 50px 1fr;gap:10px}.movement-detail article{display:flex;min-height:100px;padding:18px;justify-content:center;flex-direction:column;background:#f5f5f5;border-radius:8px}.movement-detail>span{color:#d73c36;text-align:center;font-size:28px}.movement-detail small,.activity-meta-grid small{color:#999;font-size:14px}.movement-detail strong{margin:6px 0;font-size:15px}.movement-detail p{margin:0;color:#777;font-size:10px}.activity-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#303030;border-radius:8px}.activity-meta-grid div{display:flex;padding:14px;flex-direction:column;color:#fff;border-right:1px solid #555}.activity-meta-grid strong{margin-top:5px;font-size:11px}.metadata-detail{margin-top:18px}.metadata-detail summary{cursor:pointer;color:#d73c36;font-size:10px;font-weight:700}
.report-filter{display:flex;margin-bottom:14px;padding:12px 14px;align-items:center;gap:10px;background:#fff;border-radius:10px}.report-filter label{margin:0;font-size:10px;font-weight:700}.report-filter .custom-select{max-width:260px}.report-kpi-grid{display:grid;margin-bottom:16px;grid-template-columns:repeat(4,1fr);gap:12px}.report-kpi-grid article{display:flex;padding:17px;flex-direction:column;background:#303030;border-radius:9px;color:#fff}.report-kpi-grid span{color:#aaa;font-size:9px}.report-kpi-grid strong{margin:6px 0;font:700 26px "Manrope",sans-serif}.report-kpi-grid small{color:#efaaa7;font-size:14px}.reports-grid{display:grid;margin-bottom:16px;grid-template-columns:1.25fr .75fr;gap:16px}.capacity-report-list{max-height:530px;padding:0 13px 14px;overflow:auto}.capacity-report-list a{display:grid;min-height:55px;padding:8px 3px;align-items:center;grid-template-columns:190px 1fr 45px;gap:10px;color:#303030;border-bottom:1px solid #eee;text-decoration:none!important}.capacity-report-list span{display:flex;min-width:0;flex-direction:column}.capacity-report-list b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.capacity-report-list small{color:#999;font-size:14px}.capacity-report-list strong{text-align:right;font-size:10px}.capacity-report-list em.busy{background:#f2a43a}.capacity-report-list em.critical{background:#d73c36}.throughput-panel{margin-bottom:22px}

/* Graphical designer */
.designer-view{padding-bottom:20px}.designer-commandbar{display:flex;min-height:62px;margin-bottom:12px;padding:10px 12px;align-items:center;justify-content:space-between;background:#fff;border-radius:10px}.designer-version{display:flex;gap:15px}.designer-version span{color:#888;font-size:9px}.designer-version b{margin-left:4px;color:#d73c36;font-size:12px}.designer-shell{display:grid;min-height:690px;grid-template-columns:80px minmax(0,1fr) 270px;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(48,48,48,.07)}.designer-tools{display:flex;padding:10px 8px;flex-direction:column;gap:5px;background:#303030}.tool-button{display:flex;min-height:57px;padding:5px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#aaa;background:transparent;border:0;border-radius:6px;font-size:14px}.tool-button svg{width:20px;height:20px}.tool-button:hover,.tool-button.active{color:#fff;background:#d73c36}.tool-button.danger:hover{background:#851d19}.tool-divider{height:1px;margin:4px;background:#555}.tool-letter{font-size:22px;line-height:1}.designer-canvas-column{min-width:0;background:#e5e5e5}.designer-stage-head{display:flex;height:45px;padding:7px 12px;align-items:center;justify-content:space-between;color:#777;background:#f5f5f5;font-size:9px}.view-chip{min-width:62px;height:29px;padding:4px 10px;color:#666;background:#fff;border:1px solid #ddd;font-size:9px}.view-chip:first-child{border-radius:999px 0 0 999px}.view-chip:last-child{border-radius:0 999px 999px 0}.view-chip.active{color:#fff;background:#303030;border-color:#303030}.designer-stage-wrap{padding:12px;overflow:auto}.designer-stage-wrap>div{overflow:hidden;background:#ddd;box-shadow:0 5px 18px rgba(0,0,0,.14)}.designer-properties{padding:13px;overflow-y:auto;background:#fff;border-left:1px solid #ddd}.property-empty{padding:45px 8px;text-align:center}.property-empty span{display:grid;width:54px;height:54px;margin:auto;place-items:center;color:#d73c36;background:#f7dfdd;border-radius:50%}.property-empty h3{margin:13px 0 4px;font-size:14px}.property-empty p{color:#999;font-size:9px}.properties-heading{display:flex;margin-bottom:13px;padding-bottom:10px;justify-content:space-between;border-bottom:1px solid #eee}.properties-heading span{color:#d73c36;font-size:14px;font-weight:700}.properties-heading strong{color:#999;font-size:12px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-properties label,.bay-properties label{margin-bottom:4px;color:#777;font-size:14px;font-weight:700;text-transform:uppercase}.designer-properties .form-control{min-height:36px;height:36px;font-size:10px}.color-control{padding:4px}.properties-section{margin-top:17px;padding-top:10px;border-top:1px solid #ddd}.properties-toggle{display:flex;width:100%;padding:6px 0;align-items:center;justify-content:space-between;background:transparent;border:0;font-size:10px;font-weight:700}.properties-body.collapsed{display:none}.is-busy{opacity:.55;pointer-events:none}.bay-modal-content{min-height:720px}.bay-designer-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.bay-stage-toolbar{display:flex;margin-bottom:10px;align-items:center;gap:8px}.bay-stage-toolbar label{display:flex;margin:0;align-items:center;gap:7px;font-size:9px}.bay-stage-toolbar input{width:55px;height:36px;border:1px solid #ddd;border-radius:6px}.bay-stage{max-width:800px;overflow:hidden;background:#eee;border:1px solid #ddd}.bay-properties{padding:15px;background:#f5f5f5;border-radius:8px}.bay-stage-toolbar .active{color:#fff!important;background:#d73c36;border-color:#d73c36}.bay-access-help{display:block;margin:0 0 10px;color:#888;font-size:14px;line-height:1.5}.depth-edge-picker{display:grid;width:206px;margin:0 auto 10px;grid-template-columns:58px 82px 58px;grid-template-rows:49px 68px 49px;grid-template-areas:". top ." "left center right" ". bottom .";gap:4px}.depth-edge-button{display:flex;padding:3px;align-items:center;justify-content:center;flex-direction:column;color:#777;background:#fff;border:1px solid #d5d5d5;border-radius:6px;font-size:12px;text-transform:uppercase;transition:.16s ease}.depth-edge-button b{color:#303030;font-size:18px;line-height:1}.depth-edge-button:hover:not(:disabled),.depth-edge-button.active{color:#fff;background:#d73c36;border-color:#d73c36}.depth-edge-button.active b{color:#fff}.depth-edge-button:disabled{cursor:not-allowed;opacity:.23}.depth-edge-button.access-top{grid-area:top}.depth-edge-button.access-right{grid-area:right}.depth-edge-button.access-bottom{grid-area:bottom}.depth-edge-button.access-left{grid-area:left}.depth-edge-center{display:flex;grid-area:center;align-items:center;justify-content:center;flex-direction:column;color:#fff;background:#303030;border-radius:7px;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #777}.depth-edge-center strong{font:700 19px "Manrope",sans-serif}.depth-edge-center span{color:#efaaa7;font-size:6px;letter-spacing:.7px}.bay-access-summary{min-height:31px;margin:0 0 8px;color:#666;font-size:14px;line-height:1.5;text-align:center}.bay-access-summary.is-warning{color:#b42d28;font-weight:700}.bay-apply-direction{width:100%;justify-content:center;font-size:14px}.bay-properties #deleteBay{margin-top:10px}

/* Visual placement console */
.placement-topbar{display:flex;min-height:60px;margin-bottom:12px;padding:10px 14px;align-items:center;justify-content:space-between;background:#fff;border-radius:10px}.yard-switcher{display:flex;align-items:center;gap:8px}.yard-switcher label{margin:0;color:#888;font-size:9px;text-transform:uppercase}.yard-switcher .custom-select{min-width:240px}.placement-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 380px;gap:14px}.placement-map-panel{min-width:0}.placement-map-shell{margin-bottom:8px}.heat-legend{display:flex;padding:7px 15px 14px;gap:14px;color:#777;font-size:14px}.heat-legend span{display:flex;align-items:center;gap:5px}.heat-legend i{width:10px;height:10px;border-radius:50%}.heat-low{background:#80c79b}.heat-mid{background:#f2a43a}.heat-high{background:#d73c36}.placement-console{overflow:hidden}.placement-form-body{padding:4px 15px 16px}.selected-slot-card{display:flex;min-height:70px;margin-bottom:14px;padding:11px;align-items:center;gap:10px;background:#f5f5f5;border:1px dashed #ccc;border-radius:8px}.selected-slot-card.selected{background:#fff3f2;border-color:#d73c36}.selected-slot-card>span{display:grid;width:39px;height:39px;place-items:center;color:#fff;background:#303030;border-radius:7px}.selected-slot-card div{display:flex;min-width:0;flex-direction:column}.selected-slot-card small{color:#999;font-size:12px}.selected-slot-card strong{font-size:13px}.selected-slot-card p{margin:2px 0 0;color:#777;font-size:14px}.picker-section{margin-bottom:14px}.picker-heading{display:flex;margin-bottom:7px;align-items:center;justify-content:space-between}.picker-heading h4{margin:0;font-size:11px}.picker-heading small{color:#999;font-size:12px}.bay-picker,.depth-picker,.stack-picker{display:flex;min-height:38px;gap:5px;flex-wrap:wrap}.bay-choice,.depth-choice,.stack-choice{display:flex;min-width:38px;height:38px;padding:3px;align-items:center;justify-content:center;flex-direction:column;color:#303030;background:#f2f2f2;border:1px solid #ddd;border-radius:5px;font-size:10px}.bay-choice:hover,.bay-choice.active,.depth-choice:hover,.depth-choice.active,.stack-choice:hover,.stack-choice.active{color:#fff;background:#d73c36;border-color:#d73c36}.depth-choice{width:47px;height:48px}.depth-choice small{min-height:8px;font-size:5px}.picker-empty{display:flex;min-height:38px;align-items:center;color:#aaa;font-size:14px}.depth-orientation{display:flex;gap:7px;flex-direction:column}.stacker-marker{display:flex;height:25px;padding:4px 8px;align-items:center;justify-content:center;gap:8px;color:#fff;background:#303030;border-radius:4px;font-size:6px;letter-spacing:.5px}.stacker-marker span{color:#ef8c88;font-size:15px}.depth-orientation.access-right{flex-direction:column-reverse}.depth-orientation.access-left,.depth-orientation.access-right{align-items:stretch}.depth-orientation.access-left .depth-picker,.depth-orientation.access-right .depth-picker{flex-wrap:nowrap}.placement-submit{display:flex;width:100%;height:52px;padding:8px 20px;align-items:center;justify-content:space-between;color:#fff;background:#d73c36;border:0;font-size:12px;font-weight:700}.placement-submit:hover{background:#303030}.placement-submit:disabled{cursor:not-allowed;background:#aaa}.placement-submit svg{width:18px;height:18px}
.depth-orientation.access-left,.depth-orientation.access-right{align-items:stretch;flex-direction:row}.depth-orientation.access-right{flex-direction:row-reverse}.depth-orientation.access-left .stacker-marker,.depth-orientation.access-right .stacker-marker{width:82px;height:auto;min-height:48px;flex:0 0 82px;flex-direction:column}.depth-orientation.access-left .depth-picker,.depth-orientation.access-right .depth-picker{align-items:stretch;flex:1;flex-wrap:nowrap}.depth-orientation.access-right .depth-picker{flex-direction:row-reverse}.depth-orientation.access-top{align-items:stretch;flex-direction:column}.depth-orientation.access-bottom{align-items:stretch;flex-direction:column-reverse}.depth-orientation.access-top .depth-picker,.depth-orientation.access-bottom .depth-picker{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.depth-orientation.access-bottom .depth-picker{flex-direction:column-reverse}.depth-orientation.access-top .depth-choice,.depth-orientation.access-bottom .depth-choice{width:100%;height:37px;flex-direction:row;gap:7px}.depth-orientation.access-top .depth-choice small,.depth-orientation.access-bottom .depth-choice small{min-width:42px}

@media(max-width:1399.98px){.sidebar{flex-basis:230px;padding-right:12px;padding-left:12px}.dashboard-grid{grid-template-columns:230px minmax(400px,1fr) 230px;gap:12px}.view,.topbar,.welcome-row{padding-right:20px;padding-left:20px}.metric-strip{gap:17px}.metric{min-width:105px}.metric strong{font-size:43px}.metric span{font-size:13px}}
@media(max-width:1199.98px){.dashboard-grid{grid-template-columns:225px minmax(400px,1fr)}.schedule-panel{grid-column:1;grid-row:2}.task-panel{grid-column:2;grid-row:2/4}
  .portfolio-card{grid-column:1;grid-row:3}.metric-strip{gap:12px}.metric{min-width:96px}.metric strong{font-size:39px}.metric span{font-size:12px}.task-grid{grid-template-columns:1fr}.task-card p{min-height:0}}
@media(max-width:1199.98px){.yard-list-grid{grid-template-columns:repeat(2,1fr)}.designer-shell{grid-template-columns:72px minmax(0,1fr) 235px}.placement-grid{grid-template-columns:minmax(0,1fr) 340px}
  .container-hero{grid-template-columns:1fr 1fr}
  .container-hero .page-actions{grid-column:1/-1}.report-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991.98px){body.sidebar-open{overflow:hidden}.sidebar{position:fixed;top:0;bottom:0;left:0;width:270px;min-height:100vh;overflow-y:auto;transform:translateX(-105%);transition:transform .26s ease}.sidebar.open{transform:none}.sidebar-backdrop{position:fixed;z-index:19;inset:0;display:block;background:rgba(48,48,48,.48);opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.main-area{min-height:100vh}.metric-strip{gap:22px}.metric{min-width:110px}}
@media(max-width:991.98px){.yard-detail-grid,.container-detail-grid,.reports-grid,.placement-grid{grid-template-columns:1fr}.designer-shell{grid-template-columns:68px minmax(0,1fr)}.designer-properties{grid-column:1/-1;max-height:none;border-top:1px solid #ddd;border-left:0}.summary-band{grid-template-columns:repeat(3,1fr)}.placement-console{max-width:none}.bay-designer-grid{grid-template-columns:1fr}.bay-properties{max-width:800px}.workspace-alert{margin-right:20px;margin-left:20px}}
@media(max-width:991.98px){.ayard-auth-shell{grid-template-columns:1fr}.ayard-auth-brand{min-height:320px;padding:35px}.ayard-auth-brand h1{font-size:42px}.auth-proof{display:none}.ayard-auth-form{padding:45px 25px}}
@media(max-width:767.98px){.topbar{min-height:75px;padding:10px 15px 5px}.title-side h1{font-size:20px}.title-side p{display:none}.search-box{width:45px;height:43px;padding:0;justify-content:center}.search-box svg{margin:0}.search-box input{position:absolute;width:1px;opacity:0;pointer-events:none}.top-actions .icon-button{width:43px;height:43px}.top-divider{display:none}.profile-button img{width:43px;height:43px}.profile-button>svg{display:none}.welcome-row{align-items:flex-start!important;padding:12px 15px 19px}.welcome-copy h2{font-size:28px}.welcome-copy p{font-size:13px}.metric-strip{width:100%;gap:8px;justify-content:space-between}.metric{min-width:0;align-items:center}.metric>svg{width:22px;height:22px;margin-top:0}.metric strong{font-size:28px}.metric span{font-size:9px}.view{padding:0 15px}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:14px}.chart-wrap{height:340px}.chart-meta>span{font-size:10px}.table-heading{align-items:flex-start!important;flex-direction:column;gap:10px}.table-heading-actions{width:100%}.table-search{flex:1;width:auto}.table-responsive-xl{overflow:visible}.treatment-table{display:block;width:100%;margin:0!important}.treatment-table thead{display:none}.treatment-table tbody,.treatment-table tr,.treatment-table td{display:block;width:100%!important}.treatment-table tr{margin-bottom:12px;padding:12px 13px;background:#fff;border:0!important;border-radius:10px;box-shadow:0 4px 13px rgba(48,48,48,.06)}.treatment-table td{position:relative;min-height:31px;height:auto;padding:5px 4px 5px 42%;text-align:right}.treatment-table td::before{position:absolute;left:4px;color:#888;content:attr(data-label);font-size:11px;font-weight:600}.user-cell{justify-content:flex-end}.table-actions form{justify-content:flex-end}.app-footer{margin-right:15px;margin-left:15px}}
@media(max-width:767.98px){.yard-list-grid{grid-template-columns:1fr}.summary-band{grid-template-columns:repeat(2,1fr)}
  .container-hero{display:block;padding:20px}
  .container-hero>div{margin-bottom:20px}.filter-bar,.designer-commandbar,.placement-topbar,.report-filter{align-items:stretch;flex-direction:column}.filter-bar .custom-select,.filter-bar .table-search,.report-filter .custom-select,.yard-switcher .custom-select{width:100%;max-width:none}.designer-actions{width:100%}.designer-actions>*{flex:1}.designer-shell{display:block}.designer-tools{position:relative;z-index:4;padding:6px;flex-direction:row;overflow-x:auto}.tool-button{flex:0 0 58px;min-height:50px}.tool-divider{width:1px;height:42px}.designer-properties{max-height:none}.movement-detail{grid-template-columns:1fr}.movement-detail>span{transform:rotate(90deg)}.activity-meta-grid{grid-template-columns:1fr}.report-kpi-grid{grid-template-columns:1fr 1fr}.workspace-alert{margin-right:15px;margin-left:15px}.capacity-report-list a{grid-template-columns:145px 1fr 38px}}
@media(max-width:767.98px){.yard-table-name{justify-content:flex-end}.yard-table-name>div{align-items:flex-end}.yard-table-utilisation{justify-content:flex-end}.container-out-search-row{flex-direction:column}.container-out-result-head{align-items:flex-start;gap:10px}.container-out-meta{grid-template-columns:1fr}.container-out-meta article{border-right:0;border-bottom:1px solid #555}.container-out-meta article:last-child{border-bottom:0}.container-out-result .form-actions{align-items:stretch!important;flex-direction:column}.container-out-result .form-actions .primary-pill{justify-content:center}.container-out-panel{padding-right:14px;padding-left:14px}.container-out-panel .operation-form-intro{margin-right:-14px;margin-left:-14px}.container-out-search,.container-out-result{margin-right:0;margin-left:0}.container-out-feedback{margin-right:0;margin-left:0}}
@media(max-width:479.98px){.top-actions{gap:5px}.notification-button,.search-box{display:none}.mobile-menu{width:40px;height:40px;margin-right:8px}.profile-button img{width:40px;height:40px}.welcome-copy h2{font-size:24px}.metric>svg{display:none}.metric strong{font-size:25px}.metric span{font-size:14px}.flow-heading{flex-direction:column;gap:10px}.chart-meta{width:100%;justify-content:flex-end}.chart-wrap{height:300px;padding-right:8px}.y-axis{flex-basis:29px;font-size:11px}.bar-column>span{font-size:10px}.bar-label{font-size:9px}.primary-pill span{display:none}.clinic-toast{right:12px;bottom:12px;left:12px;min-width:0}.app-footer{align-items:flex-start!important;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.yard-card-actions{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px}
.filter-bar{flex-wrap:wrap}
.filter-bar .custom-select{min-width:150px}
.date-filter{display:flex;margin:0;align-items:center;gap:6px;color:#777;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.date-filter .form-control{width:145px;height:38px;font-size:10px}
@media(max-width:767.98px){.date-filter{justify-content:space-between}.date-filter .form-control{width:70%}}
.placement-size-message{display:block;margin-top:4px;color:#888;font-size:12px;line-height:1.35}.placement-size-message.danger{color:#b82e28;font-weight:700}.bay-choice small{font-size:6px;line-height:1}.bay-choice b{font-size:9px;line-height:1}.bay-size-badge{display:inline-block;padding:5px 8px;color:#fff;background:#303030;border-radius:5px;font-size:9px;font-weight:700}

/* 3D container allocation */
.allocation-3d-view{padding-bottom:24px}.allocation-3d-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.allocation-scene-panel,.allocation-context-panel{min-width:0;overflow:hidden}.allocation-scene-panel{background:#303030}.allocation-toolbar{display:flex;min-height:72px;padding:11px 14px;align-items:center;justify-content:space-between;gap:14px;color:#fff;background:#303030;border-bottom:1px solid rgba(255,255,255,.1)}.allocation-toolbar>div{display:flex;min-width:140px;flex-direction:column}.allocation-toolbar>div span,.allocation-context-head>span{color:#ef8c88;font-size:12px;font-weight:700;letter-spacing:1.4px}.allocation-toolbar>div strong{margin-top:4px;font:700 13px "Manrope",sans-serif}.allocation-toolbar nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.allocation-tool{min-height:34px;padding:6px 11px;color:#d0d0d0;background:#3b3b3b;border:1px solid #545454;border-radius:6px;font-size:14px;font-weight:700;transition:.18s ease}.allocation-tool:hover,.allocation-tool.active{color:#303030;background:#f5f5f5;border-color:#f5f5f5}.allocation-tool:disabled{cursor:wait;opacity:.55}.allocation-tool.refresh-tool{color:#fff;background:#d73c36;border-color:#d73c36}.allocation-tool.refresh-tool:hover{color:#fff;background:#b62e29;border-color:#b62e29}.allocation-tool.is-refreshing span{display:inline-block;animation:allocation-spin .8s linear infinite}@keyframes allocation-spin{to{transform:rotate(360deg)}}
.allocation-breadcrumb{display:flex;min-height:34px;padding:8px 14px;align-items:center;gap:6px;color:#aaa;background:#272727;font-size:14px}.allocation-breadcrumb strong{color:#ef8c88;text-transform:uppercase;letter-spacing:.7px}.allocation-breadcrumb span::before{margin-right:6px;color:#666;content:"/"}.allocation-breadcrumb span:first-of-type::before{display:none}.allocation-canvas-shell{position:relative;height:clamp(520px,65vh,760px);min-height:520px;overflow:hidden;background:#f5f5f5}.allocation-3d-canvas,.allocation-3d-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.allocation-loading,.allocation-webgl-error{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#303030;background:#f5f5f5}.allocation-loading[hidden],.allocation-webgl-error[hidden]{display:none}.allocation-loading i{width:38px;height:38px;margin-bottom:14px;border:4px solid #ddd;border-top-color:#d73c36;border-radius:50%;animation:allocation-spin .85s linear infinite}.allocation-loading strong,.allocation-webgl-error strong{font:700 16px "Manrope",sans-serif}.allocation-loading span,.allocation-webgl-error span{max-width:420px;margin-top:5px;color:#888;text-align:center;font-size:9px}.allocation-webgl-error svg{width:42px;height:42px;margin-bottom:12px;color:#d73c36}.allocation-scene-legend{display:flex;min-height:43px;padding:10px 14px;align-items:center;gap:15px;color:#bbb;background:#303030;font-size:14px}.allocation-scene-legend span{display:flex;align-items:center;gap:5px}.allocation-scene-legend i{width:10px;height:10px;border-radius:2px}.allocation-scene-legend .legend-neutral{background:#858580}.allocation-scene-legend .legend-focus{background:#e0a321}.allocation-scene-legend .legend-search{background:#741f1b}.allocation-scene-legend small{margin-left:auto;color:#777;font-size:12px}
.allocation-context-panel{max-height:calc(65vh + 149px);overflow-y:auto;background:#fff}.allocation-context-head{padding:18px 18px 14px;border-bottom:1px solid #eee}.allocation-context-head h3{margin:4px 0 3px;font:700 20px "Manrope",sans-serif}.allocation-context-head p{margin:0;color:#888;font-size:9px;line-height:1.5}.allocation-search{padding:13px 16px;border-bottom:1px solid #eee}.allocation-search>label,.allocation-field label{display:block;margin:0 0 5px;color:#777;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.allocation-search form{display:flex}.allocation-search .form-control{min-height:39px;height:39px;padding-left:11px;border-radius:6px 0 0 6px;font-size:10px;text-transform:uppercase}.allocation-search form button{display:grid;flex:0 0 41px;width:41px;place-items:center;color:#fff;background:#d73c36;border:0;border-radius:0 6px 6px 0}.allocation-search form button:hover{background:#303030}.allocation-search form svg{width:17px;height:17px}.allocation-clear-search{margin-top:8px;padding:0;color:#a12d28;background:transparent;border:0;font-size:14px;font-weight:700}.allocation-search-message{margin-top:9px;padding:8px;color:#8f2723;background:#f8e1df;border-radius:5px;font-size:14px;line-height:1.4}.allocation-search-message.success{color:#215a37;background:#def0e5}.allocation-search-result{display:flex;margin-top:10px;padding:11px;flex-direction:column;background:#303030;border-left:3px solid #d73c36;border-radius:5px;color:#fff}.allocation-search-result>span{color:#ef8c88;font-size:6px;letter-spacing:1px}.allocation-search-result>strong{margin:3px 0 6px;font:700 14px "Manrope",sans-serif}.allocation-search-result p{margin:0 0 2px;color:#fff;font-size:9px}.allocation-search-result small{color:#aaa;font-size:12px}.allocation-search-result a{margin-top:8px;color:#ef8c88;font-size:14px;font-weight:700}.allocation-search-result em{margin-top:8px;color:#e4b453;font-size:12px;font-style:normal;line-height:1.4}
.allocation-filters{padding:13px 16px 4px}.allocation-field{margin-bottom:9px}.allocation-field[hidden]{display:none}.allocation-field .custom-select{width:100%;min-height:39px;height:39px;background-color:#f7f7f7;font-size:9px}.allocation-context-card{margin:5px 16px 14px;padding:13px;color:#fff;background:linear-gradient(135deg,#303030,#453130);border-radius:8px}.allocation-context-card>span{color:#ef8c88;font-size:6px;font-weight:700;letter-spacing:1px}.allocation-context-card>strong{display:block;margin:3px 0;font:700 15px "Manrope",sans-serif}.allocation-context-card>p{margin:0;color:#aaa;font-size:12px;line-height:1.45}.allocation-context-numbers{display:grid;margin-top:11px;padding-top:9px;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.12)}.allocation-context-numbers article{display:flex;flex-direction:column}.allocation-context-numbers article+article{padding-left:10px;border-left:1px solid rgba(255,255,255,.12)}.allocation-context-numbers small{color:#999;font-size:6px;text-transform:uppercase}.allocation-context-numbers b{margin-top:2px;font:700 18px "Manrope",sans-serif}.allocation-yard-summary{padding:0 16px 14px}.allocation-section-title{display:flex;margin-bottom:8px;align-items:center;justify-content:space-between;color:#999;font-size:6px;font-weight:700;letter-spacing:1px}.allocation-section-title time{color:#d73c36;letter-spacing:0}.allocation-summary-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e4e4e4;border-radius:6px}.allocation-summary-grid article{display:flex;min-height:54px;padding:8px 9px;justify-content:center;flex-direction:column}.allocation-summary-grid article:nth-child(odd){border-right:1px solid #e4e4e4}.allocation-summary-grid article:nth-child(-n+2){border-bottom:1px solid #e4e4e4}.allocation-summary-grid span{color:#999;font-size:12px}.allocation-summary-grid strong{font:700 16px "Manrope",sans-serif}.allocation-utilisation{height:4px;margin-top:8px;overflow:hidden;background:#ddd;border-radius:10px}.allocation-utilisation i{display:block;height:100%;background:#d73c36;border-radius:inherit;transition:width .25s ease}.allocation-warning{display:flex;margin:0 16px 16px;padding:10px;gap:8px;color:#87251f;background:#f8e0de;border:1px solid #efbfbb;border-radius:6px}.allocation-warning[hidden]{display:none}.allocation-warning svg{flex:0 0 17px;width:17px;height:17px}.allocation-warning div{display:flex;flex-direction:column}.allocation-warning strong{font-size:14px}.allocation-warning p{margin:2px 0 0;font-size:12px;line-height:1.4}.allocation-empty{min-height:560px}
@media(max-width:1199.98px){.allocation-3d-shell{grid-template-columns:minmax(0,1fr) 300px}.allocation-toolbar{align-items:flex-start;flex-direction:column}.allocation-toolbar nav{justify-content:flex-start}.allocation-context-panel{max-height:calc(65vh + 190px)}}
@media(max-width:991.98px){.allocation-3d-shell{grid-template-columns:1fr}.allocation-context-panel{max-height:none}.allocation-canvas-shell{height:620px}.allocation-scene-legend{flex-wrap:wrap}.allocation-scene-legend small{width:100%;margin-left:0}}
@media(max-width:767.98px){.allocation-canvas-shell{height:520px;min-height:460px}.allocation-toolbar nav{width:100%}.allocation-tool{flex:1;min-width:95px}.allocation-scene-legend{gap:8px}.allocation-context-head,.allocation-search,.allocation-filters,.allocation-yard-summary{padding-right:14px;padding-left:14px}.allocation-context-card,.allocation-warning{margin-right:14px;margin-left:14px}}
@media(max-width:479.98px){.allocation-canvas-shell{height:470px;min-height:430px}.allocation-toolbar{padding-right:10px;padding-left:10px}.allocation-tool{min-width:calc(50% - 4px)}.allocation-scene-legend small{display:none}}

/* Stock Taking */
.stock-status{white-space:nowrap}.stock-status.danger{color:#8f2723;background:#f8dfdd}.danger-pill{color:#a32a25!important;border-color:#e8b9b6!important}.stock-start-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.stock-start-panel{padding:0 22px 24px}.stock-start-panel .panel-heading{margin:0 -22px 22px;padding:20px 22px}.stock-form{max-width:760px}.stock-form label{display:block;margin-bottom:6px;color:#666;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.55px}.stock-form label small{color:#aaa;font-size:14px;text-transform:none}.stock-form .form-control,.stock-form .custom-select{min-height:44px;height:44px;border-color:#ddd;font-size:11px}.stock-form textarea.form-control{height:auto;min-height:110px}.stock-form .form-group>small{display:block;margin-top:5px;color:#999;font-size:14px}.stock-freeze-warning{display:flex;margin:18px 0;padding:14px;gap:10px;color:#84241f;background:#f9e5e3;border:1px solid #efc2bf;border-radius:8px}.stock-freeze-warning svg{flex:0 0 22px;width:22px;height:22px}.stock-freeze-warning strong{display:block;font:700 11px "Manrope",sans-serif}.stock-freeze-warning p{margin:3px 0 0;font-size:9px;line-height:1.55}.stock-start-aside{padding:24px;color:#fff;background:#303030}.stock-start-aside>span{color:#ef8c88;font-size:12px;font-weight:700;letter-spacing:1.2px}.stock-start-aside h3{margin:7px 0 18px;font:700 20px "Manrope",sans-serif}.stock-start-aside ol{margin:0;padding:0;list-style:none;counter-reset:stock-steps}.stock-start-aside li{position:relative;min-height:48px;padding:4px 0 13px 42px;color:#c7c7c7;font-size:9px;line-height:1.5;counter-increment:stock-steps}.stock-start-aside li::before{position:absolute;top:0;left:0;display:grid;width:29px;height:29px;place-items:center;color:#fff;background:#d73c36;border-radius:50%;content:counter(stock-steps);font-weight:700}
.stock-summary-grid{display:grid;margin-bottom:14px;grid-template-columns:repeat(6,1fr);gap:1px;overflow:hidden;background:#ddd;border:1px solid #ddd;border-radius:10px}.stock-summary-grid article{display:flex;min-height:112px;padding:17px;background:#fff;justify-content:center;flex-direction:column}.stock-summary-grid span{color:#888;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stock-summary-grid strong{margin:6px 0 2px;font:700 25px "Manrope",sans-serif}.stock-summary-grid small{color:#aaa;font-size:12px}.stock-slot-summary,.stock-report-summary{grid-template-columns:repeat(4,1fr)}.stock-progress-panel{display:grid;margin-bottom:14px;padding:15px 18px;grid-template-columns:210px minmax(180px,1fr) 55px;align-items:center;gap:18px}.stock-progress-panel>div:first-child{display:flex;flex-direction:column}.stock-progress-panel strong{font:700 11px "Manrope",sans-serif}.stock-progress-panel span{color:#999;font-size:14px}.stock-progress-panel>b{text-align:right;font:700 15px "Manrope",sans-serif}.stock-progress{height:9px;overflow:hidden;background:#e5e5e5;border-radius:20px}.stock-progress.compact{width:95px;height:5px;margin-bottom:3px}.stock-progress i{display:block;height:100%;background:linear-gradient(90deg,#d73c36,#ef8c88);border-radius:inherit}.variance-number{font-variant-numeric:tabular-nums}.variance-number.negative{color:#b32822}.variance-number.positive{color:#b36b12}.variance-number.zero{color:#167044}.stock-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stock-row-actions form{margin:0}.stock-row-actions button{padding:0;color:#a42c27;background:transparent;border:0;font-size:14px;font-weight:700}.stock-row-actions button:hover{color:#303030}.stock-revision-panel{margin-top:14px}.stock-revision-list{display:grid;padding:0 18px 18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stock-revision-list>article{padding:15px;background:#f7f7f7;border:1px solid #e1e1e1;border-radius:8px}.stock-revision-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stock-revision-list header>div{display:flex;align-items:center;gap:8px}.stock-revision-list header strong{font:700 12px "Manrope",sans-serif}.stock-revision-list header>span{color:#999;font-size:12px;text-align:right}.stock-revision-list article>p{margin:9px 0 0;color:#777;font-size:14px}.stock-revision-total{display:flex;margin-top:12px;padding-top:10px;align-items:center;justify-content:space-between;border-top:1px solid #ddd}.stock-revision-total span{color:#888;font-size:14px}.stock-revision-total b{font:700 20px "Manrope",sans-serif}.stock-evidence-grid{display:grid;margin-top:10px;grid-template-columns:repeat(4,1fr);gap:7px}.stock-evidence-grid a{position:relative;display:block;height:80px;overflow:hidden;background:#ddd;border-radius:5px}.stock-evidence-grid img{width:100%;height:100%;object-fit:cover}.stock-evidence-grid span{position:absolute;right:0;bottom:0;left:0;padding:4px;color:#fff;background:rgba(48,48,48,.75);font-size:6px;text-align:center}
@media(max-width:1199.98px){.stock-summary-grid{grid-template-columns:repeat(3,1fr)}.stock-slot-summary,.stock-report-summary{grid-template-columns:repeat(4,1fr)}}
@media(max-width:991.98px){.stock-start-grid{grid-template-columns:1fr}.stock-start-aside{order:-1}.stock-revision-list{grid-template-columns:1fr}}
@media(max-width:767.98px){.stock-summary-grid,.stock-slot-summary,.stock-report-summary{grid-template-columns:repeat(2,1fr)}.stock-progress-panel{grid-template-columns:1fr}.stock-progress-panel>b{text-align:left}.stock-progress.compact{margin-left:auto}.stock-row-actions{justify-content:flex-end}}