.app-mock .oc-body{display:grid;gap:calc(var(--u) * 14);padding:calc(var(--u) * 18);background:white}.app-mock .oc-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 11.5)}.app-mock .oc-spacer{flex:1}.app-mock .oc-notice{display:flex;align-items:flex-start;gap:calc(var(--u) * 8);padding:calc(var(--u) * 10) calc(var(--u) * 12);border:1px solid #bfdbfe;border-radius:calc(var(--u) * 8);background:#eff6ff;color:#1d4ed8;font-size:calc(var(--u) * 12.5)}.app-mock .oc-notice svg{margin-top:calc(var(--u) * 2);color:#2563eb}.app-mock .oc-toast{display:flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 9) calc(var(--u) * 12);border:1px solid #bbf7d0;border-radius:calc(var(--u) * 8);background:#f0fdf4;color:#15803d;font-size:calc(var(--u) * 12.5);font-weight:500}.app-mock .oc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u) * 14);align-items:start}.app-mock .oc-col{display:grid;gap:calc(var(--u) * 12)}.app-mock .oc-card{display:grid;gap:calc(var(--u) * 8);padding:calc(var(--u) * 14);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:white}.app-mock .oc-card-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 10)}.app-mock .oc-card-title{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 13.5);font-weight:500}.app-mock .oc-card-title svg{color:var(--m-muted-fg)}.app-mock .oc-card-head{display:flex;align-items:flex-start;gap:calc(var(--u) * 10)}.app-mock .oc-card-head>span:last-child{display:grid;gap:calc(var(--u) * 2)}.app-mock .oc-card-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 28);height:calc(var(--u) * 28);border-radius:calc(var(--u) * 6);background:var(--m-muted);color:var(--m-muted-fg)}.app-mock .oc-info{width:calc(var(--u) * 12)!important;height:calc(var(--u) * 12)!important;color:var(--m-muted-fg)}.app-mock .oc-help{font-size:calc(var(--u) * 11.5);line-height:1.45}.app-mock .oc-label{font-size:calc(var(--u) * 11.5);font-weight:500}.app-mock .oc-label-strong{font-size:calc(var(--u) * 12.5);font-weight:500}.app-mock .oc-warn-text{margin-top:calc(var(--u) * 2)!important;color:#ca8a04;font-size:calc(var(--u) * 10)}.app-mock .oc-amber{padding:calc(var(--u) * 8) calc(var(--u) * 10);border-radius:calc(var(--u) * 6);background:#fffbeb;color:#b45309;font-size:calc(var(--u) * 11.5);line-height:1.45}.app-mock .oc-input{display:inline-flex;align-items:center;min-height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;font-size:calc(var(--u) * 12)}.app-mock .oc-input[data-mono]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 11.5)}.app-mock .oc-input-select{justify-content:space-between;gap:calc(var(--u) * 8)}.app-mock .oc-input-select svg{color:var(--m-muted-fg)}.app-mock .oc-narrow{width:calc(var(--u) * 180)}.app-mock .oc-textarea{align-items:flex-start;min-height:calc(var(--u) * 64);padding:calc(var(--u) * 8) calc(var(--u) * 10);line-height:1.45}.app-mock .oc-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 8)}.app-mock .oc-switch{position:relative;flex-shrink:0;width:calc(var(--u) * 30);height:calc(var(--u) * 17);border-radius:999px;background:#cbd5e1}.app-mock .oc-switch:after{content:"";position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 13);height:calc(var(--u) * 13);border-radius:50%;background:white}.app-mock .oc-switch[data-on]{background:var(--m-primary)}.app-mock .oc-switch[data-on]:after{left:auto;right:calc(var(--u) * 2)}.app-mock .oc-select{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u) * 9) calc(var(--u) * 12);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8)}.app-mock .oc-select>span{display:grid;gap:calc(var(--u) * 3)}.app-mock .oc-select>svg{color:var(--m-muted-fg)}.app-mock .oc-select-name{font-size:calc(var(--u) * 13.5);font-weight:500}.app-mock .oc-select-meta{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .oc-badge{padding:calc(var(--u) * 1) calc(var(--u) * 6);border:1px solid #bfdbfe;border-radius:calc(var(--u) * 4);background:#eff6ff;color:#1d4ed8;font-size:calc(var(--u) * 10);font-weight:500}.app-mock .oc-facts{grid-template-columns:1fr 1fr;gap:calc(var(--u) * 6) calc(var(--u) * 16);font-size:calc(var(--u) * 11.5)}.app-mock .oc-facts p{font-weight:500}.app-mock .oc-span{grid-column:span 2}.app-mock .oc-retry{display:grid;gap:calc(var(--u) * 10);padding-top:calc(var(--u) * 8);border-top:1px solid var(--m-border)}.app-mock .oc-retry-max{display:grid;gap:calc(var(--u) * 4);max-width:calc(var(--u) * 120)}.app-mock .oc-retry-gaps{display:grid;gap:calc(var(--u) * 6)}.app-mock .oc-gap{display:flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 11)}.app-mock .oc-gap>span:first-child{width:calc(var(--u) * 52)}.app-mock .oc-gap .oc-input{justify-content:center;width:calc(var(--u) * 44);min-height:calc(var(--u) * 26)}.app-mock .oc-ghost{display:inline-flex;align-items:center;gap:calc(var(--u) * 5);font-size:calc(var(--u) * 11.5);font-weight:500}.app-mock .oc-drop{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 18);border:calc(var(--u) * 2) dashed var(--m-border);border-radius:calc(var(--u) * 8);background:#f8fafc}.app-mock .oc-drop>span:last-child{display:grid;gap:calc(var(--u) * 2)}.app-mock .oc-drop-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 6);background:var(--m-muted);color:var(--m-muted-fg)}.app-mock .oc-drop-title{font-size:calc(var(--u) * 12.5);font-weight:500}.app-mock .oc-drop-sub{font-size:calc(var(--u) * 11)}.app-mock .oc-ok{display:flex;align-items:center;gap:calc(var(--u) * 6);color:#15803d;font-size:calc(var(--u) * 11.5);font-weight:500}.app-mock .oc-start{display:flex;justify-content:flex-end}.app-mock .oc-toolbar{display:flex;align-items:center;gap:calc(var(--u) * 8)}.app-mock .oc-danger{border-color:#fecaca;color:#dc2626}.app-mock .oc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u) * 10)}.app-mock .oc-stat{display:flex;align-items:center;gap:calc(var(--u) * 10)}.app-mock .oc-stat>span{display:grid}.app-mock .oc-stat-icon{width:calc(var(--u) * 16)!important;height:calc(var(--u) * 16)!important}.app-mock .oc-stat-icon[data-tone=muted]{color:var(--m-muted-fg)}.app-mock .oc-stat-icon[data-tone=green]{color:#16a34a}.app-mock .oc-stat-icon[data-tone=amber]{color:#ca8a04}.app-mock .oc-stat-icon[data-tone=red]{color:#dc2626}.app-mock .oc-stat-label{color:var(--m-muted-fg);font-size:calc(var(--u) * 10);letter-spacing:.06em;text-transform:uppercase}.app-mock .oc-stat-value{font-size:calc(var(--u) * 20);font-weight:600;line-height:1.2}.app-mock .oc-tabs{display:inline-flex;justify-self:start;gap:calc(var(--u) * 2);padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 8);background:var(--m-muted)}.app-mock .oc-tabs span{padding:calc(var(--u) * 4) calc(var(--u) * 10);border-radius:calc(var(--u) * 6);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .oc-tabs span[data-active]{background:white;color:var(--m-fg);box-shadow:0 1px 2px #0f172a14}.app-mock .oc-table{border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);overflow:hidden}.app-mock .oc-tr{display:grid;grid-template-columns:1.1fr 1.5fr 1.1fr .8fr .7fr .8fr;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 9) calc(var(--u) * 14);border-top:1px solid var(--m-border);font-size:calc(var(--u) * 12)}.app-mock .oc-th{border-top:0;background:#f8fafc;color:var(--m-muted-fg);font-weight:500}.app-mock .oc-status{display:inline-flex;padding:calc(var(--u) * 2) calc(var(--u) * 7);border:1px solid transparent;border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 11);font-weight:500;white-space:nowrap}.app-mock .oc-status[data-tone=green]{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.app-mock .oc-status[data-tone=blue]{border-color:#bfdbfe;background:#dbeafe;color:#1d4ed8}.app-mock .oc-status[data-tone=amber]{border-color:#fde68a;background:#fefce8;color:#a16207}.app-mock .oc-status[data-tone=red]{border-color:#fecaca;background:#fee2e2;color:#b91c1c}.app-mock .oc-link{color:var(--m-primary);font-weight:500}.app-mock .oc-cancel{display:inline-flex;padding:calc(var(--u) * 3) calc(var(--u) * 8);border:1px solid #fecaca;border-radius:calc(var(--u) * 6);color:#dc2626;font-size:calc(var(--u) * 11);font-weight:500}.app-mock .oc-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u) * 14);align-items:start;padding:calc(var(--u) * 18);background:#f8fafc}.app-mock .oc-hours{display:grid;gap:calc(var(--u) * 6);margin-bottom:calc(var(--u) * 4)}.app-mock .oc-hour{display:flex;align-items:center;gap:calc(var(--u) * 12);min-height:calc(var(--u) * 30)}.app-mock .oc-day{width:calc(var(--u) * 32);font-size:calc(var(--u) * 12);font-weight:600}.app-mock .oc-times{display:flex;flex:1;align-items:center;gap:calc(var(--u) * 8)}.app-mock .oc-times .oc-input{width:calc(var(--u) * 92)}.app-mock .oc-closed{flex:1;font-size:calc(var(--u) * 12);font-style:italic}