.business-shell:has(#welcome-area:not([hidden])){max-width:1250px;grid-template-columns:280px minmax(0,1fr)}.business-shell:has(#welcome-area:not([hidden])) .business-left{padding:35px 25px}.business-shell:has(#welcome-area:not([hidden])) .business-left h1{font-size:29px;margin-top:45px}.business-shell:has(#welcome-area:not([hidden])) .business-right{padding:35px;min-width:0}.business-shell:has(#welcome-area:not([hidden])) .business-right h2{margin:0 0 25px}.bp-tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #e4eaf4;padding-bottom:17px;margin:0 0 25px}.bp-tabs button{padding:10px 14px;border-radius:10px;background:#f1f5fa;color:#783c40;border:1px solid #e4ebf3;font-size:12px;font-weight:750}.bp-tabs button.selected{background:#ee212f;color:white;border-color:#ee212f}.bp-content{min-height:250px;color:#4f1a1d}.bp-content p{font-size:13px;line-height:1.8;color:#8d595d}.bp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px}.bp-grid article,.bp-item{background:#f6f9fe;border:1px solid #e2e9f4;border-radius:13px;padding:20px;min-width:0}.bp-grid article h3{font-size:12px;color:#945f62;margin:0 0 12px}.bp-grid article strong{font-size:23px;color:#9b0f18}.bp-item{margin:0 0 12px}.bp-item h3{font-size:15px;margin:0 0 8px}.bp-item a,.bp-line a{color:#e41725;font-weight:800;font-size:12px}.bp-line{display:flex;justify-content:space-between;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #e1e8f3;font-size:12px}.bp-line span{min-width:0;overflow-wrap:anywhere}.bp-content form{display:flex;flex-direction:column;gap:15px;max-width:570px}.bp-content label{display:flex;flex-direction:column;gap:7px;font-weight:750;font-size:12px;color:#884e52}.bp-content input,.bp-content textarea,.bp-content select{padding:14px;border:1px solid #e6bbbe;border-radius:9px;background:white;color:#5a2125}.bp-content textarea{min-height:125px}.bp-content time{min-width:130px;color:#bd212c;font-weight:800}.bp-content .primary{margin:0;max-width:360px}@media(max-width:850px){.business-shell:has(#welcome-area:not([hidden])){grid-template-columns:1fr}.business-shell:has(#welcome-area:not([hidden])) .business-left{padding:25px}.business-shell:has(#welcome-area:not([hidden])) .business-left h1,.business-shell:has(#welcome-area:not([hidden])) .business-left p{display:none}.business-shell:has(#welcome-area:not([hidden])) .business-right{padding:25px 18px}.bp-tabs{overflow:auto;flex-wrap:nowrap}.bp-tabs button{flex:none}}
.bp-preview-img,.bp-preview-video{display:block;max-width:100%;max-height:280px;width:auto;border-radius:10px;background:#2b0a0c;object-fit:contain}.bp-file{margin:12px 0 20px}.bp-preview{margin-bottom:10px}.bp-calendar-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.bp-calendar-bar h3{text-transform:capitalize;font-size:20px;margin:0}.bp-calendar-bar>div{display:flex;gap:7px;align-items:center}.bp-calendar-bar button{padding:7px 13px;border:1px solid #d7e3f4;background:#eaf2ff;border-radius:9px;color:#b3141f;font-size:22px}.bp-calendar-bar input{padding:9px;border:1px solid #dce5f2;border-radius:9px;max-width:170px}.bp-calendar-wrap{overflow-x:auto;border:1px solid #dee8f4;border-radius:12px}.bp-calendar-grid{min-width:655px;display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));background:#dfe8f5;gap:1px}.bp-weekday{text-align:center;background:#eff5ff;padding:12px;font-weight:800;font-size:12px;color:#8e3137}.bp-day{min-height:105px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:5px}.bp-day>strong{font-size:12px;color:#6d2c30}.bp-day.bp-other{background:#f5f7fb;color:#b88084}.bp-event{display:block;font-size:10px;line-height:1.35;border-radius:6px;padding:5px;color:#fff;white-space:normal;overflow-wrap:anywhere}.bp-publish{background:#bb1a25}.bp-shoot{background:#b26b26}.bp-agenda-title{margin:25px 0 10px}.bp-agenda{display:grid;grid-template-columns:minmax(120px,160px) 70px 1fr;gap:10px;border-bottom:1px solid #dce5f1;padding:13px 0;align-items:center;font-size:12px}.bp-agenda time{color:#a33f46;font-weight:800}.bp-agenda strong{color:#90262d}@media(max-width:650px){.bp-calendar-bar{flex-direction:column;align-items:flex-start}.bp-agenda{grid-template-columns:1fr 1fr}.bp-agenda span{grid-column:1/-1}}
/* === YUDOR RED-WHITE 2026-10-26 === */
.business-page,.business-shell{background:#fff!important;color:#202025!important}
.business-left{background:linear-gradient(150deg,#fff4f5,#fff)!important;color:#212024!important;border:1px solid #f4d8dd!important}
.business-left h1,.business-left p,.business-left .identity{color:#252025!important}
.business-left .identity b{color:#d71931!important}
.business-right,.bp-content,.bp-grid article,.bp-item,.bp-line,.bp-calendar-wrap,.bp-day,.bp-agenda{background:#fff!important;color:#202025!important;border-color:#efdde1!important}
.bp-content p,.bp-item p,.bp-line span{color:#5b555b!important}
.bp-tabs{background:#fff4f5!important;border-color:#f3d6dc!important}
.bp-tabs button{color:#51444b!important}
.bp-tabs button.selected,.bp-event,.bp-calendar-bar button:hover{background:#ffe5e9!important;color:#b20e25!important}
.bp-content input,.bp-content textarea,.bp-content select,.business-page input{background:white!important;color:#202025!important;border-color:#ead5d9!important}
.bp-publish,.bp-shoot{border-left-color:#d71931!important}

/* Responsive login and customer workspace — 2026-10-27 */
@media(max-width:850px){
 body.business-page{display:block!important;padding:0!important;min-height:100dvh}
 .business-page .business-shell{width:calc(100% - 24px)!important;max-width:680px;grid-template-columns:minmax(0,1fr)!important;margin:12px auto 24px!important;border-radius:18px}
 .business-page .business-left,.business-page .business-right{min-width:0;max-width:100%;box-sizing:border-box}
 .business-page .business-left{padding:22px 23px!important}
 .business-page .business-left .identity{font-size:16px;gap:9px;white-space:normal;line-height:1.4}
 .business-page .business-left .identity img{width:31px;height:40px;object-fit:contain}
 .business-page .business-left h1{font-size:clamp(25px,5.7vw,33px)!important;line-height:1.23!important;letter-spacing:-.035em!important;margin:15px 0 10px!important;overflow-wrap:break-word}
 .business-page .business-left p{font-size:13px;line-height:1.65!important;margin:0 0 6px}
 .business-page .business-left>a:not(.identity){display:inline-flex;align-items:center;min-height:42px}
 .business-page .business-right{padding:25px 23px!important}
 .business-page .business-right h2{font-size:clamp(23px,5.5vw,30px);line-height:1.25;margin:12px 0}
 .business-page .business-right p{line-height:1.72}
 .business-page .business-right input:not([type=checkbox]),.business-page .business-right textarea,.business-page .business-right select{width:100%;max-width:100%;min-width:0;min-height:48px;font-size:16px!important;line-height:1.5}
 .business-page .business-right .primary{min-height:48px;font-size:14px;line-height:1.4}
 .business-page .business-right #forgot-toggle,.business-page .business-right #back-toggle{display:inline-flex;align-items:center;min-height:44px}
 .business-page .business-shell:has(#welcome-area:not([hidden])) .business-left{padding:16px 22px!important}
 .business-page .business-shell:has(#welcome-area:not([hidden])) .business-left h1,.business-page .business-shell:has(#welcome-area:not([hidden])) .business-left p{display:none}
 .business-page .business-shell:has(#welcome-area:not([hidden])) .business-right{padding:21px 18px!important}
 .business-page .bp-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .business-page .bp-tabs button{min-height:44px;white-space:nowrap}
 .business-page .bp-calendar-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .business-page .bp-calendar-bar button{min-width:44px;min-height:44px}
 .business-page .bp-calendar-bar input{max-width:min(100%,210px)}
 .business-page .bp-content,.business-page .bp-content article,.business-page .bp-content .bp-item{min-width:0}
}
@media(max-width:370px){
 .business-page .business-left{padding:18px!important}
 .business-page .business-right{padding:21px 18px!important}
 .business-page .business-left h1{font-size:26px!important}
 .business-page .bp-grid{grid-template-columns:minmax(0,1fr)}
}