/* Scoped only to detected Like5s service order widgets. */
.bf360-service-ui{--bf-blue:#087fce;--bf-ink:#12365f;--bf-line:#dbe5f0;--bf-soft:#f6faff;font-size:15px}
.bf360-service-ui>.card{border:1px solid var(--bf-line)!important;border-top:3px solid var(--bf-blue)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 8px 30px rgba(16,53,96,.07)}
.bf360-service-ui .card-header{background:#fff!important}
.bf360-service-ui .nav-tabs{gap:6px;padding:10px 12px 0}
.bf360-service-ui .nav-tabs .nav-link{border-radius:9px 9px 0 0;padding:12px 18px;font-weight:600}
.bf360-service-ui .nav-tabs .nav-link.active{color:#fff!important;background:var(--bf-blue)!important;border-color:var(--bf-blue)!important}
.bf360-service-ui .card-body{padding:20px!important}
.bf360-service-ui .bf360-ui-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;align-items:start}
.bf360-service-ui .bf360-ui-left,.bf360-service-ui .bf360-ui-right{min-width:0}
.bf360-service-ui .bf360-ui-right{padding-left:22px;border-left:1px solid var(--bf-line)}
.bf360-service-ui .bf360-ui-grid .form-group.row{display:block;margin:0 0 19px!important;padding:0!important}
.bf360-service-ui .bf360-ui-grid .form-group.row>.col-sm-3,.bf360-service-ui .bf360-ui-grid .form-group.row>.col-sm-9{flex:none;max-width:100%;width:100%;padding:0!important}
.bf360-service-ui .bf360-ui-grid .form-group.row>.col-form-label{display:block;margin-bottom:8px;font-weight:650;color:var(--bf-ink)!important}
.bf360-service-ui .form-control{min-height:44px;border:1px solid #cad8e8;border-radius:8px;background:#fff;box-shadow:none}
.bf360-service-ui .form-control:focus{border-color:var(--bf-blue);box-shadow:0 0 0 3px rgba(8,127,206,.1)}
.bf360-service-ui .server-item{border:1px solid var(--bf-line);border-radius:10px;padding:11px 12px;margin:0 0 8px;background:#fff;transition:border-color .15s,background .15s}
.bf360-service-ui .server-item:has(input:checked){border-color:#2688e9;background:#f3f9ff}
.bf360-service-ui .server-item .icheck-primary{margin-bottom:0}
.bf360-service-ui .server-item label{line-height:1.6;overflow-wrap:anywhere}
.bf360-service-ui .server-item .badge{margin:2px 3px;border-radius:5px}
.bf360-service-ui .server-note{margin-top:10px;border-radius:9px!important;background:#e5f5fb!important;border:0!important;color:#24546a!important}
.bf360-service-ui .bf360-ui-bottom{margin-top:20px}
.bf360-service-ui .bf360-ui-bottom .info-box{border-radius:12px!important;background:#fff5e2!important;border:1px solid #ffdfac;box-shadow:none;min-height:unset;padding:16px!important}
.bf360-service-ui .bf360-ui-bottom .info-box-content{color:#8c4d12!important}
.bf360-service-ui .bf360-ui-bottom #total{color:#006fc5;font-size:clamp(21px,2.5vw,28px);font-weight:800}
.bf360-service-ui #btn-create{border:0!important;background:linear-gradient(135deg,#0799e4,#0068c8)!important;border-radius:10px!important;min-height:50px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.bf360-service-ui #btn-create:hover{filter:brightness(.94)}
@media(max-width:767px){.bf360-service-ui .card-body{padding:13px!important}.bf360-service-ui .bf360-ui-grid{grid-template-columns:minmax(0,1fr);gap:4px}.bf360-service-ui .bf360-ui-right{padding-left:0;border-left:0;border-top:1px solid var(--bf-line);padding-top:16px}.bf360-service-ui .server-item{padding:10px}.bf360-service-ui .nav-tabs .nav-link{padding:10px 12px}.bf360-service-ui .bf360-ui-bottom{margin-top:12px}}

/* Maintenance filter: scoped to Like5s order forms. */
.bf360-service-ui .service-ui-maintenance-filter{display:flex;justify-content:flex-end;margin:0 0 12px}
.bf360-service-ui .service-ui-filter-label{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#51647b;cursor:pointer;font-weight:500}
.bf360-service-ui .service-ui-filter-checkbox{width:17px;height:17px;accent-color:#087fce;cursor:pointer}
.bf360-service-ui .server-item.service-ui-maintenance-hidden{display:none!important}