.ocp-dashboard,.ocp-live{--ocp-border:#e2e8f0;--ocp-text:#16202a;--ocp-muted:#697586;--ocp-bg:#fff}.ocp-dashboard{border:1px solid var(--ocp-border);border-radius:16px;background:#fff;overflow:hidden}.ocp-head{padding:24px 26px;border-bottom:1px solid var(--ocp-border)}.ocp-head span,.ocp-panel-head span,.ocp-row-head span{font-size:11px;font-weight:800;letter-spacing:.11em;color:#657384}.ocp-head h2,.ocp-panel-head h3,.ocp-row-head h2{margin:4px 0 6px;color:var(--ocp-text)}.ocp-head p{margin:0;color:var(--ocp-muted)}.ocp-tabs{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid var(--ocp-border);background:#f8fafc}.ocp-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:9px;font-weight:700;cursor:pointer}.ocp-tabs button.is-active{background:#fff;box-shadow:0 1px 5px rgba(15,23,42,.08)}.ocp-panel{display:none;padding:22px 24px}.ocp-panel.is-active{display:block}.ocp-source{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.ocp-source label{min-width:280px;display:grid;gap:6px;font-weight:700}.ocp-source input,.ocp-grid input,.ocp-grid select,.ocp-grid textarea{width:100%}.ocp-current,.ocp-summary{margin-top:14px;padding:12px 14px;background:#f8fafc;border:1px solid var(--ocp-border);border-radius:10px}.ocp-group-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px}.ocp-group-preview>div{padding:12px;border:1px solid var(--ocp-border);border-radius:10px;display:flex;justify-content:space-between;gap:12px}.ocp-group-preview span{color:var(--ocp-muted)}.ocp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.ocp-table{border:1px solid var(--ocp-border);border-radius:12px;overflow:hidden}.ocp-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:11px 13px;border-top:1px solid var(--ocp-border)}.ocp-row:first-child{border-top:0}.ocp-row-head{background:#f8fafc;font-weight:800}.ocp-name{display:flex;align-items:center;gap:9px}.ocp-name img{width:44px;height:44px;border-radius:8px;object-fit:cover}.ocp-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:10px;color:var(--ocp-muted)}.ocp-facility-editor{display:none;margin-top:18px;padding:18px;border:1px solid var(--ocp-border);border-radius:12px;background:#fbfdff}.ocp-facility-editor.is-open{display:block}.ocp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ocp-grid label{display:grid;gap:6px;font-weight:700}.ocp-grid .wide{grid-column:1/-1}.ocp-preview{max-width:220px;max-height:150px;object-fit:cover;border-radius:10px;display:block;margin:6px 0}.ocp-inline{display:block!important;font-weight:400!important}.ocp-savebar{display:flex;gap:12px;align-items:center;margin-top:14px}.ocp-status{font-weight:700}.ocp-row-section{margin:26px 0}.ocp-row-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.ocp-row-head h2{font-size:25px}.ocp-arrows{display:flex;gap:7px}.ocp-arrows button{width:38px;height:38px;border-radius:50%;border:1px solid #d8dee6;background:#fff;font-size:24px;line-height:1;cursor:pointer}.ocp-arrows button:disabled,.ocp-arrows button.is-hidden{opacity:.3;pointer-events:none}.ocp-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 8px}.ocp-carousel-track::-webkit-scrollbar{display:none}.ocp-card{flex:0 0 calc((100% - 48px)/4);min-width:0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 15px rgba(15,23,42,.05)}.ocp-card-link{color:inherit;text-decoration:none!important;display:block;height:100%}.ocp-card-image{height:180px;background:#eef2f5 center/cover no-repeat;position:relative}.ocp-card-image>span{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.ocp-card-body{padding:14px}.ocp-card-body small{font-size:11px;font-weight:800;color:#6b7785}.ocp-card-body h3{font-size:17px;line-height:1.25;margin:5px 0 7px}.ocp-card-body p{font-size:13px;color:#697586;line-height:1.5;margin:0 0 8px}.ocp-card-body strong{font-size:13px}.ocp-live{margin:20px 0}
@media(max-width:1100px){.ocp-card{flex-basis:calc((100% - 32px)/3)}}@media(max-width:760px){.ocp-card{flex-basis:calc((100% - 16px)/2)}.ocp-row{grid-template-columns:1fr 1fr}.ocp-row-head{display:none}.ocp-grid{grid-template-columns:1fr}}@media(max-width:520px){.ocp-card{flex-basis:82%}.ocp-panel{padding:16px}.ocp-source label{min-width:100%}}
.ocp-filter-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 1px 11px;margin-top:-2px}.ocp-filter-chips::-webkit-scrollbar{display:none}.ocp-filter-chip{flex:0 0 auto;border:1px solid #dbe3ea;background:#fff;color:#43505d;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;transition:.15s ease}.ocp-filter-chip:hover{border-color:#9fb0bf}.ocp-filter-chip.is-active{background:#16202a;border-color:#16202a;color:#fff}.ocp-card.is-filtered-out{display:none}
@media(max-width:520px){.ocp-filter-chips{margin-right:-16px;padding-right:16px}.ocp-filter-chip{padding:7px 11px}}
.ocp-row-count{font-size:.72em;font-weight:700;opacity:.62}.ocp-chip-count{font-size:.92em;opacity:.72}
.ocp-filter-nav{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:7px;margin-top:-2px;margin-bottom:11px}.ocp-filter-nav .ocp-filter-chips{margin:0;padding:0;min-width:0;scroll-behavior:smooth}.ocp-filter-prev,.ocp-filter-next{width:32px;height:32px;border:1px solid #dbe3ea;border-radius:50%;background:#fff;color:#43505d;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.ocp-filter-prev:disabled,.ocp-filter-next:disabled,.ocp-filter-prev.is-hidden,.ocp-filter-next.is-hidden{opacity:.25;pointer-events:none}.ocp-filter-nav.has-overflow .ocp-filter-chips{mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
@media(max-width:520px){.ocp-filter-nav{grid-template-columns:minmax(0,1fr);gap:0}.ocp-filter-prev,.ocp-filter-next{display:none}.ocp-filter-nav .ocp-filter-chips{margin-right:-16px;padding-right:16px;mask-image:none;-webkit-mask-image:none}}
.ocp-branch-card{position:relative}.ocp-branch-card .ocp-card-link{height:auto}.ocp-branch-actions{padding:0 14px 14px}.ocp-branch-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:8px;background:#20a65b;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800}.ocp-branch-actions a:hover{background:#178c4a;color:#fff!important}