/* The YBDC — sidebar, header search and live IST date/time refinement.
   Works as final stylesheet after the green/gold and other installed overlays. */
#app .layout{width:100%;max-width:100%;overflow-x:clip}
#app .main{min-width:0!important;width:0;flex:1 1 0!important}
#app .sidebar{box-sizing:border-box;overflow-x:hidden!important}
#app .sidebar .brand{box-sizing:border-box!important;max-width:100%!important;width:100%!important;min-width:0!important;margin:0!important;transform:none!important;gap:9px!important;padding-left:3px!important;padding-right:3px!important;overflow:visible!important}
#app .sidebar .brand .brand-mark.yp-logo{max-width:38%!important;width:clamp(65px,7.2vw,88px)!important;height:97px!important;min-width:0!important;margin-left:0!important;transform:none!important;overflow:visible!important;flex-shrink:0!important}
#app .sidebar .brand .brand-mark.yp-logo img{object-fit:contain!important;max-width:100%!important;max-height:100%!important}
#app .sidebar .brand>div:not(.brand-mark){min-width:0!important;max-width:100%!important;flex:1 1 0!important}
#app .sidebar .brand h2{white-space:normal!important;overflow-wrap:normal!important;font-size:clamp(14px,1.1vw,19px)!important}
#app .topbar{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;gap:12px!important;padding-left:18px!important;padding-right:18px!important}
#app .topbar>div:first-child{min-width:0!important;flex:0 1 auto!important}
#app .topbar .top-actions{display:flex!important;align-items:center!important;min-width:0!important;flex:0 0 auto!important;gap:10px!important}
/* One search outline only: old mobile search and theme add-ons sometimes both style the input */
#app .topbar .yp-global-search{box-sizing:border-box!important;display:flex!important;align-items:center!important;min-width:0!important;max-width:510px!important;width:auto!important;flex:1 1 200px!important;padding:0 12px!important;gap:9px!important;overflow:hidden!important;white-space:nowrap!important}
#app .topbar .yp-global-search input,
#app .topbar .yp-global-search input.field,
#app .topbar input.yp-search-input{box-sizing:border-box!important;display:block!important;flex:1 1 0!important;min-width:0!important;max-width:100%!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:none!important;background:none!important;background-image:none!important;box-shadow:none!important;line-height:normal!important;appearance:none!important;-webkit-appearance:none!important}
#app .topbar .yp-global-search input:focus{border:0!important;outline:0!important;box-shadow:none!important}
#app .topbar .yp-global-search svg{flex:0 0 20px!important}
#app .topbar .yp-today-badge{display:none!important}
#app .ybdc-live-clock{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:126px;padding:8px 11px;background:#0d261e;border:1px solid #3a5948;border-radius:11px;color:#e9c777;font:inherit;font-variant-numeric:tabular-nums}
#app .ybdc-live-clock>svg{flex-shrink:0;color:#e9c777}
#app .ybdc-live-clock-copy{display:flex;flex-direction:column;line-height:1.35}
#app .ybdc-live-clock-copy strong{font-size:11px;font-weight:800;color:#e9ebdf}
#app .ybdc-live-clock-copy small{font-size:11px;font-weight:650;color:#eac678;letter-spacing:.01em}
@media (max-width:1550px){#app .topbar .breadcrumb{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:1200px){#app .topbar .breadcrumb{display:none!important}#app .topbar .yp-global-search{max-width:none!important}#app .topbar .user-chip{display:none!important}}
@media (max-width:900px){#app .sidebar .brand .brand-mark.yp-logo{width:80px!important;height:95px!important}#app .topbar{padding-left:10px!important;padding-right:10px!important;gap:8px!important}#app .topbar .top-actions{gap:7px!important}#app .ybdc-live-clock{padding:7px;min-width:auto}#app .ybdc-live-clock>svg{display:none}#app .ybdc-live-clock-copy strong{font-size:9px}#app .ybdc-live-clock-copy small{font-size:10px}}
@media (max-width:600px){#app .topbar .yp-global-search{padding:0 8px!important;gap:5px!important;min-width:0!important}#app .topbar .yp-global-search svg{width:17px!important;flex-basis:17px!important}#app .ybdc-live-clock{padding:4px 6px}#app .ybdc-live-clock-copy strong{display:none}#app .ybdc-live-clock-copy small{font-size:9px}#app .topbar .icon-btn{flex:0 0 auto}#app .topbar .yp-global-search input{font-size:11px!important}}
@media (max-width:420px){#app .ybdc-live-clock{min-width:48px!important;padding:4px!important}#app .ybdc-live-clock-copy small{font-size:9px!important}#app .topbar .yp-global-search{max-width:100%!important}}
.ybdc-ex-name-warning{font-size:12px;line-height:1.55;margin:0 0 12px;padding:10px;border-left:3px solid #e2b960;background:#233a2d;color:#ffdfa4;border-radius:6px}
.ybdc-ex-phone{color:#f7dd9a!important;font-weight:700}
.ybdc-ex-tools select[data-ex-kind]{background:#103528;color:#fff;border:1px solid #47705c;border-radius:8px;padding:9px 10px;min-width:142px;font-size:12px}
.ybdc-ex-group[data-group-kind="name"]{border-color:#a27b44}
@media(max-width:650px){.ybdc-ex-tools select[data-ex-kind]{min-width:100%}}