/* Compact navigation and operational dashboards, aligned with CM-Logistica. */
.sidebar-toggle-row{display:flex;align-items:center;gap:12px;margin:0 5px 23px;flex-shrink:0}
.sidebar-toggle-row>span{font-size:8px;letter-spacing:1.7px;color:#8293aa}
.sidebar-toggle{display:grid;place-items:center;width:34px;height:32px;background:#ffffff06;border:1px solid #ffffff28;color:#b9c7d8;border-radius:9px;flex-shrink:0}
.sidebar-toggle:hover{background:#ffffff12;color:#ffd28e}.sidebar-toggle:focus-visible{outline:2px solid #edb76c;outline-offset:3px}
.sidebar-toggle svg{width:18px;height:18px}.sidebar .nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:10px}
.sidebar>.logo,.sidebar>.eyebrow,.sidebar>.yms-workspace,.sidebar-user{flex-shrink:0}.sidebar-spacer{display:none}
.topbar .breadcrumb{margin-right:auto;min-width:0}.sidebar,.shell{transition:width .18s ease,margin-left .18s ease}
.topbar-brand{display:flex;align-items:center;flex-shrink:0}
.topbar-brand .logo-company{width:142px;max-width:100%;padding:0;border-radius:0}
.topbar .breadcrumb b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .top-right{flex-shrink:0}
.sidebar-product{flex-shrink:0;margin:0;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.3px;color:#fff}
.gate-search-results{grid-column:1/-1;max-height:310px;overflow:auto;margin-top:15px}.gate-search-results:empty{display:none}
.gate-search-caption{font-size:10px;color:#8c9bb0;line-height:1.7;margin:0 0 10px}
.gate-search-results>button{display:block;width:100%;text-align:left;border:1px solid #e6ecf4;border-radius:10px;background:#fcfdff;padding:12px;margin-bottom:8px}
.gate-search-results>button:hover{border-color:#dfb67a;background:#fffcf5}.gate-search-results strong{display:block;font-size:11px;color:#9d773d;margin-bottom:6px}.gate-search-results span{display:block;font-size:11px;color:#71859e;margin-bottom:5px}.gate-search-results small{font-size:9px;color:#a0adbf}.gate-bay-field{margin-bottom:20px}
@media(min-width:701px){
  body.sidebar-compact .sidebar{width:68px;padding:16px 8px 14px}
  body.sidebar-compact .shell{margin-left:68px}
  body.sidebar-compact .sidebar-toggle-row{margin:0 0 16px;justify-content:center}
  body.sidebar-compact .sidebar-toggle-row>span{display:none}
  body.sidebar-compact .sidebar-product{display:none}
  body.sidebar-compact .sidebar .logo{margin:0 auto 20px;align-items:center}
  body.sidebar-compact .sidebar .logo-company{width:48px;padding:4px;border-radius:5px}
  body.sidebar-compact .sidebar .logo-name,body.sidebar-compact .yms-workspace,body.sidebar-compact .sidebar>.eyebrow,body.sidebar-compact .nav>.eyebrow,body.sidebar-compact .suite-card{display:none}
  body.sidebar-compact .sidebar .nav{gap:7px;padding-right:0;margin-right:0;scrollbar-gutter:auto}
  body.sidebar-compact .nav button{width:44px;min-height:44px;justify-content:center;padding:12px;margin:0 auto;flex-shrink:0;border-radius:10px}
  body.sidebar-compact .nav button>span{display:none}
  body.sidebar-compact .nav button svg{width:20px;height:20px}
  body.sidebar-compact .nav button.active{background:#ffffff0e;color:#ffc16a}
  body.sidebar-compact .nav button.active::before{left:-7px;top:12px;bottom:12px;width:3px}
  body.sidebar-compact .sidebar-rule{margin:9px 10px;flex-shrink:0}
  body.sidebar-compact .sidebar-user{flex-direction:column;padding:12px 0 0;gap:10px}
  body.sidebar-compact .sidebar-user>div{display:none}
  body.sidebar-compact .sidebar-user .icon-btn{margin:0;width:32px;height:30px}
}
.yd-chart-grid,.yd-live-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;margin-bottom:22px}
.yd-chart-grid>.panel,.yd-live-grid>.panel{min-width:0;overflow:hidden;margin:0}
.yd-chart-grid .panel-heading,.yd-live-grid .panel-heading{border-bottom:0;align-items:flex-start;padding:22px 23px 16px;gap:12px}
.yd-chart-grid .panel-heading h2,.yd-live-grid .panel-heading h2{font-size:14px;margin-bottom:6px}
.yd-chart-grid .panel-heading p,.yd-live-grid .panel-heading p{font-size:10px;line-height:1.7;margin:0}
.yd-flow .panel-heading>.cm-control{width:154px;flex-shrink:0}.yd-flow .panel-heading .cm-control-trigger{font-size:11px;padding:8px 10px;min-height:35px}
.yd-chart-legend{display:flex;align-items:center;gap:17px;margin:4px 23px 0;font-size:10px;color:#8b98aa;flex-wrap:wrap}
.yd-chart-legend>span{display:flex;gap:6px;align-items:center}.yd-chart-legend i,.yd-status-list i{width:7px;height:7px;border-radius:2px;display:inline-block;flex-shrink:0}
.yd-chart-legend small{margin-left:auto;font-size:9px;color:#a0aabb}
.yd-flow-chart{padding:15px 18px 0;min-height:245px;display:flex;align-items:center}
.yd-flow-chart svg{width:100%;height:auto;min-height:210px;display:block;overflow:visible}
.yd-flow-chart .yd-axis{font:13px "Segoe UI",Arial,sans-serif;fill:#9ba7b8}.yd-flow-chart .yd-axis-selected{fill:#a77831;font-weight:650}
.yd-flow-chart .yd-chart-empty{font:12px "Segoe UI",Arial,sans-serif;fill:#98a6b8}
.yd-chart-foot{display:flex;gap:22px;margin:14px 23px 0;border-top:1px solid #eef1f5;padding-top:17px;color:#99a5b5;font-size:10px;flex-wrap:wrap}
.yd-chart-foot strong{color:#5b708b;font-size:13px;font-weight:650;margin-right:4px}
.yd-chart-data{margin:0 23px 15px;font-size:10px;color:#8c9caf}
.yd-chart-data summary{cursor:pointer;padding:12px 0 0;color:#997642}.yd-chart-data .table-scroll{max-height:220px;margin-top:10px}.yd-chart-data td,.yd-chart-data th{font-size:10px;padding:9px 10px}
.yd-overview-total{display:flex;align-items:center;gap:17px;padding:2px 23px 18px}
.yd-donut{position:relative;width:78px;height:78px;border-radius:50%;background:var(--yd-ring);display:grid;place-items:center;flex-shrink:0}
.yd-donut:before{content:"";position:absolute;inset:8px;border-radius:50%;background:white}.yd-donut>strong{position:relative;font-size:25px;color:#40536d;font-weight:650}
.yd-overview-total>div:last-child>span{font-size:10px;color:#9ba7b6;display:block;margin-bottom:8px}
.yd-overview-total>div:last-child>strong{font-size:12px;color:#61758e;font-weight:600;display:block;margin-bottom:6px}
.yd-overview-total small{font-size:9px;color:#a3adbb;line-height:1.6;display:block}
.yd-status-list{padding:0 21px 11px}
.yd-status-list>button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 3px;background:transparent;border:0;border-radius:7px;text-align:left;color:#7a8da6;font:inherit;font-size:11px}
.yd-status-list>button:hover,.yd-status-list>button[aria-pressed=true]{background:#f8f9fc}.yd-status-list>button>span{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.yd-status-list strong{font-size:12px;color:#536b88;font-weight:600;min-width:24px;text-align:right}
.yd-status-list small{font-size:10px;color:#a8b2c1;width:32px;text-align:right}.yd-status-list svg{width:12px;height:12px;color:#b4bdcb}
.yd-capacity{margin:0 23px 21px;border-top:1px solid #edf0f5;padding-top:13px;display:grid;grid-template-columns:1fr auto;gap:7px;color:#91a0b3;font-size:9px}
.yd-capacity>strong{font-weight:600;color:#6a7c95}.yd-capacity>div{height:5px;background:#edf1f6;border-radius:5px;overflow:hidden;grid-column:1/-1}
.yd-capacity>div>i{display:block;height:100%;background:#e9b971;border-radius:5px}.yd-capacity small{grid-column:1/-1;font-size:9px;color:#a8b1bf}
.yd-bays .panel-heading .badge{font-size:9px;white-space:nowrap;margin-top:3px}
.yd-bay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;padding:2px 23px 19px}
.yd-bay{padding:16px 14px 0;border:1px solid #e6ecef;border-radius:11px;background:#fcfefd;min-width:0}
.yd-bay-head{display:flex;align-items:center;gap:8px}.yd-bay-icon{display:grid;place-items:center;width:29px;height:29px;background:#eaf5f1;color:#6aab95;border-radius:8px}
.yd-bay-icon svg{width:18px;height:18px}.yd-bay-head strong{color:#687c94;font-size:11px;font-weight:600}.yd-bay-dot{height:6px;width:6px;background:#80b69f;border-radius:50%;margin-left:auto;flex-shrink:0}
.yd-bay-status{display:block;font-size:16px;font-weight:600;color:#75a18c;margin:16px 0 10px}
.yd-bay>p{color:#a3adba;font-size:10px;line-height:1.8;min-height:44px;margin-bottom:13px}
.yd-bay-booking{display:block;width:100%;background:transparent;border:0;padding:0;text-align:left;min-height:70px}
.yd-bay-booking strong{font-size:11px;font-weight:550;color:#70829b;display:block;overflow-wrap:anywhere}
.yd-bay-booking>span{display:block;font-size:9px;color:#a3afbf;line-height:1.7;margin:6px 0}.yd-bay-booking small{font-size:9px;color:#b18b52;display:flex;gap:6px;align-items:center;margin:8px 0 11px}.yd-bay-booking small svg{width:12px;height:12px}
.yd-bay-booking:hover strong{color:#b7843c}.yd-bay-foot{font-size:8px;line-height:1.7;color:#9eaabd;border-top:1px solid #eaf0ed;padding:11px 0}
.yd-bay-busy{background:#fffdfa;border-color:#f0e6d7}.yd-bay-busy .yd-bay-icon{background:#fff1dc;color:#c99b59}.yd-bay-busy .yd-bay-status{color:#bf9452}.yd-bay-busy .yd-bay-dot{background:#e3ad58}
.yd-bay-off{background:#fafbfd;border-color:#e9edf3}.yd-bay-off .yd-bay-icon{background:#eff2f7;color:#a0adbd}.yd-bay-off .yd-bay-status{color:#a1adbd}.yd-bay-off .yd-bay-dot{background:#bbc5d2}
.yd-bay-note{padding:0 23px 19px;color:#a1acbb;font-size:9px;line-height:1.8}
.yd-activity>.panel-heading>svg{width:18px;height:18px;color:#a8b4c4;margin-top:3px}
.yd-activity-list{padding:0 21px 5px}
.yd-activity-item{width:100%;display:flex;align-items:flex-start;gap:11px;background:transparent;border:0;border-bottom:1px solid #f0f2f6;text-align:left;padding:14px 2px}
.yd-activity-item:last-child{border:0}.yd-activity-item:hover{background:#fcfdff}.yd-activity-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3fb;color:#8ea8cb;flex-shrink:0}
.yd-activity-icon svg{width:15px;height:15px}.yd-event-complete{background:#edf7f1;color:#77a890}.yd-event-depart{background:#fff4e4;color:#c8a063}
.yd-activity-item>span:nth-child(2){min-width:0;flex:1}.yd-activity-item strong{display:block;font:600 11px "Segoe UI",Arial,sans-serif;color:#6c809a;margin:1px 0 6px}
.yd-activity-item>span>span{display:block;font-size:9px;color:#97a5b7;line-height:1.7;overflow-wrap:anywhere}.yd-activity-item small{font-size:9px;color:#b1bac6;display:block;margin-top:4px}
.yd-activity-item time{color:#aab4c2;font-size:9px;white-space:nowrap;margin-top:3px}
.yd-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;gap:13px;padding:23px 30px}
.yd-activity-empty>svg{width:29px;height:29px;color:#c4cedb}.yd-activity-empty strong{color:#8f9eb2;font-size:11px;font-weight:550}.yd-activity-empty span{color:#a8b3c2;font-size:10px;line-height:1.8;max-width:240px}
.yd-cargo-summary{display:flex;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid #edf0f5;margin-top:3px;background:#fcfdff}
.yd-cargo-summary>svg{height:23px;width:23px;color:#a6b6ca}.yd-cargo-summary strong{display:block;font-size:11px;color:#8395ad;font-weight:550}.yd-cargo-summary small{display:block;font-size:9px;color:#adb7c6;line-height:1.8;margin-top:5px}
.operation-averages{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.operation-averages strong{font-size:21px}
.yd-timing-note{color:#a7b2c2;font-size:9px;line-height:1.8;margin:18px 0 0;border-top:1px solid #eef1f6;padding-top:12px}
.yd-filter-scope{padding:0 20px 13px}.yd-filter-scope .btn{white-space:normal;text-align:left;font-size:10px;justify-content:flex-start}
@media(max-width:1150px){.yd-chart-grid,.yd-live-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:16px}.yd-flow .panel-heading{flex-wrap:wrap}.yd-flow .panel-heading>.cm-control{width:150px}.yd-chart-legend{gap:11px}.yd-chart-legend small{width:100%;margin:0}.yd-chart-foot{gap:16px}}
@media(max-width:950px){.yd-chart-grid,.yd-live-grid{grid-template-columns:1fr}.yd-flow .panel-heading{flex-wrap:nowrap}.yd-chart-legend small{width:auto;margin-left:auto}.yd-flow-chart{min-height:200px}.yd-bay-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.yd-activity-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.yd-overview-total{padding-top:5px}.yd-status-list{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}}
@media(max-width:700px){
  .sidebar,.shell{transition:transform .18s ease}.sidebar{overflow:hidden}.sidebar-toggle-row{margin-bottom:15px}
  .shell{margin-left:48px}
  .topbar{gap:9px;padding-left:12px;padding-right:12px}.topbar-brand .logo-company{width:76px}
  .topbar .breadcrumb>span:first-of-type{display:inline}
  .topbar .breadcrumb{min-width:0}.topbar .breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sidebar:not(.open){transform:translateX(calc(-100% + 48px))}
  .sidebar:not(.open)>:not(.sidebar-toggle-row){visibility:hidden;pointer-events:none}
  .sidebar:not(.open) .sidebar-toggle-row{position:absolute;right:7px;top:14px;margin:0}
  .sidebar:not(.open) .sidebar-toggle{width:34px;height:32px}
  .sidebar:not(.open) .sidebar-product{display:none}
  .yd-chart-grid,.yd-live-grid{gap:14px;margin-bottom:16px}.yd-chart-grid .panel-heading,.yd-live-grid .panel-heading{padding:19px 18px 14px}.yd-chart-grid .panel-heading h2,.yd-live-grid .panel-heading h2{font-size:13px}
  .yd-flow .panel-heading{flex-wrap:wrap}.yd-flow .panel-heading>.cm-control{width:146px}.yd-chart-legend{margin:0 18px;gap:12px}.yd-chart-legend small{font-size:8px;width:100%;margin:0}
  .yd-flow-chart{padding:7px 12px 0;min-height:190px}.yd-flow-chart svg{min-height:180px}.yd-chart-foot{margin:3px 18px 0;gap:13px;font-size:9px;padding-top:13px}.yd-chart-data{margin:0 18px 13px}
  .yd-flow-chart .yd-axis{font-size:19px}.yd-flow-chart .yd-chart-empty{font-size:20px}
  .yd-overview-total{padding:0 18px 17px}.yd-status-list{padding:0 17px 12px;grid-template-columns:1fr}.yd-capacity{margin:0 18px 19px}.yd-bay-grid{padding:0 18px 16px;gap:11px;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.yd-bay{padding:13px 12px 0}.yd-bay-note{padding:0 18px 18px}
  .yd-activity-list{display:block;padding:0 17px 3px}.yd-cargo-summary{padding:15px 18px}.yd-bays .panel-heading{flex-wrap:wrap}.operation-averages{gap:11px}.operation-averages>div{padding-left:8px}.operation-averages strong{font-size:18px}.operation-averages span{font-size:8px}
}