/* Small component foundation. Layout belongs to BaoleClient; no inherited sidebar/app shell. */
body.baole-typography-r23 :is(.hide,.hidden){display:none!important}
body.baole-typography-r23 .normalhide{display:none}
body.baole-typography-r23 .pointer{cursor:pointer}
body.baole-typography-r23 .not-allowed{cursor:not-allowed}
body.baole-typography-r23 .flex1{flex:1}
body.baole-typography-r23 .w100p{width:100%}
body.baole-typography-r23 .h100p{height:100%}
body.baole-typography-r23 .font-weight-medium{font-weight:500}
body.baole-typography-r23 .font-weight-semibold{font-weight:600}
body.baole-typography-r23 .fs-12{font-size:12px}
body.baole-typography-r23 .fs-14{font-size:14px}
body.baole-typography-r23 .fs-16{font-size:16px}
body.baole-typography-r23 .fs-18{font-size:18px}
body.baole-typography-r23 .fs-20{font-size:20px}
body.baole-typography-r23 .fs-22{font-size:22px}
body.baole-typography-r23 .fs-24{font-size:24px}
#baole-clientarea .page-title-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:20px}
#baole-clientarea .page-title-box h4{margin:0;font-size:18px;font-weight:600;line-height:1.5}
#baole-clientarea .page-title-box .breadcrumb{margin:0;padding:0;background:transparent}
#baole-clientarea .bc-legacy .card{margin-bottom:20px;border:1px solid #e5eaf0;border-radius:10px;box-shadow:none}
#baole-clientarea .bc-legacy .card-title{margin-bottom:14px;font-size:16px;font-weight:600;line-height:1.5}
#baole-clientarea .bc-legacy .table-responsive{max-width:100%;overflow-x:auto}
body.baole-typography-r23 .btn-default{color:#495057;background:#fff;border:1px solid #ced4da}
body.baole-typography-r23 .btn-default:hover{background:#f8f9fa}
body.baole-typography-r23 .help-block{margin-top:6px;font-size:12px;line-height:1.5;color:#74788d}
body.baole-typography-r23 .has-error .help-block{color:#dc3545}
/* Native migration/process classes remain state markers for existing observers and callbacks. */
#baole-clientarea #powerStatusIcon:is(.icon-shujuqianyi,.bx-loader){display:inline-block;width:16px;height:16px;border:2px solid #dce8ff;border-top-color:#356bf3;border-radius:50%;background:none!important;font-size:0!important;line-height:0;vertical-align:middle;animation:bo-power-state-spin .85s linear infinite!important}
#baole-clientarea #powerStatusIcon:is(.icon-shujuqianyi,.bx-loader)::before{content:none!important}
@keyframes bo-power-state-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#baole-clientarea #powerStatusIcon:is(.icon-shujuqianyi,.bx-loader){animation:none!important}}

/* Shared container contracts formerly carried by the retired sidebar stylesheet. */
#baole-clientarea{container-name:member-shell}
#baole-clientarea .bc-main{container-type:inline-size;container-name:member-content}