.operation-center-v1 {
  --bg: #050706;
  --sidebar: #0a0d0c;
  --panel: #0c0f0e;
  --panel-2: #101312;
  --line: #252a27;
  --line-soft: #1b211e;
  --text: #f3f3f1;
  --muted: #b8bbb8;
  --dim: #838884;
  --gold: #f4b900;
  --green: #21d643;
  --blue: #2792f3;
  --purple: #b340ec;
  --orange: #f06b00;
  --red: #ff2d2a;
  margin: 0;
  min-width: 1180px;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 32% 8%, rgba(34, 64, 43, .1), transparent 26%),
    linear-gradient(115deg, #070a09 0%, #030504 78%);
  font-family: "Segoe UI", Inter, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.25;
}

/* Telefon şube ekranı: okunaklı liste ve gerçek şube detay görünümü. */
@media (max-width:760px) {
  [data-ocm-view="branches"] .ocm-view-heading{min-height:58px;padding:9px 5px 11px}
  [data-ocm-view="branches"] .ocm-view-heading span{color:#d5b650;font-size:10px}
  [data-ocm-view="branches"] .ocm-view-heading h2{font-size:22px}
  [data-ocm-view="branches"] .ocm-panel>header{min-height:72px;padding:14px 15px}
  [data-ocm-view="branches"] .ocm-panel>header span{color:#d6b752;font-size:10px}
  [data-ocm-view="branches"] .ocm-panel>header h2{font-size:18px}
  [data-ocm-view="branches"] .ocm-panel>header>b{color:#82c996;font-size:12px}

  .ocm-branch-list{padding:4px 11px 9px}
  .ocm-branch-list>button{min-height:112px;padding:15px 4px;grid-template-columns:42px minmax(0,1fr) minmax(112px,.9fr) 20px;gap:10px}
  .ocm-branch-list>button:active{background:rgba(214,176,77,.08)}
  .ocm-branch-list>button>svg{width:20px;height:20px;color:#ef625b;stroke-width:2.4}
  .ocm-branch-avatar{width:42px;height:42px;border-radius:12px}
  .ocm-branch-avatar svg{width:22px;height:22px}
  .ocm-branch-copy,.ocm-branch-money{gap:7px}
  .ocm-branch-copy strong{overflow:visible;color:#f1f5f2;font-size:15px;line-height:1.25;text-overflow:clip;white-space:normal}
  .ocm-branch-copy small{overflow:visible;color:#79b8e9;font-size:11px;line-height:1.35;text-overflow:clip;white-space:normal}
  .ocm-branch-money strong{overflow:visible;color:#67d184;font-size:15px;line-height:1.2;text-overflow:clip;white-space:normal}
  .ocm-branch-money small{overflow:visible;color:#a8b4ac;font-size:10.5px;line-height:1.3;text-overflow:clip;white-space:normal}
  .ocm-branch-money em{overflow:visible;color:#e2bf57;font-size:10.5px;line-height:1.3;text-overflow:clip;white-space:normal}
  .ocm-branch-focus{min-height:48px;padding:10px 12px;font-size:12px}
  .ocm-branch-focus button{padding:8px 10px;font-size:10px}

  .ocm-branch-detail .ocm-detail-head{min-height:66px;margin-bottom:11px}
  .ocm-branch-detail .ocm-detail-head span{font-size:9.5px}
  .ocm-branch-detail .ocm-detail-head h2{font-size:22px}
  .ocm-branch-hero{display:flex;min-height:106px;margin-bottom:10px;padding:15px;align-items:center;gap:13px;border:1px solid rgba(214,176,77,.28);border-radius:14px;background:linear-gradient(135deg,rgba(109,84,21,.2),rgba(16,28,21,.9))}
  .ocm-branch-hero>i{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid rgba(214,176,77,.34);border-radius:13px;color:#e0ba50;background:rgba(158,122,27,.12)}
  .ocm-branch-hero>i svg{width:25px;height:25px}
  .ocm-branch-hero>div{display:grid;min-width:0;gap:6px}
  .ocm-branch-hero span{color:#dbbd60;font-size:9.5px;font-weight:900;letter-spacing:.08em}
  .ocm-branch-hero strong{overflow:visible;color:#f2f5f2;font-size:18px;line-height:1.25;white-space:normal}
  .ocm-branch-hero small{color:#8fc5a0;font-size:11px}
  .ocm-branch-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}
  .ocm-branch-detail-grid article{display:flex;min-width:0;min-height:116px;padding:13px 9px;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px solid #2b3630;border-radius:12px;background:linear-gradient(145deg,#161c19,#0d1210);text-align:center}
  .ocm-branch-detail-grid span{color:#dabb5c;font-size:11px;font-weight:900}
  .ocm-branch-detail-grid strong{max-width:100%;overflow:visible;color:#f2f6f3;font-size:clamp(19px,6vw,25px);line-height:1.1;white-space:normal;overflow-wrap:anywhere}
  .ocm-branch-detail-grid small{color:#a3afa7;font-size:10.5px;line-height:1.35}
  .ocm-branch-detail-grid article.is-green strong{color:#69d487}
  .ocm-branch-detail-grid article.is-blue strong{color:#70b9f3}
  .ocm-branch-detail-grid article.is-gold strong{color:#e2bf59}
  .ocm-branch-detail-grid article.is-purple strong{color:#c390f0}
  .ocm-branch-detail-grid article.is-red strong{color:#ef746e}
  .ocm-branch-detail-back{display:flex;width:100%;min-height:54px;margin:3px 0 14px;padding:0 15px;align-items:center;justify-content:center;gap:9px;border:1px solid #334039;border-radius:11px;color:#e4c35e;background:#151b17;font-size:12px;font-weight:850}
  .ocm-branch-detail-back svg{width:18px;height:18px;transform:rotate(180deg)}
  .ocm-branch-detail-empty{display:grid;min-height:180px;padding:24px;place-items:center;border:1px solid #2b3630;border-radius:13px;background:#111613;text-align:center}
  .ocm-branch-detail-empty strong{color:#f0f4f1;font-size:16px}.ocm-branch-detail-empty span{color:#9da9a1;font-size:12px}
}

/* Mobile manager monitor: read-only, aggregate operational results only. */
.operation-center-mobile{display:none}

@media (max-width:760px){
  body:has(#app.theme-dashboard-pro.view-dashboard .operation-center-mobile){overflow-x:hidden!important;overflow-y:auto!important;background:#080b0a}
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-mobile){min-height:100dvh;background:#080b0a}
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-mobile) .side,
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-mobile) .top{display:none!important}
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-mobile) .main{width:100%!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:visible!important}
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-mobile) #content{display:block!important;width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:visible!important}
  .operation-center-v1{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;background:#080b0a;color:#eef1ee}
  .operation-center-v1>.operation-center-v1__filters,
  .operation-center-v1>.operation-center-v1__dashboard,
  .operation-center-v1>.operation-center-v1__updated{display:none!important}
  .operation-center-mobile{display:block;min-height:100dvh;padding:0 12px calc(92px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -150px,rgba(35,107,70,.18),transparent 350px),#080b0a}
  .operation-center-mobile *{box-sizing:border-box}
  .operation-center-mobile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ocm-pull-indicator{position:fixed;z-index:80;top:calc(7px + env(safe-area-inset-top));left:50%;display:flex;height:34px;padding:0 11px;align-items:center;gap:7px;border:1px solid #34423a;border-radius:999px;color:#b8c2bb;background:rgba(17,24,20,.96);box-shadow:0 8px 24px rgba(0,0,0,.38);opacity:0;pointer-events:none;transform:translate(-50%,-54px) scale(.94);transition:opacity .16s ease,transform .18s ease}.ocm-pull-indicator.is-visible{opacity:1;transform:translate(-50%,var(--ocm-pull-offset,0px)) scale(1)}.ocm-pull-indicator.is-ready{border-color:rgba(91,205,123,.38);color:#6ed58a}.ocm-pull-indicator svg{width:15px;height:15px}.ocm-pull-indicator span{font-size:9px;font-weight:800;white-space:nowrap}.ocm-pull-indicator.is-refreshing svg,.ocm-filterbar button.is-refreshing svg{animation:ocmRefreshSpin .75s linear infinite}@keyframes ocmRefreshSpin{to{transform:rotate(360deg)}}
  .ocm-head{display:flex;min-height:82px;padding:calc(14px + env(safe-area-inset-top)) 2px 12px;align-items:center;justify-content:space-between;gap:10px}
  .ocm-brand{display:flex;min-width:0;align-items:center;gap:10px}.ocm-brand>svg{width:36px;height:36px;padding:7px;border:1px solid rgba(91,211,124,.32);border-radius:50%;color:#62d27c;background:rgba(37,116,67,.18)}
  .ocm-brand h1{margin:0;color:#f4f5f3;font-size:19px;line-height:1.15;letter-spacing:-.3px}.ocm-brand p{margin:3px 0 0;color:#7f8982;font-size:10.5px}
  .ocm-readonly{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(214,176,77,.24);border-radius:999px;color:#d6b04d;background:rgba(214,176,77,.08);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ocm-readonly.is-entry{border-color:rgba(86,205,120,.3);color:#70d68b;background:rgba(52,154,82,.11)}
  .ocm-filterbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) 44px;gap:7px;padding:8px 0;background:rgba(8,11,10,.94);backdrop-filter:blur(12px)}
  .ocm-filterbar.is-hidden{display:none}
  .ocm-filterbar select,.ocm-filterbar button{width:100%;height:44px;margin:0;border:1px solid #28302c;border-radius:10px;color:#e5e8e5;background:#121715;font:inherit;font-size:11px;font-weight:700}
  .ocm-filterbar select{padding:0 9px}.ocm-filterbar button{display:grid;padding:0;place-items:center;color:#d6b04d}.ocm-filterbar button svg{width:19px;height:19px}.ocm-filterbar button.is-refreshing{color:#66d183;background:#15231a}
  .ocm-filterbar.is-calendar{grid-template-columns:minmax(0,1fr) 44px}.ocm-filterbar.is-calendar #ocMobilePeriod{display:none}
  .ocm-branch-focus{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 10px;padding:8px 10px;border:1px solid rgba(214,176,77,.22);border-radius:10px;background:rgba(214,176,77,.07);font-size:10px}.ocm-branch-focus span{display:flex;min-width:0;align-items:center;gap:6px;color:#cdd2ce}.ocm-branch-focus svg{width:15px;height:15px;color:#d6b04d}.ocm-branch-focus b{overflow:hidden;color:#f0d16f;text-overflow:ellipsis;white-space:nowrap}.ocm-branch-focus button{flex:0 0 auto;padding:5px 7px;border:0;border-radius:7px;color:#d6b04d;background:#191810;font-size:9px;font-weight:800}
  #ocMobileDateRangeSummary:empty{display:none}.ocm-date-range-summary{display:flex;margin:2px 0 9px;padding:8px 10px;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(91,168,239,.2);border-radius:10px;background:rgba(35,91,142,.1)}.ocm-date-range-summary>span{display:flex;min-width:0;align-items:center;gap:5px;color:#aeb8b1;font-size:8px}.ocm-date-range-summary svg{flex:0 0 auto;width:14px;height:14px;color:#68aef0}.ocm-date-range-summary b{overflow:hidden;color:#dbe8f2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ocm-date-range-summary i{color:#64736a;font-style:normal}.ocm-date-range-summary button{flex:0 0 auto;padding:6px 8px;border:0;border-radius:7px;color:#77b7f1;background:rgba(49,117,180,.15);font-size:8px;font-weight:850}.ocm-date-dialog{max-width:390px}.ocm-date-dialog form{padding-top:18px}
  .ocm-tab-content>[data-ocm-view][hidden]{display:none!important}.ocm-tab-content>[data-ocm-view].is-active{display:block;animation:ocmTabIn .18s ease-out}
  .ocm-view-heading{display:flex;min-height:44px;padding:5px 3px 8px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055)}.ocm-view-heading span{color:#b59642;font-size:8px;font-weight:850;letter-spacing:.13em}.ocm-view-heading h2{margin:0;color:#eff2ef;font-size:18px;line-height:1.1;letter-spacing:-.25px}
  @keyframes ocmTabIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
  .ocm-metrics{scroll-margin-top:68px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 10px}
  .ocm-metric{position:relative;display:grid;min-width:0;min-height:116px;padding:12px 10px;grid-template-columns:34px minmax(0,1fr);gap:9px;overflow:hidden;border:1px solid #252d29;border-radius:12px;background:linear-gradient(145deg,#151a18,#0d1110)}
  .ocm-metric>i{display:grid;width:34px;height:34px;place-items:center;border:1px solid currentColor;border-radius:11px;background:color-mix(in srgb,currentColor 10%,transparent)}.ocm-metric>i svg{width:18px;height:18px}.ocm-metric>div{min-width:0}.ocm-metric span{display:block;margin-top:2px;overflow:hidden;color:#8f9892;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ocm-metric strong{display:block;margin-top:9px;overflow:hidden;color:#edf0ed;font-size:clamp(15px,5vw,20px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.ocm-metric small{display:block;margin-top:8px;overflow:hidden;color:#707973;font-size:8.6px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
  .ocm-metric.is-green>i{color:#55c975}.ocm-metric.is-blue>i{color:#5aa8f6}.ocm-metric.is-gold>i{color:#e3bd55}.ocm-metric.is-orange>i{color:#ef8b45}
  .ocm-sales-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:7px;margin:5px 0 7px}.ocm-sales-total,.ocm-sold-devices{display:grid;min-width:0;min-height:82px;padding:11px;align-items:center;border:1px solid #28312c;border-radius:12px;color:#eaf0eb;background:linear-gradient(145deg,#16201a,#0d1210)}.ocm-sales-total{grid-template-columns:34px minmax(0,1fr);gap:9px}.ocm-sales-total>i,.ocm-sold-devices>i{display:grid;width:33px;height:33px;place-items:center;border:1px solid rgba(86,207,119,.32);border-radius:10px;color:#5ed07d;background:rgba(45,145,72,.13)}.ocm-sales-total svg,.ocm-sold-devices svg{width:17px;height:17px}.ocm-sales-total>span,.ocm-sold-devices>span{display:grid;min-width:0;gap:4px}.ocm-sales-total small,.ocm-sold-devices small{overflow:hidden;color:#829087;font-size:7.5px;font-weight:850;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.ocm-sales-total strong{overflow:hidden;color:#f0f4f1;font-size:20px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.ocm-sales-total em,.ocm-sold-devices em{overflow:hidden;color:#728078;font-size:7.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ocm-sold-devices{position:relative;width:100%;grid-template-columns:27px minmax(0,1fr);gap:7px;text-align:left}.ocm-sold-devices>i{width:27px;height:27px;border-color:rgba(212,177,76,.3);color:#ddb84e;background:rgba(158,123,28,.11)}.ocm-sold-devices>span strong{color:#f1d16f;font-size:22px;line-height:1}.ocm-sold-devices>svg{position:absolute;right:7px;bottom:7px;width:13px;height:13px;color:#777f79}
  .ocm-sales-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:7px}.ocm-sales-kpis article{min-width:0;min-height:63px;padding:8px 8px;border:1px solid #252d29;border-radius:10px;background:linear-gradient(145deg,#141917,#0d1110)}.ocm-sales-kpis span,.ocm-sales-kpis small{display:block;overflow:hidden;color:#7e8882;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.ocm-sales-kpis span{color:#b99a45;font-weight:850;letter-spacing:.06em}.ocm-sales-kpis strong{display:block;margin:7px 0 5px;overflow:hidden;color:#ebefec;font-size:11px;line-height:1;text-overflow:ellipsis;white-space:nowrap}
  .ocm-panel{scroll-margin-top:68px;margin:0 0 10px;overflow:hidden;border:1px solid #252d29;border-radius:13px;background:linear-gradient(145deg,#151a18,#0d1110);box-shadow:0 10px 24px rgba(0,0,0,.14)}
  .ocm-panel>header{display:flex;min-height:58px;padding:11px 13px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #202723}.ocm-panel>header span{display:block;margin-bottom:3px;color:#b59642;font-size:8px;font-weight:850;letter-spacing:.13em}.ocm-panel>header h2{margin:0;color:#e8ebe8;font-size:14px;line-height:1.2}.ocm-panel>header>b{color:#bfc5c0;font-size:10px;font-weight:750;white-space:nowrap}
  .ocm-sales-payments>header{min-height:42px;padding:7px 10px}.ocm-sales-payments>header span{margin-bottom:1px;font-size:6.5px}.ocm-sales-payments>header h2{font-size:11px}.ocm-sales-payments>header>b{font-size:9px}.ocm-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 7px 7px;gap:5px}.ocm-payment-grid article{display:grid;min-width:0;min-height:45px;padding:6px 7px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;border:1px solid #222b26;border-radius:9px;background:rgba(8,12,10,.34)}.ocm-payment-grid article>i{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;color:#5dc97a;background:rgba(43,147,72,.13)}.ocm-payment-grid article.p-1>i{color:#6aaef0;background:rgba(52,119,181,.13)}.ocm-payment-grid article.p-2>i{color:#deb74c;background:rgba(170,132,31,.12)}.ocm-payment-grid article.p-3>i{color:#ad82e7;background:rgba(116,68,176,.13)}.ocm-payment-grid svg{width:14px;height:14px}.ocm-payment-grid article>span{display:grid;min-width:0;gap:2px}.ocm-payment-grid b,.ocm-payment-grid strong,.ocm-payment-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-payment-grid b{color:#929c96;font-size:7px}.ocm-payment-grid strong{color:#e9edea;font-size:9.5px}.ocm-payment-grid small{color:#667169;font-size:6.5px}
  .ocm-finance-link{display:flex!important;width:100%;min-height:62px;padding:10px 11px;align-items:center;justify-content:space-between;gap:10px;color:#e8ece9;text-align:left}.ocm-finance-link>span{display:grid;min-width:0;gap:3px}.ocm-finance-link>span:first-child small{color:#b59642;font-size:7px;font-weight:850;letter-spacing:.08em}.ocm-finance-link>span:first-child strong{color:#63d081;font-size:14px}.ocm-finance-link>span:first-child em{overflow:hidden;color:#707c74;font-size:7.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ocm-finance-link>span:last-child{display:flex;flex:0 0 auto;grid-auto-flow:column;align-items:center;gap:7px}.ocm-finance-link>span:last-child b{padding:5px 6px;border-radius:999px;color:#88938c;background:#1d2521;font-size:7px}.ocm-finance-link>span:last-child b.is-overdue{color:#ef7770;background:rgba(145,43,38,.18)}.ocm-finance-link>span:last-child svg{width:14px;height:14px;color:#768078}
  .ocm-detail-head{display:flex;min-height:52px;margin:2px 0 8px;padding:4px 2px 8px;align-items:center;gap:10px;border-bottom:1px solid #202723}.ocm-detail-head>button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #2a342e;border-radius:50%;color:#e4c35e;background:#151b17;font-size:26px;line-height:1}.ocm-detail-head>div{display:grid;gap:2px}.ocm-detail-head span{color:#b59642;font-size:7px;font-weight:850;letter-spacing:.08em}.ocm-detail-head h2{margin:0;color:#eef2ef;font-size:17px}.ocm-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.ocm-detail-summary article{min-width:0;padding:9px 8px;border:1px solid #252e29;border-radius:10px;background:linear-gradient(145deg,#151a18,#0c1110)}.ocm-detail-summary span,.ocm-detail-summary small{display:block;overflow:hidden;color:#78837c;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.ocm-detail-summary strong{display:block;margin:7px 0 4px;overflow:hidden;color:#e8ede9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ocm-detail-summary article.is-green strong{color:#63d081}.ocm-detail-summary article.is-red strong{color:#ef716b}.ocm-detail-summary article.is-gold strong{color:#dfbd58}
  .ocm-detail-list>div{padding:2px 10px 6px}.ocm-detail-list article{display:grid;min-height:58px;padding:8px 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #202723}.ocm-detail-list article:last-child{border:0}.ocm-detail-list article>i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#5fcf7e;background:rgba(43,144,71,.13)}.ocm-detail-list article>i.is-red{color:#ec6c66;background:rgba(153,48,44,.14)}.ocm-detail-list article>i.is-gold{color:#ddb94f;background:rgba(153,119,30,.13)}.ocm-detail-list article>i svg{width:15px;height:15px}.ocm-detail-list article>span{display:grid;min-width:0;gap:4px}.ocm-detail-list article>span strong,.ocm-detail-list article>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-detail-list article>span strong{color:#e4e9e5;font-size:10px}.ocm-detail-list article>span small{color:#737e77;font-size:7px}.ocm-detail-list article>b{display:grid;justify-items:end;gap:3px}.ocm-detail-list article>b strong{color:#e8ede9;font-size:10px}.ocm-detail-list article>b small{color:#77827b;font-size:7px;font-weight:650}
  .ocm-device-detail-list>div{padding:2px 10px 7px}.ocm-device-detail-list article{display:grid;min-height:68px;padding:9px 0;grid-template-columns:31px minmax(0,1fr) minmax(104px,.9fr);align-items:center;gap:8px;border-bottom:1px solid #202723}.ocm-device-detail-list article:last-child{border:0}.ocm-device-detail-list article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#d9b64e;background:rgba(158,121,27,.12)}.ocm-device-detail-list article>i svg{width:16px;height:16px}.ocm-device-detail-list article>span{display:grid;min-width:0;gap:4px}.ocm-device-detail-list article>span strong,.ocm-device-detail-list article>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-device-detail-list article>span strong{color:#e6ebe7;font-size:10px}.ocm-device-detail-list article>span small{color:#748078;font-size:7.5px}.ocm-device-detail-list article>b{display:grid;gap:4px}.ocm-device-detail-list article>b>span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#758078;font-size:7px;font-weight:650}.ocm-device-detail-list article>b strong{color:#e8ece9;font-size:8px}.ocm-device-detail-list article>b strong.is-profit{color:#62cf80}.ocm-device-detail-list article>b strong.is-missing{color:#ddba54;font-size:6.5px}
  .ocm-detail-head h2{font-size:20px}.ocm-detail-summary span{font-size:8.5px}.ocm-detail-summary strong{font-size:13.5px}.ocm-detail-summary small{font-size:8px}.ocm-device-sortbar{display:flex;margin:0 0 9px;padding:9px 10px;align-items:flex-end;justify-content:space-between;gap:10px;border:1px solid #28312c;border-radius:11px;background:linear-gradient(145deg,#151b18,#0d1210)}.ocm-device-sortbar label{display:grid;min-width:0;flex:1;gap:5px}.ocm-device-sortbar label>span{color:#b59642;font-size:8px;font-weight:850;letter-spacing:.08em}.ocm-device-sortbar select{width:100%;height:42px;padding:0 11px;border:1px solid #333d37;border-radius:9px;outline:0;color:#eef2ef;background:#111713;font-size:12px;font-weight:750}.ocm-device-sortbar select:focus{border-color:#d0ad49;box-shadow:0 0 0 3px rgba(208,173,73,.1)}.ocm-device-sortbar em{padding-bottom:13px;color:#8e9992;font-size:9px;font-style:normal;font-weight:750;white-space:nowrap}.ocm-device-detail-list>header{min-height:62px}.ocm-device-detail-list>header h2{font-size:16px}.ocm-device-detail-list article{min-height:88px;padding:11px 0;grid-template-columns:34px minmax(0,1fr) minmax(120px,.94fr);gap:10px}.ocm-device-detail-list article>i{width:33px;height:33px}.ocm-device-detail-list article>span{gap:6px}.ocm-device-detail-list article>span strong{display:-webkit-box;overflow:hidden;color:#f0f3f0;font-size:13px;line-height:1.25;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ocm-device-detail-list article>span small{color:#8a958e;font-size:9.5px}.ocm-device-detail-list article>b{gap:6px}.ocm-device-detail-list article>b>span{gap:7px;color:#8b958f;font-size:9px}.ocm-device-detail-list article>b strong{font-size:11px}.ocm-device-detail-list article>b strong.is-missing{font-size:8px}.ocm-device-detail-list article>b strong.is-margin{padding:3px 6px;border-radius:999px;color:#69d488;background:rgba(45,148,76,.13);font-size:10px}.ocm-device-detail-list article>b strong.is-negative{padding:3px 6px;border-radius:999px;color:#ef7670;background:rgba(166,47,42,.15);font-size:10px}
  .ocm-sales-total,.ocm-sold-devices{min-height:104px}.ocm-sales-total strong{font-size:24px}.ocm-sales-total em{display:grid;margin-top:2px;gap:3px;overflow:visible;white-space:normal}.ocm-sales-total em b{color:#8e9a92;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}.ocm-sales-total em b:last-child{color:#66cf80}.ocm-sold-devices>span small{font-size:9px}.ocm-sold-devices>span strong{font-size:29px}.ocm-sold-devices em{font-size:9px}.ocm-sold-devices>svg{right:9px;bottom:9px;width:19px;height:19px;color:#ef5c55;stroke-width:2.4}.ocm-sales-kpis article{min-height:82px;padding:11px 10px}.ocm-sales-kpis span{font-size:9.5px}.ocm-sales-kpis strong{margin:9px 0 7px;font-size:16px}.ocm-sales-kpis small{font-size:9px}.ocm-sales-payments>header{min-height:52px;padding:9px 12px}.ocm-sales-payments>header span{font-size:8px}.ocm-sales-payments>header h2{font-size:14px}.ocm-sales-payments>header>b{font-size:11px}.ocm-payment-grid{gap:7px;padding:7px 9px 9px}.ocm-payment-grid article{min-height:72px;padding:9px;grid-template-columns:31px minmax(0,1fr);gap:8px}.ocm-payment-grid article>i{width:31px;height:31px}.ocm-payment-grid svg{width:17px;height:17px}.ocm-payment-grid article>span{gap:3px}.ocm-payment-grid b{font-size:9.5px}.ocm-payment-grid strong{font-size:14px}.ocm-payment-grid small{font-size:8.5px}.ocm-payment-grid em{display:-webkit-box;overflow:hidden;margin-top:2px;color:#9ca79f;font-size:8px;font-style:normal;line-height:1.3;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ocm-finance-link{min-height:78px;padding:13px 14px}.ocm-finance-link>span:first-child small{font-size:9px}.ocm-finance-link>span:first-child strong{font-size:20px}.ocm-finance-link>span:first-child em{font-size:10px}.ocm-finance-link>span:last-child b{font-size:9px}.ocm-finance-link>span:last-child svg{width:18px;height:18px}.ocm-detail-summary article,.ocm-detail-summary>button{position:relative;min-width:0;min-height:84px;padding:11px 9px;border:1px solid #252e29;border-radius:10px;color:#e8ede9;background:linear-gradient(145deg,#151a18,#0c1110);text-align:left}.ocm-detail-summary>button>svg{position:absolute;right:7px;bottom:7px;width:15px;height:15px;color:#ef625b}.ocm-detail-summary>button span,.ocm-detail-summary>button small{display:block;overflow:hidden;color:#78837c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ocm-detail-summary>button strong{display:block;margin:8px 0 6px;overflow:hidden;color:#e9edea;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ocm-detail-summary span{font-size:9px}.ocm-detail-summary strong{font-size:15px}.ocm-detail-summary small{font-size:9px}.ocm-collection-records article{min-height:96px;grid-template-columns:34px minmax(0,1fr) minmax(104px,.75fr);gap:10px}.ocm-collection-records article>i{width:33px;height:33px}.ocm-collection-records article>span{gap:5px}.ocm-collection-records article>span strong{display:-webkit-box;overflow:hidden;color:#f0f3f0;font-size:13px;line-height:1.28;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ocm-collection-records article>span small{color:#919c95;font-size:9.5px}.ocm-collection-records article>span em{display:-webkit-box;overflow:hidden;color:#d8b953;font-size:9px;font-style:normal;line-height:1.3;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ocm-collection-records article>b strong{font-size:13px}.ocm-collection-records article>b small{max-width:110px;overflow:visible;color:#9da79f;font-size:9px;line-height:1.3;text-align:right;white-space:normal}.ocm-receivable-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.ocm-receivable-summary article{min-width:0;min-height:88px;padding:13px 12px;border:1px solid #28312c;border-radius:11px;background:linear-gradient(145deg,#151b18,#0d1210)}.ocm-receivable-summary span,.ocm-receivable-summary small{display:block;color:#8c9790;font-size:10px}.ocm-receivable-summary strong{display:block;margin:10px 0 7px;overflow:hidden;color:#e9edea;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.ocm-receivable-summary article.is-red strong{color:#ef7069}.ocm-receivable-list>div{display:grid;gap:9px;padding:10px}.ocm-receivable-list>div>article{padding:13px;border:1px solid #29322d;border-radius:12px;background:#101512}.ocm-receivable-list>div>article.is-overdue{border-color:rgba(222,79,72,.3);background:linear-gradient(145deg,rgba(104,32,29,.16),#101512)}.ocm-receivable-list article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.ocm-receivable-list article>header>span{display:grid;min-width:0;gap:4px}.ocm-receivable-list article>header strong{overflow:hidden;color:#f0f3f1;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ocm-receivable-list article>header small{color:#929d96;font-size:10px}.ocm-receivable-list article>header>b{padding:5px 7px;border-radius:999px;color:#d8b94e;background:rgba(151,116,26,.14);font-size:8px;white-space:nowrap}.ocm-receivable-list article.is-overdue>header>b{color:#ef746e;background:rgba(164,47,42,.16)}.ocm-receivable-list h3{margin:12px 0 6px;color:#e6ebe7;font-size:13px;line-height:1.35}.ocm-receivable-list p{margin:0;color:#98a39c;font-size:10px}.ocm-receivable-list p strong{color:#d9ba53}.ocm-receivable-list dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 0}.ocm-receivable-list dl>div{min-width:0;padding:8px 7px;border-radius:8px;background:#171d1a}.ocm-receivable-list dt{overflow:hidden;color:#7f8a83;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ocm-receivable-list dd{margin:6px 0 0;overflow:hidden;color:#e1e6e2;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ocm-receivable-list dl>div.remaining dd{color:#ef746e}.ocm-receivable-list article>footer{margin-top:10px;padding-top:9px;border-top:1px solid #242c28;color:#9da79f;font-size:9px}.ocm-payment-list{padding:5px 12px 8px}.ocm-payment-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid #202723}.ocm-payment-row:last-child{border-bottom:0}.ocm-payment-row>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#61cc7d;background:rgba(48,155,81,.13)}.ocm-payment-row>i.p-1{color:#5eaaf6;background:rgba(59,132,211,.13)}.ocm-payment-row>i.p-2{color:#e1ba50;background:rgba(214,176,77,.12)}.ocm-payment-row>i.p-3{color:#a7afb0;background:rgba(130,140,140,.12)}.ocm-payment-row>i svg{width:17px;height:17px}.ocm-payment-row p{display:flex;margin:0;align-items:center;justify-content:space-between;gap:10px}.ocm-payment-row p strong{color:#dfe3df;font-size:11px}.ocm-payment-row p span{color:#eff1ef;font-size:12px;font-weight:800}.ocm-payment-row small{display:block;margin-top:3px;color:#6f7872;font-size:8.5px}.ocm-payment-row u{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:9px;background:#242a27;text-decoration:none}.ocm-payment-row u b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ebd6e,#7bd38f)}
  .ocm-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 8px}.ocm-three-grid>div{min-width:0;padding:3px 8px;border-right:1px solid #242a27}.ocm-three-grid>div:last-child{border:0}.ocm-three-grid span,.ocm-three-grid small{display:block;overflow:hidden;color:#777f7a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ocm-three-grid strong{display:block;margin:7px 0 5px;overflow:hidden;color:#e8eae8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ocm-three-grid strong.green{color:#61ce7d}.ocm-three-grid strong.red{color:#ef6a63}
  .ocm-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 6px 12px}.ocm-status-grid>div{display:grid;min-width:0;padding:2px 4px;justify-items:center;border-right:1px solid #242a27}.ocm-status-grid>div:last-child{border:0}.ocm-status-grid i{display:grid;width:32px;height:32px;margin-bottom:6px;place-items:center;border-radius:50%;color:#9ba39e;background:#202623}.ocm-status-grid svg{width:16px;height:16px}.ocm-status-grid span{max-width:100%;overflow:hidden;color:#8a938d;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.ocm-status-grid strong{margin-top:5px;color:#dfe3df;font-size:17px}.ocm-status-grid .is-green i,.ocm-status-grid .is-green strong{color:#59ca77}.ocm-status-grid .is-gold i,.ocm-status-grid .is-gold strong{color:#d9b44d}.ocm-status-grid .is-red i,.ocm-status-grid .is-red strong{color:#e9655e}.ocm-status-grid .is-blue i,.ocm-status-grid .is-blue strong{color:#5ba7ee}
  .ocm-upcoming{margin-top:1px;padding:11px 12px 7px;border-top:1px solid rgba(255,255,255,.07)}
  .ocm-upcoming h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;color:#f3f6f4;font-size:12px;font-weight:750}.ocm-upcoming h3 small{color:#78837d;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
  .ocm-upcoming>div{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.055)}.ocm-upcoming>div:first-of-type{border-top:0}
  .ocm-upcoming time{color:#d7b55b;font-size:12px;font-weight:800}.ocm-upcoming>div>span{min-width:0;display:flex;flex-direction:column;gap:2px}.ocm-upcoming>div>span strong{overflow:hidden;color:#e8edea;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ocm-upcoming>div>span small{overflow:hidden;color:#78837d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ocm-upcoming>div>b{padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#9ba59f;background:#141a17;font-size:7px;font-weight:800;text-transform:uppercase}.ocm-upcoming>div>b.s-arrived{color:#69d39b;background:rgba(35,148,91,.11)}.ocm-upcoming>div>b.s-pending{color:#d7b55b;background:rgba(178,137,37,.11)}.ocm-upcoming>div>b.s-no_show,.ocm-upcoming>div>b.s-cancelled{color:#ef7373;background:rgba(190,57,57,.11)}
  .ocm-branch-list{padding:2px 8px 7px}.ocm-branch-list>button{display:grid;width:100%;min-height:78px;padding:9px 4px;grid-template-columns:34px minmax(0,1fr) minmax(100px,.9fr) 16px;align-items:center;gap:7px;border:0;border-bottom:1px solid #232925;border-radius:0;color:#dce0dc;background:transparent;text-align:left}.ocm-branch-list>button:last-child{border-bottom:0}.ocm-branch-list>button>svg{width:15px;height:15px;color:#626b65}.ocm-branch-avatar{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(214,176,77,.24);border-radius:9px;color:#d6b04d;background:rgba(214,176,77,.08)}.ocm-branch-avatar svg{width:17px;height:17px}.ocm-branch-copy,.ocm-branch-money{display:grid;min-width:0;gap:4px}.ocm-branch-copy strong,.ocm-branch-copy small,.ocm-branch-money strong,.ocm-branch-money small,.ocm-branch-money em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-branch-copy strong{font-size:11px}.ocm-branch-copy small{color:#757e78;font-size:8px}.ocm-branch-money{text-align:right}.ocm-branch-money strong{color:#e4e8e4;font-size:10px}.ocm-branch-money small{color:#737c76;font-size:7.5px}.ocm-branch-money em{color:#d6b04d;font-size:8px;font-style:normal;font-weight:800}
  .ocm-empty{margin:0;padding:22px 12px;color:#768079;font-size:10px;text-align:center}.ocm-updated{margin:16px 4px 4px;color:#626b65;font-size:8.5px;line-height:1.5;text-align:center}
  .ocm-bottom{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);border-top:1px solid #29302c;background:rgba(10,13,12,.96);box-shadow:0 -10px 30px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.ocm-bottom.has-five{grid-template-columns:repeat(5,1fr)}.ocm-bottom button{display:grid;width:100%;height:100%;padding:0;place-content:center;justify-items:center;gap:3px;border:0;border-radius:10px;color:#747d77;background:transparent;font-size:8px;font-weight:750;text-decoration:none;touch-action:manipulation}.ocm-bottom button svg{width:19px;height:19px}.ocm-bottom button.active{color:#d6b04d;background:linear-gradient(to top,rgba(214,176,77,.08),transparent)}

  .ocm-leave-loading{display:grid;gap:9px;padding:8px 0}.ocm-leave-loading i{height:72px;border:1px solid #232b27;border-radius:12px;background:linear-gradient(100deg,#101512 20%,#18201b 42%,#101512 64%);background-size:240% 100%;animation:ocmLeaveLoading 1.1s linear infinite}@keyframes ocmLeaveLoading{to{background-position:-240% 0}}
  .ocm-leave-error{display:grid;margin:8px 0;padding:20px 15px;gap:7px;border:1px solid rgba(231,89,83,.25);border-radius:13px;color:#dfe4df;background:rgba(98,31,29,.13);text-align:center}.ocm-leave-error strong{font-size:12px}.ocm-leave-error span{color:#a6aea9;font-size:9px}.ocm-leave-error button{justify-self:center;margin-top:5px;padding:8px 12px;border:1px solid #425049;border-radius:8px;color:#dce3dd;background:#19201c;font-size:9px;font-weight:800}
  .ocm-leave-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin:5px 0 9px}.ocm-leave-toolbar label{display:grid;gap:4px}.ocm-leave-toolbar label>span{color:#78817b;font-size:8px;font-weight:750}.ocm-leave-toolbar select{width:100px;height:39px;padding:0 9px;border:1px solid #29312d;border-radius:9px;color:#e8ece8;background:#121715;font-size:11px;font-weight:750}.ocm-leave-toolbar>button{display:flex;height:39px;padding:0 13px;align-items:center;gap:7px;border:1px solid rgba(88,211,124,.27);border-radius:9px;color:#eaf6ed;background:linear-gradient(135deg,#2aaf52,#197d3b);box-shadow:0 7px 18px rgba(20,118,54,.2);font-size:10px;font-weight:850}.ocm-leave-toolbar>button svg{width:16px;height:16px}.ocm-leave-toolbar>em{padding-bottom:10px;color:#737d76;font-size:8px;font-style:normal}
  .ocm-leave-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:9px}.ocm-leave-summary article{min-width:0;padding:10px 7px;border:1px solid #252d29;border-radius:10px;background:linear-gradient(145deg,#151a18,#0d1110)}.ocm-leave-summary span,.ocm-leave-summary small{display:block;overflow:hidden;color:#77817a;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.ocm-leave-summary strong{display:block;margin:5px 0 3px;color:#e5e9e5;font-size:16px;line-height:1}.ocm-leave-summary article.is-green{border-color:rgba(84,198,113,.23);background:linear-gradient(145deg,rgba(35,108,57,.22),#0d1110)}.ocm-leave-summary article.is-green strong{color:#66d183}.ocm-leave-warning{margin:0 0 8px;padding:7px 9px;border:1px solid rgba(218,179,75,.18);border-radius:8px;color:#bcae83;background:rgba(95,77,29,.1);font-size:8px}
  .ocm-leave-balances>div{padding:2px 11px 7px}.ocm-leave-balances article{display:grid;min-height:55px;padding:8px 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #202723}.ocm-leave-balances article:last-child{border-bottom:0}.ocm-leave-balances article>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#cfb35d;background:rgba(168,132,36,.13);font-size:7px;font-style:normal;font-weight:850}.ocm-leave-balances article>span{display:grid;min-width:0;gap:3px}.ocm-leave-balances article>span strong,.ocm-leave-balances article>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-leave-balances article>span strong{color:#e0e5e1;font-size:10px}.ocm-leave-balances article>span small{color:#747e77;font-size:7.5px}.ocm-leave-balances article>b{display:grid;justify-items:end;gap:2px}.ocm-leave-balances article>b strong{color:#66d183;font-size:13px}.ocm-leave-balances article>b small{color:#79827c;font-size:7px;font-weight:600}
  .ocm-leave-calendar>header{min-height:55px}.ocm-leave-month-nav{display:flex;gap:5px}.ocm-leave-month-nav button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid #2a332e;border-radius:8px;color:#d3b55d;background:#141a17;font-size:22px;line-height:1}.ocm-calendar-week,.ocm-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:0 9px}.ocm-calendar-week{padding-top:9px}.ocm-calendar-week b{color:#6f7973;font-size:7px;text-align:center}.ocm-calendar-grid{padding-top:5px;padding-bottom:10px}.ocm-calendar-grid>span{position:relative;display:grid;min-width:0;height:36px;place-items:center;border:1px solid #1f2723;border-radius:7px;color:#abb3ae;background:#101512}.ocm-calendar-grid>span.is-blank{border-color:transparent;background:transparent}.ocm-calendar-grid>span>b{font-size:9px}.ocm-calendar-grid>span>i{position:absolute;right:3px;bottom:3px;display:grid;width:11px;height:11px;place-items:center;border-radius:50%;color:#071009;background:#65d384;font-size:6px;font-style:normal;font-weight:900}.ocm-calendar-grid>span.has-leave{border-color:rgba(94,203,125,.32);color:#e9f7ed;background:rgba(47,137,73,.18)}.ocm-calendar-grid>span.is-today{box-shadow:inset 0 0 0 1px #d4af4e}.ocm-leave-list{padding:10px 12px 7px;border-top:1px solid #202723}.ocm-leave-list h3{display:flex;margin:0 0 5px;align-items:center;justify-content:space-between;color:#e8ece9;font-size:11px}.ocm-leave-list h3 small{color:#79827c;font-size:8px}.ocm-leave-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #202723}.ocm-leave-list>div>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#d9bd68;background:rgba(173,136,36,.13);font-size:7px;font-style:normal;font-weight:850}.ocm-leave-list>div>span{display:grid;min-width:0;gap:3px}.ocm-leave-list>div strong,.ocm-leave-list>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-leave-list>div strong{color:#e1e6e2;font-size:10px}.ocm-leave-list>div small{color:#747e77;font-size:7.5px}.ocm-leave-list>div>b{color:#64cf81;font-size:8px;white-space:nowrap}
  .ocm-leave-overlay{position:fixed;z-index:1000;inset:0;display:flex;padding:calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));align-items:flex-end;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.ocm-leave-overlay *{box-sizing:border-box}.ocm-leave-dialog{width:min(100%,430px);max-height:calc(100dvh - 36px);overflow:auto;overflow-x:hidden;border:1px solid #344039;border-radius:19px;color:#edf1ed;background:linear-gradient(155deg,#16201a,#0a0f0c 62%);box-shadow:0 24px 60px rgba(0,0,0,.55);font-family:"Segoe UI",Inter,Arial,sans-serif}.ocm-leave-dialog>header{position:sticky;top:0;z-index:1;display:flex;min-height:69px;padding:13px 15px;align-items:center;justify-content:space-between;border-bottom:1px solid #29322d;background:rgba(17,24,20,.97)}.ocm-leave-dialog>header span{display:block;margin-bottom:4px;color:#c1a34f;font-size:8px;font-weight:850;letter-spacing:.12em}.ocm-leave-dialog>header h2{margin:0;font-size:17px}.ocm-leave-dialog>header button{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #313b35;border-radius:50%;color:#aeb6b0;background:#171d19;font-size:23px}.ocm-leave-dialog form{display:grid;gap:12px;padding:15px}.ocm-leave-dialog form>label,.ocm-leave-date-row label{display:grid;min-width:0;gap:6px}.ocm-leave-dialog label>span{color:#9ba49e;font-size:9px;font-weight:750}.ocm-leave-dialog label>span small{font-size:8px;font-weight:500}.ocm-leave-dialog select,.ocm-leave-dialog input[type=date],.ocm-leave-dialog textarea{width:100%;min-width:0;min-height:48px;padding:0 12px;border:1px solid #323c36;border-radius:10px;outline:0;color:#edf1ee;background:#111713;font:inherit;font-size:16px}.ocm-leave-dialog textarea{min-height:76px;padding-top:11px;resize:vertical}.ocm-leave-dialog select:focus,.ocm-leave-dialog input:focus,.ocm-leave-dialog textarea:focus{border-color:#55bd73;box-shadow:0 0 0 3px rgba(76,186,107,.11)}.ocm-leave-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ocm-leave-force{display:flex!important;min-height:38px;padding:7px 9px;align-items:center;grid-template-columns:auto 1fr!important;border:1px solid rgba(217,180,76,.18);border-radius:9px;background:rgba(107,83,22,.08)}.ocm-leave-force input{width:19px;height:19px;margin:0 8px 0 0;accent-color:#d0aa40}.ocm-leave-force span{font-size:8.5px!important}.ocm-leave-form-error{margin:0;padding:9px 10px;border:1px solid rgba(232,88,81,.28);border-radius:9px;color:#f2a09c;background:rgba(125,37,33,.14);font-size:9px;line-height:1.45}.ocm-leave-dialog form>footer{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;padding-top:2px}.ocm-leave-dialog form>footer button{height:48px;border:1px solid #323c36;border-radius:10px;color:#cbd2cd;background:#171d19;font-size:11px;font-weight:850}.ocm-leave-dialog form>footer button[type=submit]{border-color:#2ba052;color:#fff;background:linear-gradient(135deg,#32b75c,#197b3a)}.ocm-leave-dialog form>footer button:disabled{opacity:.55}
}

@media (max-width:380px){
  .operation-center-mobile{padding-right:9px;padding-left:9px}.ocm-brand h1{font-size:17px}.ocm-readonly{font-size:8px}.ocm-metric{min-height:108px;padding:10px 8px;grid-template-columns:29px minmax(0,1fr);gap:7px}.ocm-metric>i{width:29px;height:29px}.ocm-metric strong{font-size:15px}.ocm-branch-list>button{grid-template-columns:30px minmax(0,1fr) minmax(88px,.85fr) 14px;gap:5px}.ocm-branch-avatar{width:29px;height:29px}.ocm-status-grid span{font-size:7.5px}
  .ocm-device-detail-list article{grid-template-columns:31px minmax(0,1fr) minmax(110px,.92fr);gap:7px}.ocm-device-detail-list article>span strong{font-size:12px}.ocm-device-detail-list article>b strong{font-size:10px}.ocm-detail-summary article{padding-right:6px;padding-left:6px}.ocm-detail-summary strong{font-size:12px}
}

@media (max-width:760px){
  .ocm-filterbar.is-stock{grid-template-columns:minmax(0,1fr) 44px}
  .ocm-filterbar.is-stock #ocMobilePeriod{display:none}
  .ocm-stock-loading{display:grid;gap:9px;padding:8px 0}.ocm-stock-loading i{height:76px;border:1px solid #26302b;border-radius:13px;background:linear-gradient(100deg,#101512 20%,#19221c 42%,#101512 64%);background-size:240% 100%;animation:ocmStockLoading 1.1s linear infinite}@keyframes ocmStockLoading{to{background-position:-240% 0}}
  .ocm-stock-error,.ocm-stock-warning{margin:0 0 10px;padding:10px 12px;border:1px solid rgba(230,91,84,.26);border-radius:10px;color:#efaaa5;background:rgba(113,35,31,.15);font-size:10px;line-height:1.45}.ocm-stock-warning{border-color:rgba(215,178,75,.22);color:#cdbd8d;background:rgba(105,81,22,.11)}
  .ocm-stock-hero{display:grid;gap:8px;margin:5px 0 10px}.ocm-stock-hero>article{position:relative;min-height:120px;padding:20px 18px;overflow:hidden;border:1px solid rgba(82,205,116,.28);border-radius:16px;background:radial-gradient(circle at 88% 14%,rgba(61,191,96,.2),transparent 42%),linear-gradient(145deg,#17231b,#0c1210)}.ocm-stock-hero>article:after{content:"";position:absolute;right:20px;bottom:15px;width:64px;height:64px;border:1px solid rgba(94,211,126,.15);border-radius:50%;box-shadow:0 0 0 13px rgba(68,183,99,.04)}.ocm-stock-hero span,.ocm-stock-hero small{display:block}.ocm-stock-hero span{color:#e0bd5c;font-size:11px;font-weight:900;letter-spacing:.08em}.ocm-stock-hero>article strong{position:relative;z-index:1;display:block;margin:10px 0 7px;color:#68d486;font-size:40px;line-height:1;letter-spacing:-1.4px}.ocm-stock-hero small{color:#bdc7c0;font-size:12px}.ocm-stock-hero>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ocm-stock-hero>div article{min-width:0;min-height:94px;padding:13px 8px;border:1px solid #29332d;border-radius:12px;background:linear-gradient(145deg,#151b18,#0d1210);text-align:center}.ocm-stock-hero>div span{overflow:hidden;color:#d3b256;font-size:9.5px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-hero>div strong{display:block;margin:11px 0 8px;overflow:hidden;color:#f2f5f2;font-size:20px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-hero>div small{overflow:hidden;color:#a4aea7;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
  .ocm-stock-tabs{display:grid;height:58px;margin:0 0 10px;padding:4px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid #29332d;border-radius:13px;background:#101512}.ocm-stock-tabs button{display:flex;min-width:0;padding:0 7px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;color:#aeb7b1;background:transparent;font-size:12px;font-weight:800}.ocm-stock-tabs button svg{width:19px;height:19px}.ocm-stock-tabs button.is-active{color:#f0d16d;background:linear-gradient(145deg,rgba(177,139,35,.27),rgba(92,70,14,.16));box-shadow:inset 0 0 0 1px rgba(218,178,68,.22)}
  .ocm-stock-product-filter{display:grid;gap:7px;margin:0 0 11px}.ocm-stock-product-filter>button:first-child{display:grid;width:100%;min-height:68px;padding:11px 13px;grid-template-columns:32px minmax(0,1fr) auto 15px;align-items:center;gap:10px;border:1px solid rgba(215,177,72,.3);border-radius:12px;color:#edf1ee;background:linear-gradient(145deg,rgba(131,100,24,.17),#101512);text-align:left}.ocm-stock-product-filter>button:first-child>svg:first-child{width:22px;height:22px;color:#e0bb54}.ocm-stock-product-filter>button:first-child>span{display:grid;min-width:0;gap:6px}.ocm-stock-product-filter>button:first-child strong{color:#f1f4f1;font-size:14px}.ocm-stock-product-filter>button:first-child small{overflow:hidden;color:#d2b45d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-product-filter>button:first-child>b{padding:6px 8px;border-radius:999px;color:#72d78e;background:rgba(54,157,83,.15);font-size:10px;white-space:nowrap}.ocm-stock-product-filter>button:first-child>svg:last-child{width:15px;height:15px;color:#ef655e}.ocm-stock-filter-clear{justify-self:end;padding:6px 10px;border:1px solid rgba(231,101,94,.2);border-radius:8px;color:#ef8a84;background:rgba(116,38,34,.12);font-size:10px;font-weight:800}
  .ocm-stock-search{display:grid;height:50px;margin:0 0 10px;padding:0 7px 0 13px;grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:8px;border:1px solid #303a34;border-radius:12px;background:#111714;box-shadow:inset 0 1px rgba(255,255,255,.015)}.ocm-stock-search>svg{width:18px;height:18px;color:#d0ac49}.ocm-stock-search input{width:100%;height:46px;padding:0;border:0;outline:0;color:#eef2ef;background:transparent;font-size:16px}.ocm-stock-search input::placeholder{color:#6f7a73;opacity:1}.ocm-stock-search button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:50%;color:#aab3ad;background:#202823;font-size:20px;line-height:1}.ocm-stock-search button[hidden]{display:none}
  .ocm-stock-list>header,.ocm-stock-serials>header,.ocm-stock-branch-list>header{min-height:70px}.ocm-stock-list>header span,.ocm-stock-serials>header span,.ocm-stock-branch-list>header span{font-size:10px}.ocm-stock-list>header h2,.ocm-stock-serials>header h2,.ocm-stock-branch-list>header h2{font-size:18px}.ocm-stock-list>header>b,.ocm-stock-serials>header>b,.ocm-stock-branch-list>header>b{color:#d9e0da;font-size:12px}
  .ocm-stock-product-row{position:relative;display:grid;width:100%;min-height:112px;padding:15px 12px;grid-template-columns:44px minmax(0,1fr) 76px 16px;align-items:center;gap:11px;border:0;border-bottom:1px solid #2b342f;color:#e8ede9;background:transparent;text-align:left}.ocm-stock-product-row:last-child{border-bottom:0}.ocm-stock-product-row>i{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(215,177,72,.3);border-radius:12px;color:#e3bd52;background:rgba(158,120,25,.13)}.ocm-stock-product-row>i svg{width:23px;height:23px}.ocm-stock-product-row>span{display:grid;min-width:0;gap:7px}.ocm-stock-product-row>span strong{display:-webkit-box;overflow:hidden;color:#f2f5f2;font-size:15.5px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ocm-stock-product-row>span small{overflow:hidden;color:#b5ccd9;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-product-row>span em{overflow:hidden;color:#e1bd57;font-size:10.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-product-row>b{display:grid;justify-items:end;gap:6px}.ocm-stock-product-row>b strong{color:#6cda89;font-size:25px;line-height:1}.ocm-stock-product-row>b small{color:#b3bdb6;font-size:10px}.ocm-stock-product-row>b em{color:#e0bd5b;font-size:10px;font-style:normal}.ocm-stock-product-row>svg{width:16px;height:16px;color:#f06b64}
  .ocm-stock-branch-list>div>button{display:grid;width:100%;min-height:108px;padding:14px 12px;grid-template-columns:44px minmax(0,1fr) 72px 16px;align-items:center;gap:10px;border:0;border-bottom:1px solid #2a332e;color:#e9edea;background:transparent;text-align:left}.ocm-stock-branch-list>div>button:last-child{border-bottom:0}.ocm-stock-branch-list button>i{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(215,177,72,.3);border-radius:12px;color:#e0bb50;background:rgba(157,120,25,.13)}.ocm-stock-branch-list button>i svg{width:23px;height:23px}.ocm-stock-branch-list button>span{display:grid;min-width:0;gap:7px}.ocm-stock-branch-list button>span strong{overflow:hidden;color:#f2f5f2;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-branch-list button>span small{overflow:hidden;color:#b6cbd7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-branch-list button>span em{color:#70d88c;font-size:11px;font-style:normal}.ocm-stock-branch-list button>b{display:grid;justify-items:end;gap:5px}.ocm-stock-branch-list button>b strong{color:#efd16c;font-size:24px}.ocm-stock-branch-list button>b small{color:#b0bab3;font-size:10px}.ocm-stock-branch-list button>svg{width:16px;height:16px;color:#ef6861}
  .ocm-stock-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}.ocm-stock-detail-summary article{min-width:0;min-height:100px;padding:15px 8px;border:1px solid #2a332e;border-radius:12px;background:linear-gradient(145deg,#151c18,#0d1210);text-align:center}.ocm-stock-detail-summary span,.ocm-stock-detail-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-detail-summary span{color:#d1b052;font-size:10px;font-weight:850}.ocm-stock-detail-summary strong{display:block;margin:12px 0 9px;color:#6bd888;font-size:25px;line-height:1}.ocm-stock-detail-summary small{color:#aeb8b1;font-size:10px}
  .ocm-stock-branch-breakdown>div{padding:2px 12px 8px}.ocm-stock-branch-breakdown article{display:grid;min-height:84px;padding:12px 0;grid-template-columns:40px minmax(0,1fr) 48px;align-items:center;gap:11px;border-bottom:1px solid #2a332e}.ocm-stock-branch-breakdown article:last-child{border-bottom:0}.ocm-stock-branch-breakdown article>i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#deb950;background:rgba(159,121,26,.13)}.ocm-stock-branch-breakdown article>i svg{width:21px;height:21px}.ocm-stock-branch-breakdown article>span{display:grid;min-width:0;gap:6px}.ocm-stock-branch-breakdown article>span strong{overflow:hidden;color:#f0f3f0;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-branch-breakdown article>span small{color:#b4c2b8;font-size:11px}.ocm-stock-branch-breakdown article>span em{color:#dfbd5d;font-size:10px;font-style:normal}.ocm-stock-branch-breakdown article>b{display:grid;justify-items:end;color:#6bd888;font-size:22px}.ocm-stock-branch-breakdown article>b small{margin-top:4px;color:#abb5ae;font-size:10px}
  .ocm-stock-serial-link{display:grid;width:100%;min-height:78px;margin:0 0 10px;padding:13px 14px;grid-template-columns:38px minmax(0,1fr) 17px;align-items:center;gap:11px;border:1px solid rgba(87,170,239,.28);border-radius:12px;color:#eaf0ed;background:linear-gradient(145deg,rgba(35,87,128,.2),#0e1512);text-align:left}.ocm-stock-serial-link>svg:first-child{width:24px;height:24px;color:#6db5f6}.ocm-stock-serial-link>span{display:grid;gap:6px}.ocm-stock-serial-link strong{color:#eef3ef;font-size:14px}.ocm-stock-serial-link small{color:#b0beb4;font-size:11px}.ocm-stock-serial-link>svg:last-child{width:17px;height:17px;color:#f06b64}
  .ocm-stock-serials>div{padding:2px 12px 8px}.ocm-stock-serial-row{display:grid;min-height:96px;padding:13px 0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #2a332e}.ocm-stock-serial-row:last-child{border-bottom:0}.ocm-stock-serial-row>i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#6bb4f6;background:rgba(50,114,169,.15)}.ocm-stock-serial-row>i svg{width:21px;height:21px}.ocm-stock-serial-row>span{display:grid;min-width:0;gap:6px}.ocm-stock-serial-row>span strong{overflow:hidden;color:#f1d16b;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-serial-row>span small{overflow:hidden;color:#edf2ee;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-serial-row>span em{overflow:hidden;color:#b1bcb4;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ocm-stock-serial-row>b{padding:6px 8px;border-radius:999px;color:#72da8f;background:rgba(47,142,73,.16);font-size:10px;white-space:nowrap}.ocm-stock-serial-row>b.s-transfer{color:#75baf7;background:rgba(47,107,160,.16)}.ocm-stock-serial-row>b.s-service{color:#e8c25b;background:rgba(155,117,25,.15)}
  .ocm-stock-filter-overlay{position:fixed;z-index:1000;inset:0;display:flex;padding:calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));align-items:flex-end;justify-content:center;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.ocm-stock-filter-overlay *{box-sizing:border-box}.ocm-stock-filter-dialog{width:min(100%,430px);overflow:hidden;border:1px solid #3b473f;border-radius:20px;color:#edf2ee;background:linear-gradient(155deg,#18231c,#0a100d 66%);box-shadow:0 26px 65px rgba(0,0,0,.58);font-family:"Segoe UI",Inter,Arial,sans-serif}.ocm-stock-filter-dialog>header{display:flex;min-height:76px;padding:15px 16px;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3630}.ocm-stock-filter-dialog>header span{display:block;margin-bottom:5px;color:#d8b54f;font-size:10px;font-weight:900;letter-spacing:.1em}.ocm-stock-filter-dialog>header h2{margin:0;color:#f4f6f4;font-size:20px}.ocm-stock-filter-dialog>header button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #3a463f;border-radius:50%;color:#c5cec8;background:#18201b;font-size:25px}.ocm-stock-filter-form{display:grid;gap:16px;padding:18px 16px}.ocm-stock-filter-form label{display:grid;gap:8px}.ocm-stock-filter-form label>span{color:#d6b65a;font-size:12px;font-weight:850}.ocm-stock-filter-form select{width:100%;height:54px;padding:0 13px;border:1px solid #3a463f;border-radius:12px;outline:0;color:#f0f4f1;background:#121915;font-size:16px;font-weight:700}.ocm-stock-filter-form select:focus{border-color:#d1ac47;box-shadow:0 0 0 3px rgba(210,174,73,.12)}.ocm-stock-filter-form p{margin:0;color:#aeb9b1;font-size:11px;line-height:1.5}.ocm-stock-filter-form footer{display:grid;grid-template-columns:.9fr 1.1fr;gap:9px;padding-top:2px}.ocm-stock-filter-form footer button{height:52px;border:1px solid #354039;border-radius:11px;color:#cbd3ce;background:#171e1a;font-size:12px;font-weight:850}.ocm-stock-filter-form footer button:last-child{border-color:#ad882c;color:#161208;background:linear-gradient(135deg,#e1bd55,#b88927)}
}

.operation-center-v1 *, .operation-center-v1 *::before, .operation-center-v1 *::after { box-sizing: border-box; }
.operation-center-v1 button, .operation-center-v1 input { font: inherit; }
.operation-center-v1 button, .operation-center-v1 a { color: inherit; }
.operation-center-v1 button { border: 0; }
.operation-center-v1 a { text-decoration: none; }
.operation-center-v1 svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.operation-center-v1 .operation-center-v1__sprite { position: fixed; width: 0; height: 0; overflow: hidden; }
.operation-center-v1 .green-text { color: var(--green) !important; }
.operation-center-v1 .blue-text { color: #4cabfb !important; }
.operation-center-v1 .gold-text { color: var(--gold) !important; }
.operation-center-v1 .orange-text { color: var(--orange) !important; }
.operation-center-v1 .red-text { color: var(--red) !important; }

.operation-center-v1 .operation-center-v1__sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 230px;
  padding: 0 12px 12px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(10,13,12,.99), rgba(10,13,12,.96));
  border-right: 1px solid #1f2421;
  box-shadow: 8px 0 35px rgba(0,0,0,.28);
  z-index: 3;
}

.operation-center-v1 .operation-center-v1__brand { position: relative; height: 84px; margin: 0 -12px 10px; padding: 16px 15px 5px; border-bottom: 1px solid #202421; display: flex; align-items: flex-start; }
.operation-center-v1 .operation-center-v1__brand::after { content: "İŞİTME CİHAZLARI"; position: absolute; left: 66px; top: 59px; color: #f0f1ef; font-size: 8px; font-weight: 650; letter-spacing: .55px; }
.operation-center-v1 .operation-center-v1__brand img { display: block; width: 198px; height: auto; max-height: 55px; object-fit: contain; }
.operation-center-v1 .operation-center-v1__nav { flex: 1; min-height: 0; overflow: hidden; }
.operation-center-v1 .operation-center-v1__nav-home { height: 40px; display: flex; align-items: center; gap: 11px; margin-bottom: 6px; padding: 0 13px; color: #ffc421; font-weight: 650; border: 1px solid #6a4810; border-radius: 9px; background: linear-gradient(90deg, rgba(143,91,3,.65), rgba(53,38,12,.42)); box-shadow: inset 0 0 24px rgba(236,170,0,.08), 0 4px 15px rgba(0,0,0,.28); }
.operation-center-v1 .operation-center-v1__nav-home svg { width: 18px; color: var(--gold); }
.operation-center-v1 .operation-center-v1__nav-group { margin: 0 -1px; padding: 0 7px 6px; border-bottom: 1px solid #262a27; }
.operation-center-v1 .operation-center-v1__nav-group h2 { height: 35px; margin: 0 -7px; padding: 0 9px; display: flex; align-items: center; gap: 8px; color: #f0f1ef; font-size: 13.5px; font-weight: 560; }
.operation-center-v1 .operation-center-v1__nav-group h2 svg { width: 17px; height: 17px; color: #ffc400; }
.operation-center-v1 .operation-center-v1__nav-group h2 span { margin-left: auto; color: #d5d7d4; font-size: 15px; }
.operation-center-v1 .operation-center-v1__nav-group a { height: 27px; display: flex; align-items: center; gap: 10px; padding: 0 7px 0 16px; color: #e1e3e0; font-size: 12.8px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__nav-group a svg { width: 14px; height: 14px; color: #f1b900; stroke-width: 1.7; }
.operation-center-v1 .operation-center-v1__nav-group a b { margin-left: auto; width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: #ef312b; color: white; font-size: 11px; }
.operation-center-v1 .operation-center-v1__version { flex: none; height: 64px; margin-bottom: 12px; display: grid; place-content: center; gap: 5px; text-align: center; border: 1px solid #604410; border-radius: 9px; background: linear-gradient(180deg, rgba(91,62,9,.17), rgba(25,21,13,.18)); }
.operation-center-v1 .operation-center-v1__version strong { color: #ffc328; font-size: 15px; letter-spacing: .2px; }
.operation-center-v1 .operation-center-v1__version span { color: #d8d4c7; font-size: 12px; }

.operation-center-v1 .operation-center-v1__main { margin-left: 230px; min-width: 0; }
.operation-center-v1 .operation-center-v1__topbar { height: 73px; padding: 0 12px 0 29px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #202421; background: rgba(5,7,6,.72); }
.operation-center-v1 .operation-center-v1__heading h1 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 24px; line-height: 1.1; letter-spacing: -.45px; }
.operation-center-v1 .operation-center-v1__heading h1 svg { width: 20px; height: 20px; color: #ffc100; }
.operation-center-v1 .operation-center-v1__heading p { margin: 4px 0 0; font-size: 13.2px; color: #d4d5d3; }
.operation-center-v1 .operation-center-v1__top-actions { display: flex; height: 100%; align-items: center; gap: 7px; }
.operation-center-v1 .operation-center-v1__search { width: 331px; height: 39px; display: flex; align-items: center; gap: 10px; padding: 0 7px 0 11px; border: 1px solid #242926; border-radius: 10px; background: linear-gradient(180deg, #111513, #0c0f0e); }
.operation-center-v1 .operation-center-v1__search svg { flex: none; width: 17px; color: #9ca19d; }
.operation-center-v1 .operation-center-v1__search input { min-width: 0; flex: 1; border: 0; outline: 0; color: #ddd; background: transparent; font-size: 11.8px; }
.operation-center-v1 .operation-center-v1__search input::placeholder { color: #d3d4d2; opacity: 1; }
.operation-center-v1 .operation-center-v1__search kbd { padding: 5px 7px; color: #d9dad8; font-family: inherit; font-size: 10.5px; font-weight: 400; border: 1px solid #2a302c; border-radius: 7px; background: #151917; box-shadow: none; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__top-actions > button { position: relative; width: 51px; height: 42px; display: grid; place-items: center; color: #e4e7e4; background: transparent; border-left: 1px solid #1c211e; }
.operation-center-v1 .operation-center-v1__top-actions > button svg { width: 22px; height: 22px; }
.operation-center-v1 .operation-center-v1__top-actions > button i { position: absolute; top: 11px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; border-radius: 10px; color: white; background: #ec2b2a; font-size: 10.5px; font-style: normal; font-weight: 700; box-shadow: 0 0 0 2px #070908; }
.operation-center-v1 .operation-center-v1__profile { height: 52px; display: flex; align-items: center; gap: 10px; padding: 0 10px; border-left: 1px solid #1c211e; }
.operation-center-v1 .operation-center-v1__profile > .operation-center-v1__avatar { width: 40px; height: 40px; font-size: 12px; box-shadow: 0 0 0 2px #4fd36a; }
.operation-center-v1 .operation-center-v1__profile div { min-width: 76px; display: grid; gap: 4px; }
.operation-center-v1 .operation-center-v1__profile strong { font-size: 12.8px; }
.operation-center-v1 .operation-center-v1__profile small { color: #c3c5c2; font-size: 11.5px; }
.operation-center-v1 .operation-center-v1__profile > svg { width: 13px; transform: rotate(90deg); color: #8e938f; }

.operation-center-v1 .operation-center-v1__filters { height: 64px; padding: 0 12px 0 21px; display: flex; align-items: center; justify-content: space-between; }
.operation-center-v1 .operation-center-v1__filter-set, .operation-center-v1 .operation-center-v1__filter-actions { display: flex; align-items: center; gap: 11px; }
.operation-center-v1 .operation-center-v1__filter { height: 38px; min-width: 146px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #262b28; border-radius: 8px; color: #f1f2f0; background: linear-gradient(180deg, #111513, #0d100f); font-size: 12.6px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__filter svg { width: 17px; height: 17px; color: #f2b900; }
.operation-center-v1 .operation-center-v1__filter--date { width: 247px; color: #ffc31e; border-color: #3b311b; justify-content: flex-start; }
.operation-center-v1 .operation-center-v1__filter--date span { margin-left: auto; }
.operation-center-v1 .operation-center-v1__gold-button { height: 38px; min-width: 130px; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #ffc115; border: 1px solid #3e3112; border-radius: 8px; background: linear-gradient(180deg, rgba(20,20,15,.98), rgba(10,12,10,.98)); font-size: 12.6px; }
.operation-center-v1 .operation-center-v1__gold-button svg { width: 17px; }

.operation-center-v1 .operation-center-v1__dashboard { padding: 0 12px 10px 10px; display: grid; grid-template-rows: 116px 304px 328px 98px; gap: 10px; }
.operation-center-v1 .operation-center-v1__kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.operation-center-v1 .operation-center-v1__kpi { position: relative; min-width: 0; display: flex; align-items: flex-start; gap: 10px; padding: 10px 11px; overflow: hidden; border: 1px solid #29302c; border-radius: 10px; background: linear-gradient(130deg, rgba(17,21,19,.97), rgba(9,11,10,.97)); box-shadow: inset 0 1px rgba(255,255,255,.01), 0 5px 15px rgba(0,0,0,.16); }
.operation-center-v1 .operation-center-v1__kpi::after { content: ""; position: absolute; right: -16px; bottom: -30px; width: 100px; height: 70px; background: radial-gradient(ellipse, var(--accent-glow), transparent 70%); opacity: .7; }
.operation-center-v1 .operation-center-v1__kpi-icon { flex: none; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--icon-border); border-radius: 15px; color: var(--accent); background: linear-gradient(145deg, var(--icon-bg), rgba(5,8,7,.2)); box-shadow: inset 0 0 20px var(--icon-glow); }
.operation-center-v1 .operation-center-v1__kpi-icon svg { width: 29px; height: 29px; stroke-width: 1.75; }
.operation-center-v1 .operation-center-v1__kpi-body { flex: 1; min-width: 0; padding-top: 5px; z-index: 1; }
.operation-center-v1 .operation-center-v1__kpi-body p { margin: 0 0 8px; color: #d4d6d3; font-size: 13px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__kpi-body > div { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__kpi-body strong { font-size: clamp(17px, 1.45vw, 24px); line-height: 1; letter-spacing: -.45px; }
.operation-center-v1 .operation-center-v1__kpi-body em { color: #29db45; font-size: 11.6px; font-style: normal; font-weight: 650; }
.operation-center-v1 .operation-center-v1__kpi-body small { position: absolute; left: 17px; bottom: 14px; color: #c6c8c5; font-size: 12.2px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__kpi-body small b { color: var(--gold); }
.operation-center-v1 .operation-center-v1__spark { position: absolute; right: 9px; bottom: 10px; width: 80px; height: 38px; z-index: 1; overflow: visible; }
.operation-center-v1 .operation-center-v1__spark path:not(.fill) { fill: none; stroke: var(--accent); stroke-width: 1.6; }
.operation-center-v1 .operation-center-v1__spark .fill { fill: var(--spark-fill); stroke: none; }
.operation-center-v1 .operation-center-v1__kpi--green { --accent:#21d342; --accent-glow:rgba(25,221,61,.26); --icon-bg:rgba(0,76,21,.76); --icon-border:#07571e; --icon-glow:rgba(26,218,60,.18); --spark-fill:url(#gGreen); }
.operation-center-v1 .operation-center-v1__kpi--blue { --accent:#2699f5; --accent-glow:rgba(0,129,255,.27); --icon-bg:rgba(4,57,100,.85); --icon-border:#124f7c; --icon-glow:rgba(30,132,242,.2); --spark-fill:rgba(32,137,245,.14); }
.operation-center-v1 .operation-center-v1__kpi--orange { --accent:#ff6700; --accent-glow:rgba(255,91,0,.27); --icon-bg:rgba(94,40,0,.8); --icon-border:#6d3103; --icon-glow:rgba(255,88,0,.2); --spark-fill:rgba(255,91,0,.13); }
.operation-center-v1 .operation-center-v1__kpi--purple { --accent:#b84ce9; --accent-glow:rgba(171,35,229,.28); --icon-bg:rgba(61,11,93,.83); --icon-border:#56217a; --icon-glow:rgba(172,55,224,.2); --spark-fill:rgba(167,51,225,.14); }
.operation-center-v1 .operation-center-v1__kpi--gold { --accent:#ffbd00; --accent-glow:rgba(231,164,0,.22); --icon-bg:rgba(91,58,0,.85); --icon-border:#664300; --icon-glow:rgba(246,176,0,.18); }
.operation-center-v1 .operation-center-v1__wallet-mini { position: absolute; right: 10px; bottom: 10px; width: 43px; height: 43px; display: grid; place-items: center; color: var(--gold); border: 1px solid #47330a; border-radius: 50%; background: #17150d; }
.operation-center-v1 .operation-center-v1__wallet-mini svg { width: 23px; }

.operation-center-v1 .operation-center-v1__overview-row { display: grid; grid-template-columns: 1.235fr 1fr 1.015fr; gap: 10px; min-width: 0; }
.operation-center-v1 .operation-center-v1__performance-row { display: grid; grid-template-columns: 1.04fr 1.18fr 1fr; gap: 10px; min-width: 0; }
.operation-center-v1 .operation-center-v1__panel { min-width: 0; overflow: hidden; border: 1px solid #29302c; border-radius: 10px; background: linear-gradient(135deg, rgba(15,18,17,.97), rgba(8,11,9,.98)); box-shadow: 0 4px 16px rgba(0,0,0,.14); }
.operation-center-v1 .operation-center-v1__panel > header { height: 47px; padding: 0 12px 0 15px; display: flex; align-items: center; justify-content: space-between; }
.operation-center-v1 .operation-center-v1__panel h2 { margin: 0; color: #eeefed; font-size: 16px; letter-spacing: -.2px; }
.operation-center-v1 .operation-center-v1__panel h2 small { color: #c5c7c4; font-size: 13px; font-weight: 400; }
.operation-center-v1 .operation-center-v1__panel > header button { height: 29px; padding: 0 10px; color: #e9eae8; border: 1px solid #222824; border-radius: 7px; background: #101412; font-size: 11.5px; }
.operation-center-v1 .operation-center-v1__panel > footer { height: 43px; display: grid; place-items: center; border-top: 1px solid #1d221f; }
.operation-center-v1 .operation-center-v1__panel > footer a { display: flex; align-items: center; gap: 7px; color: #f3bd00; font-size: 12.8px; font-weight: 560; }
.operation-center-v1 .operation-center-v1__panel > footer svg, .operation-center-v1 .operation-center-v1__panel header a svg { width: 17px; height: 17px; }

.operation-center-v1 .operation-center-v1__today > header h2 { display: flex; align-items: center; gap: 9px; }
.operation-center-v1 .operation-center-v1__today > header h2 svg { width: 17px; color: var(--gold); }
.operation-center-v1 .operation-center-v1__today-grid { height: 145px; display: grid; grid-template-columns: repeat(5, 1fr); margin: 0 8px; border: 1px solid #1e2420; border-radius: 8px; }
.operation-center-v1 .operation-center-v1__today-grid > div { display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #1f2521; }
.operation-center-v1 .operation-center-v1__today-grid > div:last-child { border: 0; }
.operation-center-v1 .operation-center-v1__today-grid span { color: #ddd; font-size: 11.5px; }
.operation-center-v1 .operation-center-v1__today-grid i { width: 47px; height: 47px; margin: 8px 0 6px; display: grid; place-items: center; border-radius: 50%; border: 1px solid currentColor; background: color-mix(in srgb, currentColor 16%, transparent); }
.operation-center-v1 .operation-center-v1__today-grid i.green { color: #16c936; }.operation-center-v1 .operation-center-v1__today-grid i.blue { color: #138bf0; }.operation-center-v1 .operation-center-v1__today-grid i.purple { color: #a33dde; }.operation-center-v1 .operation-center-v1__today-grid i.orange { color: #ef7800; }
.operation-center-v1 .operation-center-v1__today-grid i svg { width: 25px; height: 25px; }
.operation-center-v1 .operation-center-v1__today-grid strong { font-size: 23px; line-height: 1; }
.operation-center-v1 .operation-center-v1__today-grid small { min-height: 15px; margin-top: 7px; color: #e2e3e1; font-size: 11.5px; }
.operation-center-v1 .operation-center-v1__goals { height: 110px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 14px 17px 0; border-top: 1px solid #1c211e; }
.operation-center-v1 .operation-center-v1__goals p { margin: 0; color: #d9dbd8; font-size: 11.5px; }
.operation-center-v1 .operation-center-v1__goals p span { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.operation-center-v1 .operation-center-v1__goals p span:first-child { color: #f0f1ef; font-size: 12.5px; }
.operation-center-v1 .operation-center-v1__progress { height: 8px; overflow: hidden; border-radius: 5px; background: #242825; }
.operation-center-v1 .operation-center-v1__progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #1bba33, #2bd849); box-shadow: 0 0 8px rgba(35,210,66,.3); }
.operation-center-v1 .operation-center-v1__progress--blue i { background: linear-gradient(90deg, #0b6fcc, #2b9afb); box-shadow: 0 0 8px rgba(36,138,237,.3); }

.operation-center-v1 .operation-center-v1__cashflow > header { border-bottom: 1px solid #1c211e; }
.operation-center-v1 .operation-center-v1__cash-body { height: 215px; display: grid; grid-template-columns: 47% 53%; }
.operation-center-v1 .operation-center-v1__cash-values { padding: 11px 0 0 15px; }
.operation-center-v1 .operation-center-v1__cash-values p { margin: 0 0 17px; color: #d0d2cf; font-size: 12px; }
.operation-center-v1 .operation-center-v1__cash-values strong { margin-top: 5px; display: block; color: #eee; font-size: 22px; line-height: 1.1; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__cash-values strong svg { width: 28px; height: 28px; color: #2dd24b; vertical-align: -7px; }
.operation-center-v1 .operation-center-v1__cash-chart { position: relative; padding: 39px 10px 24px 23px; }
.operation-center-v1 .operation-center-v1__cash-chart > svg { width: 100%; height: 148px; overflow: visible; }
.operation-center-v1 .operation-center-v1__cash-chart .grid path { fill: none; stroke: #1b211e; stroke-width: .7; stroke-dasharray: 2 2; }
.operation-center-v1 .operation-center-v1__cash-chart .area { stroke: none; }
.operation-center-v1 .operation-center-v1__cash-chart .in-area { fill: url(#cashIn); }.operation-center-v1 .operation-center-v1__cash-chart .out-area { fill: url(#cashOut); }
.operation-center-v1 .operation-center-v1__cash-chart .line { fill: none; stroke-width: 1.8; }.operation-center-v1 .operation-center-v1__cash-chart .in-line { stroke: #26ce43; }.operation-center-v1 .operation-center-v1__cash-chart .out-line { stroke: #ff332f; }
.operation-center-v1 .operation-center-v1__legend { position: absolute; top: 11px; right: 11px; display: flex; gap: 13px; color: #d5d7d4; font-size: 10.8px; }
.operation-center-v1 .operation-center-v1__legend span { display: flex; align-items: center; gap: 5px; }.operation-center-v1 .operation-center-v1__legend i { width: 12px; height: 5px; border-radius: 3px; }.operation-center-v1 .operation-center-v1__legend .in { background:#25ce43; }.operation-center-v1 .operation-center-v1__legend .out { background:#ff302d; }
.operation-center-v1 .operation-center-v1__axis-y { position: absolute; left: 0; top: 37px; bottom: 24px; display: flex; flex-direction: column; justify-content: space-between; color: #a8aba8; font-size: 9.5px; }
.operation-center-v1 .operation-center-v1__axis-x { position: absolute; left: 22px; right: 9px; bottom: 3px; display: flex; justify-content: space-between; color: #babdb9; font-size: 9.5px; }
.operation-center-v1 .operation-center-v1__cashflow > footer { height: 42px; place-items: center start; padding-left: 15px; }

.operation-center-v1 .operation-center-v1__alerts > header { height: 47px; }
.operation-center-v1 .operation-center-v1__alert-list { margin: 0 10px; border: 1px solid #202622; border-radius: 8px; overflow: hidden; }
.operation-center-v1 .operation-center-v1__alert-list > div { height: 42px; padding: 0 8px; display: grid; grid-template-columns: 36px minmax(0,1fr) 25px 74px 14px; align-items: center; gap: 7px; border-bottom: 1px solid #202622; }
.operation-center-v1 .operation-center-v1__alert-list > div:last-child { border: 0; }
.operation-center-v1 .operation-center-v1__alert-list > div > i { width: 35px; height: 34px; display: grid; place-items: center; border-radius: 7px; border: 1px solid color-mix(in srgb, currentColor 24%, transparent); background: color-mix(in srgb, currentColor 11%, transparent); }
.operation-center-v1 .operation-center-v1__alert-list i svg { width: 20px; height: 20px; }.operation-center-v1 .operation-center-v1__alert-list i.red { color:#ff302d; }.operation-center-v1 .operation-center-v1__alert-list i.blue { color:#2394f0; }.operation-center-v1 .operation-center-v1__alert-list i.green { color:#31cf43; }.operation-center-v1 .operation-center-v1__alert-list i.gold { color:#efbd00; }.operation-center-v1 .operation-center-v1__alert-list i.orange { color:#f27c00; }
.operation-center-v1 .operation-center-v1__alert-list span { overflow: hidden; color: #e2e4e1; font-size: 12.2px; text-overflow: ellipsis; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__alert-list b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: white; background: #f02725; font-size: 10.5px; }
.operation-center-v1 .operation-center-v1__alert-list strong { justify-self: end; font-size: 12px; font-weight: 500; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__alert-list > div > svg { width: 13px; height: 13px; color: #f0f1ef; }

.operation-center-v1 .operation-center-v1__performance > header { height: 43px; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head { height: 26px; padding: 0 10px 0 14px; display: grid; grid-template-columns: 1.55fr .78fr .82fr .72fr; align-items: center; color: #d5d7d4; font-size: 10.5px; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body { padding: 0 8px; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div { height: 36px; display: grid; grid-template-columns: 1.55fr .78fr .82fr .72fr; align-items: center; border-top: 1px solid #202522; color: #edefec; font-size: 11.4px; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div > span { min-width: 0; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div > span:first-child { display: flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; }
.operation-center-v1 .operation-center-v1__avatar { flex: none; width: 24px; height: 24px; display: grid; place-items: center; overflow: hidden; border: 1px solid #64726c; border-radius: 50%; color: white; background: radial-gradient(circle at 50% 28%, #e7b99c 0 26%, transparent 27%), linear-gradient(135deg,#3c6572,#15282e); font-size: 7px; font-style: normal; font-weight: 700; text-shadow: 0 1px 2px #000; }
.operation-center-v1 .operation-center-v1__avatar--tolga, .operation-center-v1 .p1 { background: radial-gradient(circle at 50% 28%, #c59072 0 27%, transparent 28%), linear-gradient(135deg,#2d6c67,#152321); }
.operation-center-v1 .p2 { background: radial-gradient(circle at 50% 28%, #ead0b8 0 27%, transparent 28%), linear-gradient(135deg,#633c2c,#1e1512); }.operation-center-v1 .p3 { background: radial-gradient(circle at 50% 28%, #d09d7d 0 27%, transparent 28%), linear-gradient(135deg,#3a5c7d,#172334); }.operation-center-v1 .p4 { background: radial-gradient(circle at 50% 28%, #ce987b 0 27%, transparent 28%), linear-gradient(135deg,#777060,#28251f); }.operation-center-v1 .p5 { background: radial-gradient(circle at 50% 28%, #bd8064 0 27%, transparent 28%), linear-gradient(135deg,#245c6d,#142b33); }
.operation-center-v1 .branch { border-radius: 5px; }.operation-center-v1 .b1 { background:linear-gradient(135deg,#879db7,#405269);}.operation-center-v1 .b2{background:linear-gradient(135deg,#689bb4,#294d62)}.operation-center-v1 .b3{background:linear-gradient(135deg,#5188aa,#233c56)}.operation-center-v1 .b4{background:linear-gradient(135deg,#536d81,#22333e)}.operation-center-v1 .b5{background:linear-gradient(135deg,#d9533f,#662117)}.operation-center-v1 .b6{background:linear-gradient(135deg,#6d899a,#293841)}
.operation-center-v1 .operation-center-v1__tiny-progress { width: 57px; height: 8px; display: inline-block; margin-left: 5px; overflow: hidden; border-radius: 5px; background: #333735; vertical-align: -1px; }
.operation-center-v1 .operation-center-v1__tiny-progress u { display: block; height: 100%; border-radius: inherit; background: currentColor; color: var(--green); text-decoration: none; }
.operation-center-v1 .gold-text + .operation-center-v1__tiny-progress u { color:#d7a800; }.operation-center-v1 .orange-text + .operation-center-v1__tiny-progress u { color:#e56300; }.operation-center-v1 .red-text + .operation-center-v1__tiny-progress u { color:#ff2c2a; }
.operation-center-v1 .operation-center-v1__performance > footer { height: 42px; }
.operation-center-v1 .operation-center-v1__staff .operation-center-v1__table-head, .operation-center-v1 .operation-center-v1__staff .operation-center-v1__table-body > div { grid-template-columns: 1.42fr .83fr .84fr .58fr 1.1fr; }
.operation-center-v1 .operation-center-v1__staff .operation-center-v1__table-body > div { height: 43px; }
.operation-center-v1 .operation-center-v1__staff .operation-center-v1__table-body span:last-child { display: flex; align-items: center; }
.operation-center-v1 .operation-center-v1__staff .operation-center-v1__table-body span:last-child small { margin-left: 3px; color: #bfc2be; font-size: 9.5px; }

.operation-center-v1 .operation-center-v1__appointments { display: flex; flex-direction: column; }
.operation-center-v1 .operation-center-v1__appointments > header { flex: none; height: 43px; }
.operation-center-v1 .operation-center-v1__appointments header a { display: flex; align-items: center; gap: 5px; color: var(--gold); font-size: 12px; }
.operation-center-v1 .operation-center-v1__appointment-list { padding: 10px 10px 0; }
.operation-center-v1 .operation-center-v1__appointment-list > div { height: 38px; display: grid; grid-template-columns: 43px 1.06fr .9fr .93fr 63px; align-items: center; gap: 5px; border-top: 1px solid #202522; font-size: 10.5px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__appointment-list time { width: 40px; height: 24px; display: grid; place-items: center; color: #ffc400; border: 1px solid #665006; border-radius: 6px; background: #10120e; font-weight: 650; }
.operation-center-v1 .operation-center-v1__appointment-list strong { overflow: hidden; text-overflow: ellipsis; font-size: 11.2px; }
.operation-center-v1 .operation-center-v1__appointment-list span { overflow: hidden; color: #c1c4c0; text-overflow: ellipsis; }
.operation-center-v1 .operation-center-v1__appointment-list b { justify-self: end; padding: 4px 6px; color: #22dc3d; border: 1px solid #0b4e17; border-radius: 5px; background: #09270d; font-size: 9.5px; font-weight: 500; }
.operation-center-v1 .operation-center-v1__appointment-list b.waiting { color: #f1a800; border-color: #573908; background: #291b05; }
.operation-center-v1 .operation-center-v1__appointments > footer { flex: none; height: 43px; margin-top: auto; }

.operation-center-v1 .operation-center-v1__quick { padding: 10px 13px 12px; border: 1px solid #29302c; border-radius: 10px; background: linear-gradient(120deg, rgba(14,18,16,.98), rgba(7,10,8,.98)); }
.operation-center-v1 .operation-center-v1__quick h2 { height: 20px; margin: 0; font-size: 14.5px; }
.operation-center-v1 .operation-center-v1__quick > div { height: 48px; display: grid; grid-template-columns: .86fr .88fr 1.18fr .98fr .9fr .89fr .87fr; gap: 11px; }
.operation-center-v1 .operation-center-v1__quick button { min-width: 0; height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #59400c; border-radius: 7px; color: #f3f3f1; background: linear-gradient(180deg, #121613, #0b0e0c); font-size: 13.6px; white-space: nowrap; }
.operation-center-v1 .operation-center-v1__quick button svg { flex: none; width: 22px; height: 22px; color: #f5bd00; }
.operation-center-v1 .operation-center-v1__quick button i { color: #f5bd00; font-size: 18px; font-style: normal; }

@media (max-width: 1450px) {
  .operation-center-v1 { min-width: 1100px; font-size: 13px; }
  .operation-center-v1 .operation-center-v1__sidebar { width: 218px; }
  .operation-center-v1 .operation-center-v1__main { margin-left: 218px; }
  .operation-center-v1 .operation-center-v1__brand img { width: 186px; }
  .operation-center-v1 .operation-center-v1__topbar { padding-left: 20px; }
  .operation-center-v1 .operation-center-v1__heading h1 { font-size: 22px; }
  .operation-center-v1 .operation-center-v1__search { width: 285px; }
  .operation-center-v1 .operation-center-v1__profile { padding-inline: 7px; gap: 7px; }
  .operation-center-v1 .operation-center-v1__top-actions > button { width: 43px; }
  .operation-center-v1 .operation-center-v1__filters { padding-left: 12px; }
  .operation-center-v1 .operation-center-v1__filter--date { width: 234px; }
  .operation-center-v1 .operation-center-v1__filter { min-width: 132px; padding-inline: 11px; }
  .operation-center-v1 .operation-center-v1__kpi { padding-inline: 9px; gap: 7px; }
  .operation-center-v1 .operation-center-v1__kpi-icon { width: 43px; height: 43px; border-radius: 13px; }
  .operation-center-v1 .operation-center-v1__kpi-body p { font-size: 11.6px; }
  .operation-center-v1 .operation-center-v1__kpi-body small { left: 12px; font-size: 10.7px; }
  .operation-center-v1 .operation-center-v1__spark { width: 66px; }
  .operation-center-v1 .operation-center-v1__today-grid span, .operation-center-v1 .operation-center-v1__today-grid small { font-size: 10.5px; }
  .operation-center-v1 .operation-center-v1__goals { gap: 12px; padding-inline: 12px; }
  .operation-center-v1 .operation-center-v1__cash-values strong { font-size: 19px; }
  .operation-center-v1 .operation-center-v1__alert-list > div { grid-template-columns: 32px minmax(0,1fr) 22px 68px 12px; gap: 4px; padding-inline: 5px; }
  .operation-center-v1 .operation-center-v1__alert-list > div > i { width: 31px; height: 31px; }
  .operation-center-v1 .operation-center-v1__alert-list span { font-size: 10.8px; }
  .operation-center-v1 .operation-center-v1__alert-list strong { font-size: 10.7px; }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head { font-size: 9.5px; }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div { font-size: 10.2px; }
  .operation-center-v1 .operation-center-v1__tiny-progress { width: 47px; }
  .operation-center-v1 .operation-center-v1__quick > div { gap: 8px; }
  .operation-center-v1 .operation-center-v1__quick button { gap: 6px; font-size: 12.2px; }
}

@media (max-height: 900px) {
  .operation-center-v1 .operation-center-v1__nav-group h2 { height: 31px; }
  .operation-center-v1 .operation-center-v1__nav-group a { height: 24px; }
  .operation-center-v1 .operation-center-v1__version { height: 57px; }
}

/* Live CRM shell adapter. Every override is gated by the Operation Center root. */
body:has(.operation-center-v1) { background:#050706; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) { --side-w:230px; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .side {
  width:230px;
  padding:10px 12px 12px;
  background:linear-gradient(180deg,rgba(10,13,12,.99),rgba(10,13,12,.97));
  border-right:1px solid #1f2421;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .main {
  margin-left:230px;
  padding:0 12px 8px;
  background:linear-gradient(115deg,#070a09 0%,#030504 78%);
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .top {
  min-height:73px;
  margin:0 -12px;
  padding:0 12px 0 29px;
  border-bottom:1px solid #202421;
  background:rgba(5,7,6,.72);
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .topSearch {
  width:331px;
  max-width:331px;
  height:39px;
  border-color:#242926;
  background:linear-gradient(180deg,#111513,#0c0f0e);
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .titleBlock { max-width:340px; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .dash-crumb { min-width:270px; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading { display:grid;gap:3px; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading h1 {
  margin:0;display:flex;align-items:center;gap:8px;color:#f3f3f1;font-size:22px;line-height:1;font-weight:720;letter-spacing:-.35px;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading h1 svg { width:19px;height:19px;color:#f4b900;fill:none;stroke:currentColor; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading p { margin:0;color:#c7cac7;font-size:12px;font-weight:500; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #uzAsstLaunchBtn,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #fbSendBtn,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #fbInboxBtn,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .topActions > .ghost { display:none!important; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #dashDateText,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #notifBtn > span:not(.notifCount) { display:none; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #dashDateChip,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #notifBtn { width:39px;height:39px;min-width:39px;padding:0;display:grid;place-items:center; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #dashDateChip svg,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #notifBtn > svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #content {
  min-width:0;
  overflow:hidden;
  font-family:"Segoe UI",Inter,Arial,sans-serif;
}

.operation-center-v1 {
  min-width:0;
  min-height:0;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  background:transparent;
  scrollbar-color:#3d3420 #080b09;
}
.operation-center-v1::-webkit-scrollbar { width:7px; }
.operation-center-v1::-webkit-scrollbar-thumb { border-radius:8px; background:#3d3420; }
.operation-center-v1 svg {
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.operation-center-v1 button,.operation-center-v1 select,.operation-center-v1 input { font:inherit; }
.operation-center-v1 button { cursor:pointer; }

.operation-center-v1 .operation-center-v1__filters {
  height:64px;
  padding:0 0 0 10px;
  justify-content:flex-start;
  gap:10px;
  overflow:hidden;
}
.operation-center-v1 .operation-center-v1__filters label {
  height:42px;
  min-width:0;
  display:grid;
  grid-template-rows:12px 25px;
  gap:2px;
  color:#9da29e;
  font-size:9.5px;
}
.operation-center-v1 .operation-center-v1__filters label:first-child { width:145px; }
.operation-center-v1 .operation-center-v1__filters label:nth-child(2),
.operation-center-v1 .operation-center-v1__filters label:nth-child(3) { width:137px; }
.operation-center-v1 .operation-center-v1__filters label:nth-child(4) { width:155px; margin-left:auto; }
.operation-center-v1 .operation-center-v1__filters label:nth-child(5) { width:165px; }
.operation-center-v1 .operation-center-v1__filters select,
.operation-center-v1 .operation-center-v1__filters input {
  width:100%;
  height:27px;
  min-width:0;
  padding:3px 8px;
  outline:0;
  color:#f1f2f0;
  border:1px solid #2b302d;
  border-radius:7px;
  background:#0e1210;
  color-scheme:dark;
  font-size:11.5px;
}
.operation-center-v1 .operation-center-v1__filters select:disabled { opacity:.72; }
.operation-center-v1 .operation-center-v1__refresh {
  flex:none;
  height:38px;
  margin:12px 0 0;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#ffc115;
  border:1px solid #4d3a0c;
  border-radius:8px;
  background:linear-gradient(180deg,#14140f,#0a0c0a);
  font-size:12px;
}
.operation-center-v1 .operation-center-v1__refresh svg { width:16px;height:16px; }

.operation-center-v1 .operation-center-v1__dashboard {
  min-width:0;
  padding:0 0 10px;
  grid-template-rows:116px 304px 328px minmax(88px,auto);
}
.operation-center-v1 .operation-center-v1__today-grid { grid-template-columns:repeat(5,1fr); height:145px; }
.operation-center-v1 .operation-center-v1__goals {
  height:110px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:14px 17px 0;
  border-top:1px solid #1c211e;
}
.operation-center-v1 .operation-center-v1__goals p { margin:0;color:#d9dbd8;font-size:11.5px; }
.operation-center-v1 .operation-center-v1__goals p span { display:flex;justify-content:space-between;gap:8px;margin-bottom:8px; }
.operation-center-v1 .operation-center-v1__goals p span:first-child { color:#f0f1ef;font-size:12.5px; }
.operation-center-v1 .operation-center-v1__goals p b { margin-left:7px; }
.operation-center-v1 .operation-center-v1__goal-bar {
  display:block;
  height:8px;
  overflow:hidden;
  border-radius:5px;
  background:#242825;
}
.operation-center-v1 .operation-center-v1__goal-bar u { display:block;height:100%;border-radius:inherit;text-decoration:none; }
.operation-center-v1 .operation-center-v1__goal-bar--green u { background:linear-gradient(90deg,#1bba33,#2bd849); }
.operation-center-v1 .operation-center-v1__goal-bar--blue u { background:linear-gradient(90deg,#0b6fcc,#2b9afb); }

.operation-center-v1 .operation-center-v1__panel > footer button,
.operation-center-v1 .operation-center-v1__panel > header button {
  display:flex;
  align-items:center;
  gap:7px;
  padding:0;
  color:#f3bd00;
  background:transparent;
  font-size:12.5px;
}
.operation-center-v1 .operation-center-v1__panel > footer button svg,
.operation-center-v1 .operation-center-v1__panel > header button svg { width:16px;height:16px; }
.operation-center-v1 .operation-center-v1__cash > header { border-bottom:1px solid #1c211e; }
.operation-center-v1 .operation-center-v1__cash > footer { place-items:center start;padding-left:15px; }
.operation-center-v1 .operation-center-v1__cash-chart svg { width:100%;height:138px;overflow:visible; }
.operation-center-v1 .operation-center-v1__cash-chart .in-area { fill:rgba(34,207,67,.12);stroke:none; }
.operation-center-v1 .operation-center-v1__cash-chart .out-area { fill:rgba(255,48,45,.1);stroke:none; }
.operation-center-v1 .operation-center-v1__cash-chart .in-line { fill:none;stroke:#26ce43;stroke-width:1.8; }
.operation-center-v1 .operation-center-v1__cash-chart .out-line { fill:none;stroke:#ff332f;stroke-width:1.8; }
.operation-center-v1 .operation-center-v1__cash-axis { display:flex;justify-content:space-between;color:#aeb2ae;font-size:9px; }
.operation-center-v1 .operation-center-v1__panel-empty,
.operation-center-v1 .operation-center-v1__table-empty { padding:24px 12px;text-align:center;color:#8f9490;font-size:12px; }

.operation-center-v1 .operation-center-v1__alert-list { margin:0 10px;border:1px solid #202622;border-radius:8px;overflow:hidden; }
.operation-center-v1 .operation-center-v1__alert-list > button {
  width:100%;height:42px;padding:0 8px;
  display:grid;grid-template-columns:36px minmax(0,1fr) 25px 74px 14px;
  align-items:center;gap:7px;text-align:left;color:#e2e4e1;
  border-bottom:1px solid #202622;background:transparent;
}
.operation-center-v1 .operation-center-v1__alert-list > button:last-child { border-bottom:0; }
.operation-center-v1 .operation-center-v1__alert-list > button > i { width:35px;height:34px;display:grid;place-items:center;border-radius:7px; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c0 { color:#ff302d;background:#2a0b0a; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c1 { color:#2394f0;background:#081c2c; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c2 { color:#31cf43;background:#08230c; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c3 { color:#efbd00;background:#251d06; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c4 { color:#f27c00;background:#281505; }
.operation-center-v1 .operation-center-v1__alert-list button span { min-width:0;display:grid;gap:2px; }
.operation-center-v1 .operation-center-v1__alert-list button strong,
.operation-center-v1 .operation-center-v1__alert-list button small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.operation-center-v1 .operation-center-v1__alert-list button strong { font-size:11.5px; }
.operation-center-v1 .operation-center-v1__alert-list button small { color:#909591;font-size:9.5px; }
.operation-center-v1 .operation-center-v1__alert-list button > b { width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f02725;color:#fff;font-size:10px; }
.operation-center-v1 .operation-center-v1__alert-list button > em { font-size:10.5px;font-style:normal;text-align:right;white-space:nowrap; }
.operation-center-v1 .operation-center-v1__alert-list button > svg { width:13px;height:13px; }

.operation-center-v1 .operation-center-v1__table-head,
.operation-center-v1 .operation-center-v1__table-body > div { padding:0 10px 0 14px;display:grid;align-items:center; }
.operation-center-v1 .operation-center-v1__table-head { height:26px;color:#d5d7d4;font-size:10px; }
.operation-center-v1 .operation-center-v1__table-body > div { height:36px;border-top:1px solid #202522;color:#edefec;font-size:10.7px; }
.operation-center-v1 .operation-center-v1__branch-cols { grid-template-columns:1.42fr .86fr .86fr .9fr; }
.operation-center-v1 .operation-center-v1__staff-cols { grid-template-columns:1.34fr .82fr .84fr .55fr 1fr; }
.operation-center-v1 .operation-center-v1__table-body span { min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.operation-center-v1 .operation-center-v1__table-body span:first-child { display:flex;align-items:center;gap:7px; }
.operation-center-v1 .operation-center-v1__progress { display:inline-block;width:48px;height:7px;margin-left:4px;vertical-align:0; }
.operation-center-v1 .operation-center-v1__progress u { display:block;height:100%;border-radius:inherit;background:#21c941;text-decoration:none; }
.operation-center-v1 .operation-center-v1__avatar { object-fit:cover; }

.operation-center-v1 .operation-center-v1__appointment-list > div { padding:0 2px; }
.operation-center-v1 .operation-center-v1__appointment-list b.s-planned,
.operation-center-v1 .operation-center-v1__appointment-list b.s-confirmed { color:#f1a800;border-color:#573908;background:#291b05; }
.operation-center-v1 .operation-center-v1__appointment-list b.s-no_show { color:#ff655f;border-color:#65201d;background:#2a0b0a; }
.operation-center-v1 .operation-center-v1__quick > div { grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); }
.operation-center-v1 .operation-center-v1__updated { padding:0 4px 6px;text-align:right;color:#666d68;font-size:9px; }
.operation-center-v1.is-loading { opacity:.62;pointer-events:none; }

.operation-center-v1 .operation-center-v1__skeleton-filters,
.operation-center-v1 .operation-center-v1__skeleton-kpis,
.operation-center-v1 .operation-center-v1__skeleton-panels { display:grid;gap:10px;padding:10px 0; }
.operation-center-v1 .operation-center-v1__skeleton-filters { grid-template-columns:repeat(5,1fr);height:64px; }
.operation-center-v1 .operation-center-v1__skeleton-kpis { grid-template-columns:repeat(5,1fr);height:126px; }
.operation-center-v1 .operation-center-v1__skeleton-panels { grid-template-columns:repeat(3,1fr);grid-auto-rows:280px; }
.operation-center-v1 .operation-center-v1__skeleton-filters i,
.operation-center-v1 .operation-center-v1__skeleton-kpis i,
.operation-center-v1 .operation-center-v1__skeleton-panels i { border:1px solid #252a27;border-radius:10px;background:linear-gradient(100deg,#0d100f 25%,#171b19 45%,#0d100f 65%);background-size:260% 100%;animation:ocV1Shimmer 1.35s linear infinite; }
.operation-center-v1 .operation-center-v1__panel-error { min-height:300px;display:grid;place-content:center;justify-items:center;gap:12px;color:#d8dad7;text-align:center; }
.operation-center-v1 .operation-center-v1__panel-error strong { color:#ff5b55;font-size:17px; }
.operation-center-v1 .operation-center-v1__panel-error button { display:flex;align-items:center;gap:7px;padding:9px 13px;color:#ffc115;border:1px solid #59400c;border-radius:8px;background:#11140f; }
.operation-center-v1 .operation-center-v1__panel-error svg { width:17px;height:17px; }
@keyframes ocV1Shimmer { to { background-position:-160% 0; } }

@media (max-width:1450px) {
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) { --side-w:218px; }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .side { width:218px; }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .main { margin-left:218px; }
  .operation-center-v1 .operation-center-v1__filters { gap:7px; }
  .operation-center-v1 .operation-center-v1__filters label:first-child { width:122px; }
  .operation-center-v1 .operation-center-v1__filters label:nth-child(2),
  .operation-center-v1 .operation-center-v1__filters label:nth-child(3) { width:122px; }
  .operation-center-v1 .operation-center-v1__filters label:nth-child(4) { width:135px; }
  .operation-center-v1 .operation-center-v1__filters label:nth-child(5) { width:145px; }
  .operation-center-v1 .operation-center-v1__today-grid i { width:40px;height:40px; }
  .operation-center-v1 .operation-center-v1__today-grid strong { font-size:20px; }
}

/* Telefon ana Satışlar görünümü: bütün özet tek ekrana sığar.
   Detay sayfaları okunabilirlik için kaydırılabilir kalır. */
@media (max-width:760px) and (max-height:950px) {
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) {
    padding-right:10px;
    padding-bottom:calc(70px + env(safe-area-inset-bottom));
    padding-left:10px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-head {
    min-height:58px;
    padding:calc(7px + env(safe-area-inset-top)) 1px 6px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-brand {
    gap:7px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-brand>svg {
    width:30px;height:30px;padding:6px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-brand h1 {
    font-size:17px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-brand p {
    margin-top:1px;font-size:9px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-readonly {
    padding:4px 6px;font-size:7.5px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-filterbar {
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 38px;
    gap:5px;padding:3px 0;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-filterbar select,
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-filterbar button {
    height:36px;border-radius:8px;font-size:10px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-filterbar button svg {
    width:16px;height:16px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-view-heading {
    min-height:30px;padding:2px 2px 4px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-view-heading span {
    font-size:7px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-view-heading h2 {
    font-size:16px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-overview {
    gap:6px;margin:3px 0 4px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices {
    min-height:108px;padding:10px 8px;gap:5px;border-radius:10px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total>i,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices>i {
    width:30px;height:30px;flex-basis:30px;border-radius:8px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total>i svg,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices>i svg {
    width:16px;height:16px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total>span,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices>span {
    gap:2px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total small,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices small {
    font-size:9.3px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total strong {
    font-size:clamp(21px,6vw,25px);
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total em,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total em b,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices em {
    margin:0;gap:2px;font-size:9.2px;line-height:1.18;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices>span strong {
    font-size:28px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-total>svg,
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sold-devices>svg {
    right:6px;bottom:6px;width:13px;height:13px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-kpis {
    gap:6px;margin-bottom:5px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-kpis button {
    min-height:80px;padding:9px 5px;gap:4px;border-radius:9px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-kpis button span {
    font-size:10.3px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-kpis button strong {
    font-size:clamp(15px,4.2vw,17.5px);line-height:1.05;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-kpis button small {
    font-size:8.8px;line-height:1.15;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-kpis button>svg {
    width:10px;height:10px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-panel {
    margin-bottom:6px;border-radius:10px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-payments>header {
    min-height:44px;padding:7px 9px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-payments>header span {
    margin:0;font-size:7.5px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-payments>header h2 {
    font-size:13px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-sales-payments>header>b {
    font-size:11px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid {
    gap:6px;padding:6px 7px 8px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button {
    display:grid;min-height:84px;padding:9px 8px;grid-template-columns:30px minmax(0,1fr);gap:8px;text-align:left;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button>i {
    width:30px;height:30px;flex-basis:30px;border-radius:8px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button>i svg {
    width:16px;height:16px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button>span {
    display:grid;align-items:initial;gap:1px;text-align:left;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button b {
    font-size:10.2px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button strong {
    overflow:hidden;font-size:14.5px;text-overflow:ellipsis;white-space:nowrap;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button small {
    overflow:hidden;font-size:8.3px;text-overflow:ellipsis;white-space:nowrap;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button em {
    display:block;overflow:hidden;margin:0;font-size:7.5px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-payment-grid button>svg {
    right:4px;bottom:4px;width:9px;height:9px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-finance-link {
    min-height:70px;padding:11px 11px;justify-content:space-between;text-align:left;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-finance-link>span:first-child {
    justify-items:start;gap:1px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-finance-link>span:first-child small {
    font-size:9px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-finance-link>span:first-child strong {
    font-size:19px;
  }
  [data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen)) .ocm-finance-link>span:first-child em {
    font-size:9.3px;
  }
  .operation-center-mobile:has([data-ocm-view="sales"].is-active:not(:has(.ocm-detail-screen))) .ocm-updated {
    margin:7px 2px 0;font-size:7.3px;line-height:1.1;
  }
}

/* Aktif mobil randevu merkezi */
@media (max-width:760px) {
  .ocm-appointments-card>header{min-height:62px;padding:10px 12px}
  .ocm-appointment-add{display:flex;min-height:38px;padding:0 11px;align-items:center;gap:7px;border:1px solid rgba(82,205,116,.34);border-radius:10px;color:#e9fff0;background:linear-gradient(135deg,rgba(47,167,79,.28),rgba(28,104,54,.2));font-size:10px;font-weight:850;white-space:nowrap}
  .ocm-appointment-add svg{width:17px;height:17px;color:#68d486}.ocm-appointment-add span{margin:0!important;color:inherit!important;font-size:inherit!important;letter-spacing:0!important}
  .ocm-appointment-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px}
  .ocm-appointment-status>div{min-height:82px;padding:8px 3px;border:1px solid #28322c!important;border-radius:11px;background:linear-gradient(145deg,#171d1a,#0e1311)}
  .ocm-appointment-status i{width:31px;height:31px;margin-bottom:4px}.ocm-appointment-status span{font-size:8.5px}.ocm-appointment-status strong{margin-top:4px;font-size:18px}
  .ocm-appointment-list>header{min-height:58px}.ocm-appointment-list>div{display:grid;padding:3px 11px 8px}
  .ocm-appointment-row{display:grid;width:100%;min-height:83px;padding:10px 0;grid-template-columns:54px minmax(0,1fr) auto 16px;align-items:center;gap:9px;border:0;border-bottom:1px solid #25302a;color:inherit;background:transparent;text-align:left}
  .ocm-appointment-row:last-child{border-bottom:0}.ocm-appointment-row:active{background:rgba(62,148,89,.08)}.ocm-appointment-row time{display:grid;min-height:54px;padding:7px 4px;place-content:center;justify-items:center;border:1px solid rgba(96,174,238,.22);border-radius:10px;background:rgba(40,100,148,.1)}
  .ocm-appointment-row time b{color:#75b9f0;font-size:8px}.ocm-appointment-row time strong{margin-top:4px;color:#f0f4f1;font-size:15px}
  .ocm-appointment-row>span{display:grid;min-width:0;gap:4px}.ocm-appointment-row>span strong,.ocm-appointment-row>span small,.ocm-appointment-row>span em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ocm-appointment-row>span strong{color:#f0f4f1;font-size:13px}.ocm-appointment-row>span small{color:#daba58;font-size:9px}.ocm-appointment-row>span em{color:#8e9a92;font-size:8.5px;font-style:normal}
  .ocm-appointment-row>b{padding:5px 7px;border-radius:999px;color:#d8b950;background:rgba(151,116,26,.14);font-size:7.5px;white-space:nowrap}.ocm-appointment-row>b.s-confirmed,.ocm-appointment-row>b.s-arrived{color:#69d38a;background:rgba(45,151,78,.15)}.ocm-appointment-row>b.s-no_show,.ocm-appointment-row>b.s-cancelled{color:#ef746e;background:rgba(164,47,42,.16)}.ocm-appointment-row>svg{width:15px;height:15px;color:#d35b5b}
  .ocm-appointment-modes{display:grid;margin:-2px 0 10px;padding:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid #29332d;border-radius:12px;background:#0d1310}.ocm-appointment-modes button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;color:#87938b;background:transparent;font-size:10px;font-weight:850}.ocm-appointment-modes button svg{width:16px;height:16px}.ocm-appointment-modes button.active{color:#f1d06b;background:linear-gradient(135deg,rgba(168,126,22,.2),rgba(93,72,18,.12));box-shadow:inset 0 0 0 1px rgba(213,176,73,.18)}
  .ocm-calendar-panel>header{display:grid;min-height:73px;padding:8px 11px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;text-align:center}.ocm-calendar-panel>header>button{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #334039;border-radius:10px;color:#e2bf58;background:#151c18;font-size:25px;line-height:1}.ocm-calendar-panel>header>button:last-child{justify-self:end}.ocm-calendar-panel>header>div span{display:block;color:#ba9b46;font-size:7.5px;font-weight:850;letter-spacing:.11em}.ocm-calendar-panel>header>div h2{margin:3px 0 0;color:#f0f4f1;font-size:15px;text-transform:capitalize}.ocm-calendar-panel>header>div small{display:block;margin-top:3px;color:#7f8b83;font-size:7.5px;font-weight:700}
  .ocm-calendar-actions{display:grid;padding:9px 11px 11px;grid-template-columns:.7fr 1.3fr;gap:7px;border-top:1px solid #27312c}.ocm-calendar-actions button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid #334039;border-radius:9px;color:#b9c3bc;background:#141a17;font-size:9.5px;font-weight:850}.ocm-calendar-actions button:last-child{border-color:rgba(82,205,116,.3);color:#e8fff0;background:rgba(43,151,72,.18)}.ocm-calendar-actions svg{width:15px;height:15px}.ocm-calendar-actions button:last-child svg{color:#64d081}
  .ocm-calendar-loading,.ocm-calendar-error{margin:0;padding:34px 12px;color:#aab4ad;font-size:10px;text-align:center}.ocm-calendar-error{color:#ef8883}
  .ocm-calendar-agenda-day{overflow:hidden;margin-top:9px;border:1px solid #2a352f;border-radius:13px;background:linear-gradient(145deg,#121915,#0d1210)}.ocm-calendar-agenda-day.is-today{border-color:rgba(83,202,114,.42);box-shadow:0 0 0 2px rgba(63,173,91,.06)}.ocm-calendar-agenda-day>header{display:flex;min-height:47px;padding:8px 11px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #28322d;background:rgba(255,255,255,.015)}.ocm-calendar-agenda-day>header>div{display:flex;min-width:0;align-items:center;gap:7px}.ocm-calendar-agenda-day>header strong{overflow:hidden;color:#edf2ee;font-size:11.5px;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap}.ocm-calendar-agenda-day>header small{padding:3px 5px;border-radius:999px;color:#79dd94;background:rgba(42,147,70,.18);font-size:6.5px;font-weight:900}.ocm-calendar-agenda-day>header>b{color:#9ba69f;font-size:8px;white-space:nowrap}.ocm-calendar-agenda-day>div{display:grid;padding:4px 9px}
  .ocm-calendar-agenda-row{position:relative;display:grid;width:100%;min-height:83px;padding:10px 21px 10px 8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;border:0;border-bottom:1px solid #25302a;border-left:3px solid #56a9e8;color:inherit;background:transparent;text-align:left}.ocm-calendar-agenda-row:last-child{border-bottom:0}.ocm-calendar-agenda-row.is-green{border-left-color:#53cf7a}.ocm-calendar-agenda-row.is-blue{border-left-color:#5aa9e6}.ocm-calendar-agenda-row.is-violet{border-left-color:#9a7de8}.ocm-calendar-agenda-row.is-rose{border-left-color:#e4778e}.ocm-calendar-agenda-row.is-indigo{border-left-color:#7184e8}.ocm-calendar-agenda-row.is-amber{border-left-color:#dfb64b}.ocm-calendar-agenda-row.is-teal{border-left-color:#47c8b5}.ocm-calendar-agenda-row>time{align-self:start;padding-top:2px;color:#f4d36c;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}.ocm-calendar-agenda-row>span:nth-of-type(1){display:grid;min-width:0;gap:4px}.ocm-calendar-agenda-row>span>strong{overflow:hidden;color:#f0f4f1;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.ocm-calendar-agenda-row>span>small{overflow:hidden;color:#94a198;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ocm-calendar-agenda-row>span>em{overflow:hidden;color:#6f7c74;font-size:7.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ocm-calendar-agenda-tags{display:flex!important;grid-column:2;flex-wrap:wrap;gap:5px!important}.ocm-calendar-agenda-tags b,.ocm-calendar-agenda-tags i{padding:4px 6px;border-radius:999px;font-size:7px;font-style:normal;font-weight:850}.ocm-calendar-agenda-tags b{color:#d9e0dc;background:rgba(255,255,255,.06)}.ocm-calendar-agenda-tags i{color:#e1bd52;background:rgba(152,116,25,.13)}.ocm-calendar-agenda-tags i.s-confirmed,.ocm-calendar-agenda-tags i.s-arrived{color:#6bd68a;background:rgba(42,143,70,.15)}.ocm-calendar-agenda-tags i.s-no_show,.ocm-calendar-agenda-tags i.s-cancelled{color:#ef7c76;background:rgba(160,48,43,.15)}.ocm-calendar-agenda-row>svg{position:absolute;right:5px;width:14px;height:14px;color:#d35b5b}

  .ocm-week-calendar{overflow:hidden;margin-top:9px}.ocm-week-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#725f27 #111713;-webkit-overflow-scrolling:touch}.ocm-week-board{width:1008px;min-width:1008px}.ocm-week-head{display:grid;height:55px;grid-template-columns:42px repeat(7,138px);border-bottom:1px solid #55471f;background:#121713}.ocm-week-head>span{position:sticky;z-index:6;left:0;display:grid;place-items:center;color:#bca14f;background:#101511;font-size:7px;font-weight:900}.ocm-week-head>div{position:relative;display:grid;padding:7px 4px;place-content:center;justify-items:center;border-left:1px solid #29322d;color:#9aa59e}.ocm-week-head>div b{font-size:8px;text-transform:capitalize}.ocm-week-head>div strong{margin-top:3px;color:#e9eee9;font-size:10px}.ocm-week-head>div small{position:absolute;top:4px;right:4px;display:grid;min-width:15px;height:15px;padding:0 3px;place-items:center;border-radius:999px;color:#11160f;background:#d6b64d;font-size:6px;font-weight:900}.ocm-week-head>div.is-today{color:#ebca64;background:rgba(151,115,23,.12);box-shadow:inset 0 -2px #d7b94f}.ocm-week-head>div.is-today strong{color:#f3d36e}
  .ocm-week-body{display:flex;height:558px}.ocm-week-time{position:sticky;z-index:5;left:0;width:42px;min-width:42px;height:558px;background:#101511;box-shadow:4px 0 9px rgba(0,0,0,.25)}.ocm-week-time span{position:absolute;right:5px;color:#9aa39d;font-size:7px;font-weight:750;transform:translateY(-50%)}.ocm-week-time span:first-child{transform:none}.ocm-week-time span:last-child{transform:translateY(-100%)}.ocm-week-days{display:grid;width:966px;min-width:966px;height:558px;grid-template-columns:repeat(7,138px)}.ocm-week-day{position:relative;height:558px;border-left:1px solid #27302b;background:#0f1411}.ocm-week-day.is-today{background:rgba(130,99,22,.08)}.ocm-week-day>i{position:absolute;right:0;left:0;border-top:1px solid rgba(255,255,255,.055)}.ocm-week-now{position:absolute;z-index:3;right:0;left:0;border-top:2px solid #e55555;pointer-events:none}.ocm-week-now:before{content:"";position:absolute;top:-4px;left:-1px;width:7px;height:7px;border-radius:50%;background:#e55555}
  .ocm-week-event{position:absolute;z-index:2;display:grid;min-width:0;padding:3px 4px;align-content:start;overflow:hidden;border:1px solid rgba(92,171,230,.36);border-left:3px solid #5aa9e6;border-radius:6px;color:#e9f4fb;background:rgba(35,92,132,.85);box-shadow:0 2px 7px rgba(0,0,0,.3);text-align:left}.ocm-week-event b,.ocm-week-event strong,.ocm-week-event small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-week-event b{color:#b9dcf6;font-size:6.5px}.ocm-week-event strong{margin-top:1px;color:#f5f8f5;font-size:8px}.ocm-week-event small{margin-top:1px;color:#b8c7bd;font-size:6px}.ocm-week-event.is-green{border-color:rgba(83,207,122,.4);border-left-color:#53cf7a;background:rgba(25,103,52,.88)}.ocm-week-event.is-violet{border-color:rgba(154,125,232,.4);border-left-color:#9a7de8;background:rgba(71,52,123,.88)}.ocm-week-event.is-rose{border-color:rgba(228,119,142,.4);border-left-color:#e4778e;background:rgba(120,50,68,.88)}.ocm-week-event.is-indigo{border-color:rgba(113,132,232,.4);border-left-color:#7184e8;background:rgba(51,62,125,.88)}.ocm-week-event.is-amber{border-color:rgba(223,182,75,.42);border-left-color:#dfb64b;background:rgba(105,79,16,.9)}.ocm-week-event.is-teal{border-color:rgba(71,200,181,.4);border-left-color:#47c8b5;background:rgba(24,98,88,.88)}.ocm-week-event.s-cancelled{opacity:.48;filter:saturate(.55)}.ocm-week-event.s-no_show{border-color:#d96161;border-left-color:#e96a68;background:rgba(112,39,38,.85)}.ocm-week-calendar>p{margin:0;padding:8px 10px;border-top:1px solid #28322d;color:#7f8a83;font-size:7.5px;text-align:center}

  .ocm-day-calendar{overflow:hidden;margin-top:9px}.ocm-day-strip{display:grid;padding:7px;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;border-bottom:1px solid #2b352f;background:#101612}.ocm-day-strip button{position:relative;display:grid;min-width:0;min-height:52px;padding:5px 1px;place-content:center;justify-items:center;border:1px solid #29342e;border-radius:9px;color:#87928b;background:#141a17}.ocm-day-strip button b{font-size:7px;text-transform:capitalize}.ocm-day-strip button strong{margin-top:3px;color:#d8dfda;font-size:11px}.ocm-day-strip button small{position:absolute;top:2px;right:2px;display:grid;min-width:13px;height:13px;padding:0 2px;place-items:center;border-radius:999px;color:#0c120d;background:#d5b54c;font-size:6px;font-weight:900}.ocm-day-strip button.is-today strong{color:#71d98d}.ocm-day-strip button.is-selected{border-color:#d0ae48;color:#f3d36d;background:rgba(141,107,22,.17);box-shadow:inset 0 -2px #d4b44a}.ocm-day-strip button.is-selected strong{color:#f5d876}
  .ocm-day-calendar>header{display:flex;min-height:58px;padding:9px 11px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #2a342e}.ocm-day-calendar>header span{display:block;color:#b59642;font-size:7px;font-weight:900;letter-spacing:.1em}.ocm-day-calendar>header h2{margin:4px 0 0;color:#f0f4f1;font-size:13px;text-transform:capitalize}.ocm-day-calendar>header>b{color:#9aa59e;font-size:8px;white-space:nowrap}.ocm-day-body{display:flex;height:612px}.ocm-day-time{position:relative;width:47px;min-width:47px;height:612px;background:#101511}.ocm-day-time span{position:absolute;right:6px;color:#9aa39d;font-size:7.5px;font-weight:750;transform:translateY(-50%)}.ocm-day-time span:first-child{transform:none}.ocm-day-time span:last-child{transform:translateY(-100%)}.ocm-day-track{position:relative;flex:1;height:612px;border-left:1px solid #303a34;background:linear-gradient(90deg,rgba(126,96,23,.035),transparent 35%),#0f1411}.ocm-day-track>i{position:absolute;right:0;left:0;border-top:1px solid rgba(255,255,255,.065)}
  .ocm-day-event{position:absolute;z-index:2;display:grid;min-width:0;padding:4px 7px;align-content:start;overflow:hidden;border:1px solid rgba(92,171,230,.36);border-left:4px solid #5aa9e6;border-radius:7px;color:#e9f4fb;background:rgba(35,92,132,.88);box-shadow:0 3px 9px rgba(0,0,0,.3);text-align:left}.ocm-day-event b,.ocm-day-event strong,.ocm-day-event small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocm-day-event b{color:#b9dcf6;font-size:7.5px}.ocm-day-event strong{margin-top:1px;color:#f7faf7;font-size:10px}.ocm-day-event small{margin-top:2px;color:#c1cec5;font-size:7px}.ocm-day-event.is-green{border-color:rgba(83,207,122,.42);border-left-color:#53cf7a;background:rgba(25,103,52,.9)}.ocm-day-event.is-violet{border-color:rgba(154,125,232,.42);border-left-color:#9a7de8;background:rgba(71,52,123,.9)}.ocm-day-event.is-rose{border-color:rgba(228,119,142,.42);border-left-color:#e4778e;background:rgba(120,50,68,.9)}.ocm-day-event.is-indigo{border-color:rgba(113,132,232,.42);border-left-color:#7184e8;background:rgba(51,62,125,.9)}.ocm-day-event.is-amber{border-color:rgba(223,182,75,.44);border-left-color:#dfb64b;background:rgba(105,79,16,.92)}.ocm-day-event.is-teal{border-color:rgba(71,200,181,.42);border-left-color:#47c8b5;background:rgba(24,98,88,.9)}.ocm-day-event.s-cancelled{opacity:.48;filter:saturate(.55)}.ocm-day-event.s-no_show{border-color:#d96161;border-left-color:#e96a68;background:rgba(112,39,38,.88)}.ocm-day-calendar>p{margin:0;padding:8px 10px;border-top:1px solid #28322d;color:#7f8a83;font-size:7.5px;text-align:center}

  .ocm-appointment-overlay{z-index:1100}.ocm-appointment-dialog{max-height:calc(100dvh - 18px);border-color:#35453b}
  .ocm-appointment-dialog>header{min-height:66px}.ocm-appointment-dialog form{gap:11px;padding:13px 14px 16px}
  .ocm-appointment-dialog form>label,.ocm-appointment-patient label,.ocm-appointment-branch label{display:grid;min-width:0;gap:6px}.ocm-appointment-dialog label>span{color:#aeb8b1;font-size:9.5px;font-weight:800}.ocm-appointment-dialog label>span small{color:#77837b;font-size:8px;font-weight:600}
  .ocm-appointment-dialog input[type=text],.ocm-appointment-dialog input[type=tel]{width:100%;min-width:0;min-height:48px;padding:0 12px;border:1px solid #323c36;border-radius:10px;outline:0;color:#edf1ee;background:#111713;font:inherit;font-size:16px}.ocm-appointment-dialog input::placeholder{color:#69746d}.ocm-appointment-dialog input:focus{border-color:#55bd73;box-shadow:0 0 0 3px rgba(76,186,107,.11)}
  .ocm-appointment-branch{position:relative;padding:10px 11px 11px;border:1px solid rgba(214,176,77,.22);border-radius:12px;background:linear-gradient(135deg,rgba(124,94,21,.12),rgba(20,28,23,.72))}.ocm-appointment-branch select{padding-right:12px}
  .ocm-appointment-patient{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:9px}.ocm-appointment-dialog textarea{min-height:62px}
  .ocm-appointment-edit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ocm-appointment-edit-row label{display:grid;min-width:0;gap:6px}.ocm-appointment-detail-person{display:flex;padding:10px 11px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(88,189,116,.2);border-radius:11px;background:rgba(38,112,58,.09)}.ocm-appointment-detail-person strong{overflow:hidden;color:#eff6f1;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ocm-appointment-detail-person span{color:#72ce8b;font-size:8px;white-space:nowrap}
  .ocm-appointment-dialog form>footer{position:sticky;bottom:-16px;margin:0 -14px -16px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #29322d;background:rgba(13,19,16,.97)}
}

@media (max-width:370px) {
  .ocm-appointment-add{padding:0 8px;font-size:9px}.ocm-appointment-status{gap:5px;padding:8px}.ocm-appointment-status>div{min-height:76px}.ocm-appointment-patient{grid-template-columns:1fr}
  .ocm-appointment-row{grid-template-columns:50px minmax(0,1fr) 14px}.ocm-appointment-row>b{grid-column:2;justify-self:start;margin-top:-2px}.ocm-appointment-row>svg{grid-column:3;grid-row:1 / span 2}.ocm-appointment-edit-row{grid-template-columns:1fr}.ocm-appointment-detail-person{align-items:flex-start;flex-direction:column;gap:3px}
}

/* Telefon satış ekranı: ortalı kartlar, güçlü renk ayrımı ve dokunulabilir detaylar */
@media (max-width:760px) {
  .operation-center-mobile button{font:inherit}
  .ocm-sales-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .ocm-sales-total,.ocm-sold-devices{position:relative;display:flex;min-height:126px;padding:12px 9px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
  .ocm-sales-total>i,.ocm-sold-devices>i{width:38px;height:38px;flex:0 0 38px}
  .ocm-sales-total>span,.ocm-sold-devices>span{display:flex;width:100%;align-items:center;flex-direction:column;gap:6px}
  .ocm-sales-total small,.ocm-sold-devices small{overflow:visible;color:#d5b956;font-size:10px;letter-spacing:.08em;text-overflow:clip;white-space:normal}
  .ocm-sales-total strong{overflow:visible;color:#f4f7f4;font-size:clamp(20px,6vw,27px);line-height:1.05;text-overflow:clip;white-space:normal}
  .ocm-sales-total em,.ocm-sold-devices em{overflow:visible;color:#aab6ae;font-size:10px;line-height:1.35;text-overflow:clip;white-space:normal}
  .ocm-sales-total em b{color:#92a49a;font-size:10px;white-space:normal}
  .ocm-sales-total em b:last-child{color:#68d185}
  .ocm-sold-devices>span strong{font-size:31px}.ocm-sold-devices em{color:#d9bd5c;font-size:10px}
  .ocm-sales-total>svg,.ocm-sold-devices>svg{position:absolute;right:9px;bottom:9px;width:18px;height:18px;color:#ef625b;stroke-width:2.5}

  .ocm-sales-kpis{gap:8px}.ocm-sales-kpis button{position:relative;display:flex;min-width:0;min-height:94px;padding:11px 7px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #303a34;border-radius:11px;color:#eef2ef;background:linear-gradient(145deg,#161c19,#0d1210);text-align:center}
  .ocm-sales-kpis button span{color:#dabb58;font-size:11px;font-weight:900;letter-spacing:.08em}.ocm-sales-kpis button strong{max-width:100%;overflow:visible;color:#f2f5f2;font-size:clamp(14px,4.2vw,18px);line-height:1.12;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.ocm-sales-kpis button small{overflow:visible;color:#9faaa3;font-size:9.5px;line-height:1.25;text-overflow:clip;white-space:normal}.ocm-sales-kpis button>svg{position:absolute;right:6px;bottom:6px;width:12px;height:12px;color:#df5b55}

  .ocm-sales-payments>header{text-align:center}.ocm-sales-payments>header>div{flex:1}.ocm-sales-payments>header>b{color:#74d68d;font-size:13px}
  .ocm-payment-grid{gap:8px;padding:9px}.ocm-payment-grid button{position:relative;display:flex;min-width:0;min-height:103px;padding:10px 8px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #29342e;border-radius:10px;color:#edf2ee;background:rgba(8,12,10,.42);text-align:center}
  .ocm-payment-grid button>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;color:#5fd07d;background:rgba(43,147,72,.13)}.ocm-payment-grid button.p-1>i{color:#67b3ff;background:rgba(52,119,181,.14)}.ocm-payment-grid button.p-2>i{color:#e4bd52;background:rgba(170,132,31,.13)}.ocm-payment-grid button.p-3>i{color:#c18bf2;background:rgba(116,68,176,.15)}.ocm-payment-grid button>i svg{width:18px;height:18px}
  .ocm-payment-grid button>span{display:flex;min-width:0;width:100%;align-items:center;flex-direction:column;gap:4px}.ocm-payment-grid button b{color:#d9bd61;font-size:10px}.ocm-payment-grid button strong{overflow:visible;color:#f2f5f2;font-size:15px;line-height:1.1;text-overflow:clip;white-space:normal}.ocm-payment-grid button small{overflow:visible;color:#a4afa8;font-size:9px;line-height:1.25;text-overflow:clip;white-space:normal}.ocm-payment-grid button em{display:block;overflow:visible;color:#8fb7d8;font-size:8.5px;line-height:1.3;white-space:normal;-webkit-line-clamp:unset}.ocm-payment-grid button>svg{position:absolute;right:7px;bottom:7px;width:12px;height:12px;color:#e2635c}
  .ocm-finance-link{justify-content:center;text-align:center}.ocm-finance-link>span:first-child{justify-items:center}.ocm-finance-link>span:first-child small{color:#ddbd5a;font-size:10px}.ocm-finance-link>span:first-child em{overflow:visible;color:#a6b1aa;font-size:10px;text-overflow:clip;white-space:normal}

  .ocm-detail-summary,.ocm-report-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.ocm-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ocm-report-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ocm-report-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ocm-detail-summary article,.ocm-detail-summary>button,.ocm-report-cards article{display:flex;min-width:0;min-height:102px;padding:12px 8px;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}
  .ocm-report-cards article{border:1px solid #2b3630;border-radius:11px;background:linear-gradient(145deg,#161c19,#0d1210)}
  .ocm-detail-summary span,.ocm-detail-summary>button span,.ocm-report-cards span{overflow:visible;color:#d8bb5d;font-size:10px;font-weight:850;line-height:1.25;text-overflow:clip;white-space:normal}.ocm-detail-summary strong,.ocm-detail-summary>button strong,.ocm-report-cards strong{display:block;margin:0;max-width:100%;overflow:visible;color:#f1f5f2;font-size:clamp(15px,4.5vw,19px);line-height:1.12;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.ocm-detail-summary small,.ocm-detail-summary>button small,.ocm-report-cards small{overflow:visible;color:#9eaaa2;font-size:9px;line-height:1.3;text-overflow:clip;white-space:normal}.ocm-report-cards .is-green strong,.ocm-detail-summary .is-green strong{color:#64d382}.ocm-report-cards .is-blue strong{color:#6eb8ff}.ocm-report-cards .is-gold strong,.ocm-detail-summary .is-gold strong{color:#e0bd57}.ocm-report-cards .is-red strong{color:#ef746e}
  .ocm-cost-warning{margin:0 0 10px;padding:11px 12px;border:1px solid rgba(222,181,69,.32);border-radius:10px;color:#d9c57e;background:rgba(137,102,19,.1);font-size:10px;line-height:1.45;text-align:center}

  .ocm-report-list>header,.ocm-cash-daily>header,.ocm-transaction-list>header,.ocm-payment-transactions>header{text-align:center}.ocm-report-list>header>div,.ocm-cash-daily>header>div,.ocm-transaction-list>header>div,.ocm-payment-transactions>header>div{flex:1}.ocm-report-list>div{display:grid;padding:5px 12px 10px}.ocm-report-list>div>article{display:flex;min-height:68px;padding:11px 2px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #25302a}.ocm-report-list>div>article:last-child{border-bottom:0}.ocm-report-list article>span{display:grid;min-width:0;gap:5px}.ocm-report-list article>span strong{color:#f0f4f1;font-size:13px;line-height:1.25;white-space:normal}.ocm-report-list article>span small{color:#9eaaa3;font-size:10px;line-height:1.3}.ocm-report-list article>b{flex:0 0 auto;color:#6dd389;font-size:14px;text-align:right}.ocm-report-list article>b.is-negative{color:#ef716b}

  .ocm-transaction-list>div,.ocm-payment-transactions>div{display:grid;gap:9px;padding:10px}.ocm-transaction-list>div>article,.ocm-payment-transactions>div>article{padding:12px;border:1px solid #29342e;border-radius:11px;background:#101612}.ocm-transaction-list article>header,.ocm-payment-transactions article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ocm-transaction-list article>header>span,.ocm-payment-transactions article>header>span{display:grid;min-width:0;gap:5px}.ocm-transaction-list article>header strong,.ocm-payment-transactions article>header strong{color:#f1f4f2;font-size:14px;line-height:1.25}.ocm-transaction-list article>header small,.ocm-payment-transactions article>header small{color:#72b8ef;font-size:10px}.ocm-transaction-list article>header>b,.ocm-payment-transactions article>header>b{color:#69d386;font-size:14px;white-space:nowrap}.ocm-transaction-list article>p,.ocm-payment-transactions article>p{margin:9px 0 0;color:#aab5ae;font-size:10px;line-height:1.4}.ocm-transaction-list article>em,.ocm-payment-transactions article>em{display:block;margin-top:8px;color:#ddbe5c;font-size:10px;font-style:normal;line-height:1.35}.ocm-payment-transactions h3{margin:10px 0 0;color:#e8ede9;font-size:12px;line-height:1.35}.ocm-payment-transactions article>small{display:block;margin-top:7px;color:#d8b950;font-size:9px;line-height:1.35}
  .ocm-cash-daily>div{display:grid;gap:8px;padding:10px}.ocm-cash-daily>div>article{display:grid;padding:11px;grid-template-columns:1fr;gap:8px;border:1px solid #29342e;border-radius:10px;background:#101612}.ocm-cash-daily article>strong{color:#daba58;font-size:12px;text-align:center}.ocm-cash-daily article>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.ocm-cash-daily article small{color:#9ba79f;font-size:10px}.ocm-cash-daily article b{color:#66d183;font-size:11px}.ocm-cash-daily article b.is-red{color:#ef726c}

  .ocm-device-detail-list article{grid-template-columns:40px minmax(0,1fr) minmax(104px,.82fr);gap:9px;align-items:center}.ocm-device-detail-list article>span{text-align:center}.ocm-device-detail-list article>span strong{overflow:visible;color:#f0f3f1;font-size:13px;line-height:1.3;text-overflow:clip;white-space:normal}.ocm-device-detail-list article>span small{color:#d8b954;font-size:10px}.ocm-device-detail-list article>b{display:grid;gap:5px}.ocm-device-detail-list article>b>span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#9fa9a3;font-size:9px}.ocm-device-detail-list article>b strong{color:#f0f4f1;font-size:11px}.ocm-device-detail-list article>b strong.is-profit{color:#68d286}.ocm-device-detail-list article>b strong.is-margin{color:#e1be59}

  .ocm-collection-records article{min-height:128px;grid-template-columns:34px minmax(0,1fr) minmax(94px,.65fr);align-items:center}.ocm-collection-records .ocm-record-copy{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.ocm-collection-records .ocm-record-copy strong{display:block;overflow:visible;color:#f0f4f1;font-size:13.5px;line-height:1.32;white-space:normal;-webkit-line-clamp:unset}.ocm-collection-records .ocm-record-copy small{overflow:visible;font-size:10px;line-height:1.35;white-space:normal}.ocm-collection-records .ocm-record-copy small.is-date{color:#76b9ed}.ocm-collection-records .ocm-record-copy small.is-person{color:#aab6ae}.ocm-collection-records .ocm-record-copy em{display:block;overflow:visible;color:#dfbd55;font-size:9.5px;line-height:1.35;white-space:normal;-webkit-line-clamp:unset}.ocm-collection-records article>b strong{color:#67d183;font-size:14px}.ocm-collection-records article>b small{color:#c8d0cb;font-size:9.5px}
}
@media (max-width:1180px) {
  .operation-center-v1 .operation-center-v1__filters label:nth-child(2),
  .operation-center-v1 .operation-center-v1__filters label:nth-child(3) { display:none; }
}

/* Operation Center V1 — final visual polish */
.operation-center-v1 .operation-center-v1__filters {
  height:56px;min-height:56px;padding:0 8px;gap:10px;align-items:center;
}
.operation-center-v1 .operation-center-v1__filters label {
  position:relative;display:block;width:auto;height:36px;margin:0;
}
.operation-center-v1 .operation-center-v1__filters label > span {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.operation-center-v1 .operation-center-v1__filters select,
.operation-center-v1 .operation-center-v1__filters input {
  width:100%;height:36px;padding:0 12px;border-color:#30352f;border-radius:6px;
  background-color:#161a17;color:#d8dbd7;font-size:12.5px;line-height:34px;
}
.operation-center-v1 .operation-center-v1__filter-period { flex:0 0 190px; }
.operation-center-v1 .operation-center-v1__filters .operation-center-v1__filter-date { display:none;flex:0 0 148px; }
.operation-center-v1 .operation-center-v1__filters.is-custom .operation-center-v1__filter-date { display:block; }
.operation-center-v1 .operation-center-v1__filter-branch { flex:0 0 180px;margin-left:auto; }
.operation-center-v1 .operation-center-v1__filter-employee { flex:0 0 180px; }
.operation-center-v1 .operation-center-v1__refresh {
  flex:0 0 108px;width:108px;height:36px;margin:0;border-radius:6px;font-size:12px;
}
.operation-center-v1 .operation-center-v1__dashboard {
  grid-template-rows:116px 304px 328px minmax(82px,auto);
}
.operation-center-v1 .operation-center-v1__kpis { align-items:stretch; }
.operation-center-v1 .operation-center-v1__kpi-failure { grid-column:1/-1;height:116px; }
.operation-center-v1 .operation-center-v1__kpi {
  min-width:0;height:116px;padding:11px 12px 10px;overflow:hidden;
}
.operation-center-v1 .operation-center-v1__kpi-icon {
  width:45px;height:45px;flex:0 0 45px;border-radius:8px;
}
.operation-center-v1 .operation-center-v1__kpi-icon svg { width:21px;height:21px; }
.operation-center-v1 .operation-center-v1__kpi-body { min-width:0;padding-top:1px; }
.operation-center-v1 .operation-center-v1__kpi-body p {
  margin:0 0 4px;color:#a2a8a2;font-size:12.5px;font-weight:600;line-height:1.15;
}
.operation-center-v1 .operation-center-v1__kpi-body strong {
  display:block;color:#f2f2ef;font-size:clamp(21px,1.55vw,26px);font-weight:780;
  line-height:1.05;letter-spacing:-.45px;white-space:nowrap;
}
.operation-center-v1 .operation-center-v1__kpi-body em {
  margin-top:4px;font-size:10.5px;font-weight:650;line-height:1;
}
.operation-center-v1 .operation-center-v1__kpi-body small {
  left:13px;right:88px;bottom:10px;overflow:hidden;color:#777e77;font-size:9.5px;
  line-height:1.1;text-overflow:ellipsis;white-space:nowrap;
}
.operation-center-v1 .operation-center-v1__spark {
  right:10px;bottom:8px;width:74px;height:33px;overflow:visible;
}
.operation-center-v1 .operation-center-v1__panel h2 {
  color:#dfe1dd;font-size:15px;font-weight:650;letter-spacing:-.1px;
}
.operation-center-v1 .operation-center-v1__cash-chart {
  min-height:202px;padding:34px 9px 23px 30px;
}
.operation-center-v1 .operation-center-v1__cash-chart--empty {
  display:grid;min-height:202px;padding:18px;place-items:center;color:#737a74;
  font-size:11.5px;text-align:center;
}
.operation-center-v1 .operation-center-v1__cash-chart .grid {
  stroke:#1b201c;stroke-width:.55;stroke-dasharray:2 3;
}
.operation-center-v1 .operation-center-v1__cash-chart .in-line,
.operation-center-v1 .operation-center-v1__cash-chart .out-line { stroke-width:1.7; }
.operation-center-v1 .operation-center-v1__cash-chart .axis { fill:#666d67;font-size:7.5px; }
.operation-center-v1 .operation-center-v1__cash-y {
  position:absolute;top:39px;bottom:29px;left:4px;display:flex;width:26px;
  flex-direction:column;justify-content:space-between;color:#656c66;font-size:8px;
  line-height:1;text-align:right;
}
.operation-center-v1 .operation-center-v1__performance,
.operation-center-v1 .operation-center-v1__appointments { min-height:0; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body,
.operation-center-v1 .operation-center-v1__appointments .operation-center-v1__appointment-list {
  min-height:0;align-content:start;
}
.operation-center-v1 .operation-center-v1__table-empty,
.operation-center-v1 .operation-center-v1__appointments .operation-center-v1__panel-empty {
  display:grid;height:100%;min-height:86px;padding:12px 16px;place-items:center;
  color:#737a74;font-size:11.5px;line-height:1.35;text-align:center;
}
.operation-center-v1 .operation-center-v1__appointments .operation-center-v1__panel-empty {
  width:100%;grid-template-columns:1fr;border-top:0;white-space:normal;
}
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div,
.operation-center-v1 .operation-center-v1__appointment-list > div { align-self:start; }
.operation-center-v1 .operation-center-v1__performance-row strong,
.operation-center-v1 .operation-center-v1__appointment strong {
  color:#d4d7d2;font-size:11px;font-weight:600;
}
.operation-center-v1 .operation-center-v1__performance-row small,
.operation-center-v1 .operation-center-v1__appointment small { color:#747b75;font-size:9.5px; }
.operation-center-v1 .operation-center-v1__alert-list { align-content:start; }
.operation-center-v1 .operation-center-v1__alert-list > button { height:48px;padding:7px 9px; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-receivables,
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-reconciliation { color:#ff302d;background:#2a0b0a; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-sgk { color:#2394f0;background:#081c2c; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-service,
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-tasks { color:#31cf43;background:#08230c; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-stock { color:#efbd00;background:#251d06; }
.operation-center-v1 .operation-center-v1__alert-list > button > i.c-supplier { color:#f27c00;background:#281505; }
.operation-center-v1 .operation-center-v1__quick-grid {
  grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;
}
.operation-center-v1 .operation-center-v1__quick-grid button {
  min-width:0;height:46px;padding:0 9px;gap:7px;overflow:hidden;font-size:11.5px;
  line-height:1.05;white-space:nowrap;
}
.operation-center-v1 .operation-center-v1__quick-grid button svg {
  width:19px;height:19px;flex:0 0 19px;
}
@media (max-width:1450px) {
  .operation-center-v1 .operation-center-v1__filter-period { flex-basis:168px; }
  .operation-center-v1 .operation-center-v1__filters .operation-center-v1__filter-date { flex-basis:136px; }
  .operation-center-v1 .operation-center-v1__filter-branch,
  .operation-center-v1 .operation-center-v1__filter-employee { flex-basis:158px; }
  .operation-center-v1 .operation-center-v1__refresh { flex-basis:98px;width:98px; }
}
@media (max-width:1180px) {
  .operation-center-v1 .operation-center-v1__filters .operation-center-v1__filter-date { display:none; }
  .operation-center-v1 .operation-center-v1__filters.is-custom .operation-center-v1__filter-date {
    display:block;flex-basis:124px;
  }
}

/* Performance photos use one circular crop; the source image fills the frame. */
.operation-center-v1 .operation-center-v1__avatar-shell.has-photo {
  overflow:hidden;
  border:1px solid #687a72;
  border-radius:50%;
  background:#151a17;
  box-shadow:0 0 0 1px rgba(67,196,91,.16);
}
.operation-center-v1 .operation-center-v1__avatar-shell.has-photo > i {
  display:none;
}
.operation-center-v1 .operation-center-v1__avatar-shell.has-photo img.operation-center-v1__avatar {
  inset:-2px;
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  border:0;
  border-radius:50%;
  object-fit:cover;
  object-position:center 22%;
  background:#151a17;
  box-shadow:none;
}

/* Operation Center V1 — viewport-height fit. The approved visual language stays intact. */
body:has(#app.theme-dashboard-pro.view-dashboard .operation-center-v1) {
  overflow:hidden;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #content {
  overflow:hidden;
}
.operation-center-v1 {
  overflow-y:hidden;
}
.operation-center-v1 .operation-center-v1__dashboard {
  padding-bottom:0;
  grid-template-rows:96px 304px 328px minmax(78px,auto);
}
.operation-center-v1 .operation-center-v1__kpi-failure,
.operation-center-v1 .operation-center-v1__kpi {
  height:96px;
}
.operation-center-v1 .operation-center-v1__kpi {
  padding:8px 10px 7px;
}
.operation-center-v1 .operation-center-v1__kpi-body p {
  margin-bottom:3px;
}
.operation-center-v1 .operation-center-v1__kpi-body small {
  bottom:7px;
}
.operation-center-v1 .operation-center-v1__spark {
  bottom:4px;
  height:34px;
}
.operation-center-v1 .operation-center-v1__wallet-mini {
  bottom:5px;
}
.operation-center-v1 .operation-center-v1__updated {
  height:13px;
  padding:2px 4px 0;
  overflow:hidden;
  line-height:10px;
}

@media (max-height:960px) {
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .top {
    min-height:64px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .topSearch {
    height:36px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #dashDateChip,
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #notifBtn {
    width:36px;
    height:36px;
    min-width:36px;
  }
  .operation-center-v1 .operation-center-v1__filters {
    height:50px;
    min-height:50px;
  }
  .operation-center-v1 .operation-center-v1__dashboard {
    grid-template-rows:94px 260px 280px 64px;
    gap:8px;
  }
  .operation-center-v1 .operation-center-v1__kpi-failure,
  .operation-center-v1 .operation-center-v1__kpi {
    height:94px;
  }
  .operation-center-v1 .operation-center-v1__panel > header {
    height:39px;
    padding-inline:12px;
  }
  .operation-center-v1 .operation-center-v1__panel > footer,
  .operation-center-v1 .operation-center-v1__performance > footer,
  .operation-center-v1 .operation-center-v1__appointments > footer {
    height:35px;
  }
  .operation-center-v1 .operation-center-v1__today-grid {
    height:108px;
  }
  .operation-center-v1 .operation-center-v1__today-grid i {
    width:38px;
    height:38px;
    margin:5px 0 4px;
  }
  .operation-center-v1 .operation-center-v1__today-grid i svg {
    width:21px;
    height:21px;
  }
  .operation-center-v1 .operation-center-v1__today-grid strong {
    font-size:19px;
  }
  .operation-center-v1 .operation-center-v1__today-grid small {
    margin-top:4px;
  }
  .operation-center-v1 .operation-center-v1__goals {
    height:113px;
    padding:11px 13px 0;
    gap:12px;
  }
  .operation-center-v1 .operation-center-v1__cash-body {
    height:186px;
  }
  .operation-center-v1 .operation-center-v1__cash-values {
    padding:8px 0 0 13px;
  }
  .operation-center-v1 .operation-center-v1__cash-values p {
    margin-bottom:12px;
  }
  .operation-center-v1 .operation-center-v1__cash-values strong {
    margin-top:3px;
    font-size:18px;
  }
  .operation-center-v1 .operation-center-v1__cash-chart,
  .operation-center-v1 .operation-center-v1__cash-chart--empty {
    min-height:186px;
  }
  .operation-center-v1 .operation-center-v1__cash-chart {
    padding:29px 8px 19px 28px;
  }
  .operation-center-v1 .operation-center-v1__cash-chart svg {
    height:121px;
  }
  .operation-center-v1 .operation-center-v1__legend {
    top:8px;
    right:8px;
  }
  .operation-center-v1 .operation-center-v1__cash-y {
    top:33px;
    bottom:24px;
  }
  .operation-center-v1 .operation-center-v1__alert-list {
    max-height:211px;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .operation-center-v1 .operation-center-v1__alert-list > button {
    height:40px;
    padding-block:5px;
  }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div {
    height:34px;
  }
  .operation-center-v1 .operation-center-v1__appointments > header {
    height:39px;
  }
  .operation-center-v1 .operation-center-v1__appointment-list {
    padding-top:4px;
  }
  .operation-center-v1 .operation-center-v1__appointment-list > div {
    height:34px;
  }
  .operation-center-v1 .operation-center-v1__quick {
    padding:6px 10px 7px;
  }
  .operation-center-v1 .operation-center-v1__quick h2 {
    height:16px;
    font-size:13.5px;
  }
  .operation-center-v1 .operation-center-v1__quick > .operation-center-v1__quick-grid {
    height:34px;
  }
  .operation-center-v1 .operation-center-v1__quick-grid button {
    height:34px;
  }
  .operation-center-v1 .operation-center-v1__quick-grid button svg {
    width:17px;
    height:17px;
    flex-basis:17px;
  }
}

@media (max-height:820px) {
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .top {
    min-height:60px;
    padding-left:20px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading {
    gap:2px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading h1 {
    font-size:20px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .operation-center-v1__shell-heading p {
    font-size:10.5px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) .topSearch {
    height:34px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #dashDateChip,
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #notifBtn {
    width:34px;
    height:34px;
    min-width:34px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-avatar {
    width:30px;
    height:30px;
    flex-basis:30px;
  }
  .operation-center-v1 .operation-center-v1__filters {
    height:42px;
    min-height:42px;
  }
  .operation-center-v1 .operation-center-v1__filters select,
  .operation-center-v1 .operation-center-v1__filters input,
  .operation-center-v1 .operation-center-v1__refresh {
    height:34px;
  }
  .operation-center-v1 .operation-center-v1__dashboard {
    grid-template-rows:90px 220px 220px 56px;
    gap:7px;
  }
  .operation-center-v1 .operation-center-v1__kpi-failure,
  .operation-center-v1 .operation-center-v1__kpi {
    height:90px;
  }
  .operation-center-v1 .operation-center-v1__kpi {
    padding:6px 8px;
    gap:7px;
  }
  .operation-center-v1 .operation-center-v1__kpi-icon {
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:11px;
  }
  .operation-center-v1 .operation-center-v1__kpi-icon svg {
    width:22px;
    height:22px;
  }
  .operation-center-v1 .operation-center-v1__kpi-body p {
    font-size:11px;
  }
  .operation-center-v1 .operation-center-v1__kpi-body strong {
    font-size:20px;
  }
  .operation-center-v1 .operation-center-v1__kpi-body small {
    left:9px;
    right:75px;
    bottom:5px;
    font-size:8.5px;
  }
  .operation-center-v1 .operation-center-v1__spark {
    right:6px;
    bottom:3px;
    width:68px;
    height:29px;
  }
  .operation-center-v1 .operation-center-v1__wallet-mini {
    right:7px;
    bottom:4px;
    width:30px;
    height:30px;
  }
  .operation-center-v1 .operation-center-v1__panel > header,
  .operation-center-v1 .operation-center-v1__appointments > header {
    height:33px;
    padding-inline:10px;
  }
  .operation-center-v1 .operation-center-v1__panel h2 {
    font-size:13px;
  }
  .operation-center-v1 .operation-center-v1__panel h2 small {
    font-size:10px;
  }
  .operation-center-v1 .operation-center-v1__panel > footer,
  .operation-center-v1 .operation-center-v1__performance > footer,
  .operation-center-v1 .operation-center-v1__appointments > footer {
    height:31px;
  }
  .operation-center-v1 .operation-center-v1__panel > footer button,
  .operation-center-v1 .operation-center-v1__panel > header button {
    font-size:10.5px;
  }
  .operation-center-v1 .operation-center-v1__today-grid {
    height:92px;
    margin-inline:6px;
  }
  .operation-center-v1 .operation-center-v1__today-grid span,
  .operation-center-v1 .operation-center-v1__today-grid small {
    font-size:9px;
  }
  .operation-center-v1 .operation-center-v1__today-grid i {
    width:32px;
    height:32px;
    margin:3px 0 2px;
  }
  .operation-center-v1 .operation-center-v1__today-grid i svg {
    width:18px;
    height:18px;
  }
  .operation-center-v1 .operation-center-v1__today-grid strong {
    font-size:17px;
  }
  .operation-center-v1 .operation-center-v1__today-grid small {
    min-height:11px;
    margin-top:2px;
  }
  .operation-center-v1 .operation-center-v1__goals {
    height:95px;
    padding:8px 10px 0;
    gap:9px;
  }
  .operation-center-v1 .operation-center-v1__goals p,
  .operation-center-v1 .operation-center-v1__goals p span:first-child {
    font-size:10px;
  }
  .operation-center-v1 .operation-center-v1__goals p span {
    margin-bottom:5px;
  }
  .operation-center-v1 .operation-center-v1__goal-bar {
    height:6px;
  }
  .operation-center-v1 .operation-center-v1__cash-body {
    height:156px;
  }
  .operation-center-v1 .operation-center-v1__cash-values {
    padding:6px 0 0 10px;
  }
  .operation-center-v1 .operation-center-v1__cash-values p {
    margin-bottom:8px;
    font-size:10px;
  }
  .operation-center-v1 .operation-center-v1__cash-values strong {
    margin-top:2px;
    font-size:16px;
  }
  .operation-center-v1 .operation-center-v1__cash-values strong.net svg {
    width:21px;
    height:21px;
    flex-basis:21px;
  }
  .operation-center-v1 .operation-center-v1__cash-chart,
  .operation-center-v1 .operation-center-v1__cash-chart--empty {
    min-height:156px;
  }
  .operation-center-v1 .operation-center-v1__cash-chart {
    padding:24px 6px 17px 27px;
  }
  .operation-center-v1 .operation-center-v1__cash-chart svg {
    height:104px;
  }
  .operation-center-v1 .operation-center-v1__legend {
    top:6px;
    gap:8px;
    font-size:9px;
  }
  .operation-center-v1 .operation-center-v1__cash-y {
    top:27px;
    bottom:21px;
    font-size:7px;
  }
  .operation-center-v1 .operation-center-v1__cash-axis {
    font-size:7.5px;
  }
  .operation-center-v1 .operation-center-v1__alert-list {
    max-height:180px;
    margin-inline:7px;
  }
  .operation-center-v1 .operation-center-v1__alert-list > button {
    height:34px;
    grid-template-columns:28px minmax(0,1fr) 21px 62px 12px;
    gap:5px;
    padding:3px 6px;
  }
  .operation-center-v1 .operation-center-v1__alert-list > button > i {
    width:27px;
    height:27px;
  }
  .operation-center-v1 .operation-center-v1__alert-list button strong {
    font-size:10.5px;
  }
  .operation-center-v1 .operation-center-v1__alert-list button small,
  .operation-center-v1 .operation-center-v1__alert-list button > em {
    font-size:8.5px;
  }
  .operation-center-v1 .operation-center-v1__table-head {
    height:19px;
    padding-inline:8px;
    font-size:8.5px;
  }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div {
    height:27px;
    padding-inline:8px;
    font-size:9.2px;
  }
  .operation-center-v1 .operation-center-v1__avatar-shell,
  .operation-center-v1 .operation-center-v1__avatar-shell .operation-center-v1__avatar,
  .operation-center-v1 .operation-center-v1__avatar-shell img.operation-center-v1__avatar,
  .operation-center-v1 .operation-center-v1__avatar--unit {
    width:22px;
    height:22px;
    flex-basis:22px;
  }
  .operation-center-v1 .operation-center-v1__avatar--unit svg {
    width:13px;
    height:13px;
  }
  .operation-center-v1 .operation-center-v1__performance-row strong {
    font-size:9.5px;
  }
  .operation-center-v1 .operation-center-v1__progress {
    height:6px;
  }
  .operation-center-v1 .operation-center-v1__appointment-list {
    padding:0 7px;
  }
  .operation-center-v1 .operation-center-v1__appointment-list > div {
    height:29px;
    grid-template-columns:38px 1.04fr .82fr .82fr 55px;
    font-size:9px;
  }
  .operation-center-v1 .operation-center-v1__appointment-list time {
    width:35px;
    height:20px;
    font-size:8.5px;
  }
  .operation-center-v1 .operation-center-v1__appointment strong {
    font-size:9.5px;
  }
  .operation-center-v1 .operation-center-v1__appointment-list b {
    padding:3px 4px;
    font-size:8px;
  }
  .operation-center-v1 .operation-center-v1__quick {
    padding:4px 8px 5px;
  }
  .operation-center-v1 .operation-center-v1__quick h2 {
    height:14px;
    font-size:12px;
  }
  .operation-center-v1 .operation-center-v1__quick > .operation-center-v1__quick-grid {
    height:32px;
    gap:6px;
  }
  .operation-center-v1 .operation-center-v1__quick-grid button {
    height:32px;
    padding-inline:6px;
    gap:5px;
    font-size:10px;
  }
  .operation-center-v1 .operation-center-v1__quick-grid button svg {
    width:15px;
    height:15px;
    flex-basis:15px;
  }
  .operation-center-v1 .operation-center-v1__updated {
    height:10px;
    padding-top:1px;
    font-size:7.5px;
    line-height:8px;
  }
}

@media (max-height:700px) {
  .operation-center-v1 {
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

/* V1 referans eşleştirmesi: ikon, grafik ve gerçek görsel sunumu. */
.operation-center-v1 .operation-center-v1__kpi-icon {
  width:48px;height:48px;flex-basis:48px;border-radius:13px;
  background:linear-gradient(145deg,var(--icon-bg),rgba(7,10,8,.54));
  box-shadow:inset 0 0 19px var(--icon-glow),0 0 14px color-mix(in srgb,var(--accent) 10%,transparent);
}
.operation-center-v1 .operation-center-v1__kpi-icon svg {
  width:27px;height:27px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.operation-center-v1 .operation-center-v1__spark {
  right:8px;bottom:6px;width:82px;height:39px;overflow:visible;
}
.operation-center-v1 .operation-center-v1__spark .line {
  fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 38%,transparent));
}
.operation-center-v1 .operation-center-v1__spark .fill { stroke:none; }
.operation-center-v1 .operation-center-v1__spark circle { filter:drop-shadow(0 0 2px currentColor); }
.operation-center-v1 .operation-center-v1__wallet-mini {
  right:9px;bottom:7px;width:35px;height:35px;border-radius:50%;
  background:radial-gradient(circle,#201b0c,#11110c 72%);box-shadow:0 0 12px rgba(255,189,0,.08);
}
.operation-center-v1 .operation-center-v1__wallet-mini svg { width:19px;height:19px;stroke-width:1.7; }

.operation-center-v1 .operation-center-v1__cash-values strong.green { color:#27d447; }
.operation-center-v1 .operation-center-v1__cash-values strong.red { color:#ff3b36; }
.operation-center-v1 .operation-center-v1__cash-values strong.net {
  display:flex;align-items:center;gap:7px;color:#f0f1ee;
}
.operation-center-v1 .operation-center-v1__cash-values strong.net svg {
  width:27px;height:27px;flex:0 0 27px;color:#2bd44a;stroke-width:1.9;
}
.operation-center-v1 .operation-center-v1__cash-values strong.net.is-down svg {
  color:#ff3b36;transform:rotate(90deg);
}
.operation-center-v1 .operation-center-v1__cash-chart .in-area { fill:url(#ocCashIn); }
.operation-center-v1 .operation-center-v1__cash-chart .out-area { fill:url(#ocCashOut); }
.operation-center-v1 .operation-center-v1__cash-chart .in-line,
.operation-center-v1 .operation-center-v1__cash-chart .out-line {
  fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.operation-center-v1 .operation-center-v1__cash-chart .in-line {
  stroke:#26ce43;filter:drop-shadow(0 0 2px rgba(38,206,67,.34));
}
.operation-center-v1 .operation-center-v1__cash-chart .out-line {
  stroke:#ff332f;filter:drop-shadow(0 0 2px rgba(255,51,47,.3));
}
.operation-center-v1 .operation-center-v1__cash-chart .in-dot { fill:#26ce43; }
.operation-center-v1 .operation-center-v1__cash-chart .out-dot { fill:#ff332f; }

.operation-center-v1 .operation-center-v1__avatar-shell {
  position:relative;width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;
}
.operation-center-v1 .operation-center-v1__avatar-shell .operation-center-v1__avatar {
  position:absolute;inset:0;width:27px;height:27px;
}
.operation-center-v1 .operation-center-v1__avatar-shell img.operation-center-v1__avatar {
  z-index:1;display:block;object-fit:cover;object-position:center 24%;background:#151a17;
  border-color:#75857d;box-shadow:0 0 0 1px rgba(67,196,91,.18);
}
.operation-center-v1 .operation-center-v1__avatar--unit {
  width:27px;height:27px;border-radius:7px;text-shadow:none;
}
.operation-center-v1 .operation-center-v1__avatar--unit svg {
  width:16px;height:16px;stroke-width:1.7;
}
.operation-center-v1 .operation-center-v1__avatar--unit.is-clinic {
  color:#5bb8ff;border-color:#24577c;background:linear-gradient(145deg,#123d59,#0b202e);
}
.operation-center-v1 .operation-center-v1__avatar--unit.is-branch {
  color:#f3bc28;border-color:#6c5316;background:linear-gradient(145deg,#46350d,#19160c);
}
.operation-center-v1 .operation-center-v1__table-head span { white-space:nowrap; }
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head.operation-center-v1__branch-cols,
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div.operation-center-v1__branch-cols {
  grid-template-columns:minmax(150px,1.62fr) minmax(60px,.82fr) minmax(60px,.82fr) minmax(90px,.94fr);
}
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head.operation-center-v1__staff-cols,
.operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div.operation-center-v1__staff-cols {
  grid-template-columns:minmax(128px,1.5fr) minmax(62px,.8fr) minmax(62px,.82fr) 42px minmax(94px,1fr);
}
.operation-center-v1 .operation-center-v1__conversion {
  display:flex!important;align-items:center;gap:5px;overflow:visible!important;
}
.operation-center-v1 .operation-center-v1__conversion > b {
  width:36px;flex:0 0 36px;text-align:right;font-weight:650;
}
.operation-center-v1 .operation-center-v1__progress {
  width:55px;height:7px;margin-left:0;background:#303532;
}
.operation-center-v1 .operation-center-v1__progress.is-green u { background:#2dca47; }
.operation-center-v1 .operation-center-v1__progress.is-gold u { background:#d7aa13; }
.operation-center-v1 .operation-center-v1__progress.is-orange u { background:#e66612; }
.operation-center-v1 .operation-center-v1__progress.is-red u { background:#ff3934; }

#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox.operation-center-v1__header-profile {
  min-width:142px;max-width:172px!important;display:flex;align-items:center;gap:9px;
  overflow:visible;color:#eef0ed!important;font-size:12px;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-avatar {
  position:relative;width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;
  overflow:hidden;border:2px solid #52ca68;border-radius:50%;color:#fff;
  background:linear-gradient(145deg,#31574f,#15221f);font-size:9px;
  box-shadow:0 0 0 2px rgba(37,88,48,.36);
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-avatar img {
  position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 22%;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-copy {
  min-width:0;display:grid;gap:2px;text-align:left;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-copy strong,
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-copy small {
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-copy strong {
  color:#f0f1ef;font-size:11.5px;line-height:1.1;
}
#app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-copy small {
  color:#aeb4af;font-size:9.5px;font-weight:500;
}

@media (max-width:1450px) {
  .operation-center-v1 .operation-center-v1__kpi-icon { width:44px;height:44px;flex-basis:44px; }
  .operation-center-v1 .operation-center-v1__kpi-icon svg { width:24px;height:24px; }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head.operation-center-v1__branch-cols,
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div.operation-center-v1__branch-cols {
    grid-template-columns:minmax(132px,1.55fr) minmax(55px,.8fr) minmax(55px,.8fr) minmax(82px,.95fr);
  }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head.operation-center-v1__staff-cols,
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div.operation-center-v1__staff-cols {
    grid-template-columns:minmax(114px,1.42fr) minmax(56px,.78fr) minmax(56px,.8fr) 38px minmax(86px,1fr);
  }
  .operation-center-v1 .operation-center-v1__progress { width:46px; }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox.operation-center-v1__header-profile {
    min-width:126px;max-width:146px!important;gap:7px;
  }
  #app.theme-dashboard-pro.view-dashboard:has(.operation-center-v1) #userBox .operation-center-v1__header-avatar {
    width:32px;height:32px;flex-basis:32px;
  }
}

/* Şube listesi için son mobil okunaklılık katmanı (genel kompakt kuralları ezer). */
@media (max-width:760px) {
  [data-ocm-view="branches"] .ocm-view-heading{min-height:58px;padding:9px 5px 11px}
  [data-ocm-view="branches"] .ocm-view-heading span{color:#d5b650;font-size:10px}
  [data-ocm-view="branches"] .ocm-view-heading h2{font-size:22px}
  [data-ocm-view="branches"] .ocm-panel>header{min-height:72px;padding:14px 15px}
  [data-ocm-view="branches"] .ocm-panel>header span{color:#d6b752;font-size:10px}
  [data-ocm-view="branches"] .ocm-panel>header h2{font-size:18px}
  [data-ocm-view="branches"] .ocm-panel>header>b{color:#82c996;font-size:12px}
  [data-ocm-view="branches"] .ocm-branch-list{padding:4px 11px 9px}
  [data-ocm-view="branches"] .ocm-branch-list>button{min-height:112px;padding:15px 4px;grid-template-columns:42px minmax(0,1fr) minmax(112px,.9fr) 20px;gap:10px}
  [data-ocm-view="branches"] .ocm-branch-list>button:active{background:rgba(214,176,77,.08)}
  [data-ocm-view="branches"] .ocm-branch-list>button>svg{width:20px;height:20px;color:#ef625b;stroke-width:2.4}
  [data-ocm-view="branches"] .ocm-branch-avatar{width:42px;height:42px;border-radius:12px}
  [data-ocm-view="branches"] .ocm-branch-avatar svg{width:22px;height:22px}
  [data-ocm-view="branches"] .ocm-branch-copy,[data-ocm-view="branches"] .ocm-branch-money{gap:7px}
  [data-ocm-view="branches"] .ocm-branch-copy strong{overflow:visible;color:#f1f5f2;font-size:15px;line-height:1.25;text-overflow:clip;white-space:normal}
  [data-ocm-view="branches"] .ocm-branch-copy small{overflow:visible;color:#79b8e9;font-size:11px;line-height:1.35;text-overflow:clip;white-space:normal}
  [data-ocm-view="branches"] .ocm-branch-money strong{overflow:visible;color:#67d184;font-size:15px;line-height:1.2;text-overflow:clip;white-space:normal}
  [data-ocm-view="branches"] .ocm-branch-money small{overflow:visible;color:#a8b4ac;font-size:10.5px;line-height:1.3;text-overflow:clip;white-space:normal}
  [data-ocm-view="branches"] .ocm-branch-money em{overflow:visible;color:#e2bf57;font-size:10.5px;line-height:1.3;text-overflow:clip;white-space:normal}
}

/* Telefon izin ekranı: özet/takvim ayrımı, okunaklı personel kartları ve detay. */
@media (max-width:760px) {
  [data-ocm-view="leaves"] .ocm-view-heading{min-height:58px;padding:9px 5px 11px}
  [data-ocm-view="leaves"] .ocm-view-heading span{color:#d7b958;font-size:10px}
  [data-ocm-view="leaves"] .ocm-view-heading h2{font-size:22px}
  .ocm-leave-toolbar{min-height:56px;margin:7px 0 10px;align-items:center}
  .ocm-leave-toolbar label{gap:6px}.ocm-leave-toolbar label>span{color:#d6b958;font-size:10px;font-weight:850}
  .ocm-leave-toolbar select{width:118px;height:46px;padding:0 12px;font-size:14px}
  .ocm-leave-toolbar>button{height:48px;padding:0 17px;gap:9px;border-radius:11px;font-size:13px}
  .ocm-leave-toolbar>button svg{width:19px;height:19px}
  .ocm-leave-toolbar>em{padding:0;color:#9ba69f;font-size:10px}
  .ocm-leave-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px;padding:5px;border:1px solid #2a342e;border-radius:13px;background:#101512}
  .ocm-leave-tabs button{display:flex;height:52px;padding:0 8px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;color:#9ba69f;background:transparent;font-size:12px;font-weight:800}
  .ocm-leave-tabs button svg{width:19px;height:19px}.ocm-leave-tabs button.is-active{border-color:rgba(214,176,77,.32);color:#e8c75e;background:linear-gradient(135deg,rgba(118,91,22,.25),rgba(35,31,16,.72))}
  .ocm-leave-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:11px}
  .ocm-leave-summary article{display:flex;min-height:112px;padding:13px 9px;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}
  .ocm-leave-summary span{overflow:visible;color:#d8bb5c;font-size:11px;font-weight:900;white-space:normal}
  .ocm-leave-summary strong{margin:0;color:#f2f6f3;font-size:27px;line-height:1}
  .ocm-leave-summary small{overflow:visible;color:#a2aea6;font-size:10.5px;white-space:normal}
  .ocm-leave-summary article.is-blue{border-color:rgba(87,162,229,.25);background:linear-gradient(145deg,rgba(33,83,127,.18),#0d1110)}.ocm-leave-summary article.is-blue strong{color:#72baf2}
  .ocm-leave-summary article.is-gold strong{color:#e2bf58}.ocm-leave-summary article.is-green strong{color:#68d286}
  .ocm-leave-warning{padding:10px 12px;font-size:10px;line-height:1.4}
  .ocm-leave-balances>header,.ocm-leave-today>header,.ocm-leave-calendar>header,.ocm-leave-records>header{min-height:72px;padding:14px 15px}
  .ocm-leave-balances>header span,.ocm-leave-today>header span,.ocm-leave-calendar>header span,.ocm-leave-records>header span{color:#d7b958;font-size:10px}
  .ocm-leave-balances>header h2,.ocm-leave-today>header h2,.ocm-leave-calendar>header h2,.ocm-leave-records>header h2{font-size:18px}
  .ocm-leave-balances>header>b,.ocm-leave-today>header>b,.ocm-leave-records>header>b{color:#78d18f;font-size:12px}
  .ocm-leave-balances>div{padding:4px 11px 9px}
  .ocm-leave-balances>div>button{display:grid;width:100%;min-height:126px;padding:14px 3px;grid-template-columns:44px minmax(0,1fr) 66px;align-items:center;gap:11px;border:0;border-bottom:1px solid #25302a;border-radius:0;color:#eef2ef;background:transparent;text-align:left}
  .ocm-leave-balances>div>button:last-child{border-bottom:0}.ocm-leave-balances>div>button:active{background:rgba(214,176,77,.07)}
  .ocm-leave-balances>div>button>i{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(214,176,77,.25);border-radius:50%;color:#dfbf61;background:rgba(168,132,36,.13);font-size:11px;font-style:normal;font-weight:900}
  .ocm-leave-balances>div>button>span{display:grid;min-width:0;gap:7px}.ocm-leave-balances>div>button>span strong{overflow:visible;color:#f1f5f2;font-size:15px;line-height:1.25;white-space:normal}
  .ocm-leave-balances>div>button>span small{overflow:visible;color:#84bce5;font-size:10.5px;line-height:1.35;white-space:normal}
  .ocm-leave-balances>div>button>span>small:last-child{color:#a6b2aa}
  .ocm-leave-balances>div>button>span em{display:block;height:6px;overflow:hidden;border-radius:999px;background:#29322d}.ocm-leave-balances>div>button>span em b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e0bb51,#68cf84)}
  .ocm-leave-balances>div>button>b{display:grid;justify-items:center;gap:5px}.ocm-leave-balances>div>button>b strong{color:#68d286;font-size:22px}.ocm-leave-balances>div>button>b small{color:#a2aea6;font-size:9.5px}.ocm-leave-balances>div>button>b svg{width:17px;height:17px;color:#ef625b}
  .ocm-leave-today>div{padding:4px 11px 9px}.ocm-leave-today>div>button{display:grid;width:100%;min-height:86px;padding:12px 2px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #25302a;color:#eef2ef;background:transparent;text-align:left}.ocm-leave-today>div>button:last-child{border:0}
  .ocm-leave-today>div>button>i{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:#68d286;background:rgba(45,137,71,.17);font-size:10px;font-style:normal;font-weight:900}.ocm-leave-today>div>button>span{display:grid;gap:6px}.ocm-leave-today>div strong{font-size:14px}.ocm-leave-today>div small{color:#79b7e6;font-size:10px}.ocm-leave-today>div>button>b{color:#e1be58;font-size:11px}
  .ocm-leave-calendar>header h2{font-size:17px}.ocm-leave-month-nav{gap:8px}.ocm-leave-month-nav button{width:40px;height:40px;font-size:27px}
  .ocm-calendar-week,.ocm-calendar-grid{gap:5px;padding-right:11px;padding-left:11px}.ocm-calendar-week{padding-top:12px}.ocm-calendar-week b{color:#a0aba4;font-size:9.5px}.ocm-calendar-grid{padding-top:8px;padding-bottom:13px}.ocm-calendar-grid>span{height:48px;border-radius:9px}.ocm-calendar-grid>span>b{font-size:12px}.ocm-calendar-grid>span>i{right:4px;bottom:4px;width:15px;height:15px;font-size:8px}
  .ocm-leave-list{padding:13px 14px 9px}.ocm-leave-list h3{margin-bottom:7px;font-size:14px}.ocm-leave-list h3 small{color:#78c78e;font-size:10px}.ocm-leave-list>div{min-height:76px;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:11px 0}.ocm-leave-list>div>i{width:40px;height:40px;font-size:10px}.ocm-leave-list>div>span{gap:6px}.ocm-leave-list>div strong{font-size:14px}.ocm-leave-list>div small{overflow:visible;color:#82b8df;font-size:10px;line-height:1.35;white-space:normal}.ocm-leave-list>div>b{color:#68d286;font-size:11px}
  .ocm-leave-employee-detail .ocm-detail-head{min-height:66px}.ocm-leave-employee-detail .ocm-detail-head span{font-size:9px}.ocm-leave-employee-detail .ocm-detail-head h2{font-size:21px}
  .ocm-leave-person-card{display:grid;min-height:94px;margin-bottom:10px;padding:13px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid rgba(214,176,77,.27);border-radius:13px;background:linear-gradient(135deg,rgba(112,86,21,.18),rgba(16,27,20,.9))}
  .ocm-leave-person-card>i{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#e2c269;background:rgba(170,132,34,.15);font-size:12px;font-style:normal;font-weight:900}.ocm-leave-person-card>span{display:grid;min-width:0;gap:6px}.ocm-leave-person-card>span strong{color:#f2f5f2;font-size:16px}.ocm-leave-person-card>span small{color:#7db8e4;font-size:10.5px}
  .ocm-leave-person-card>button{display:flex;height:42px;padding:0 10px;align-items:center;gap:6px;border:1px solid rgba(83,198,113,.3);border-radius:9px;color:#e9f5ec;background:linear-gradient(135deg,#269b4a,#176e35);font-size:10px;font-weight:850}.ocm-leave-person-card>button svg{width:16px;height:16px}
  .ocm-leave-person-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.ocm-leave-person-metrics article{display:flex;min-height:105px;padding:10px 6px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #2b3630;border-radius:11px;background:linear-gradient(145deg,#161c19,#0d1210);text-align:center}.ocm-leave-person-metrics span{color:#d8bb5c;font-size:10px;font-weight:850}.ocm-leave-person-metrics strong{color:#f2f5f2;font-size:24px}.ocm-leave-person-metrics small{color:#9eaaa2;font-size:10px}.ocm-leave-person-metrics .is-gold strong{color:#e2bf58}.ocm-leave-person-metrics .is-green strong{color:#69d487}
  .ocm-leave-records>div{display:grid;gap:9px;padding:10px}.ocm-leave-records>div>article{padding:13px;border:1px solid #29342e;border-radius:11px;background:#101612}.ocm-leave-records>div>article.is-cancelled{opacity:.62}.ocm-leave-records article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ocm-leave-records article>header>span{display:grid;min-width:0;gap:6px}.ocm-leave-records article>header strong{color:#f1f4f2;font-size:14px;line-height:1.3}.ocm-leave-records article>header small{color:#72b8ef;font-size:10.5px}.ocm-leave-records article>header>b{padding:5px 8px;border-radius:999px;color:#68d286;background:rgba(45,137,71,.16);font-size:9px;white-space:nowrap}.ocm-leave-records article.is-cancelled>header>b{color:#ef746e;background:rgba(141,42,38,.17)}
  .ocm-leave-records article>div{display:flex;margin-top:10px;align-items:center;justify-content:space-between;gap:10px;color:#a5b0a9;font-size:10px}.ocm-leave-records article>div span{display:flex;align-items:center;gap:5px}.ocm-leave-records article>div svg{width:14px;height:14px;color:#dabb58}.ocm-leave-records article>p{margin:10px 0 0;padding-top:9px;border-top:1px solid #25302a;color:#cbd2cd;font-size:10.5px;line-height:1.45}
}

/* Finans yetkili masaüstü: sekiz KPI tek satırda, şube tablosu altı sütunda. */
@media (min-width:761px) {
  .operation-center-v1 .operation-center-v1__kpis--finance {
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:7px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi {
    padding-inline:7px;
    gap:6px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-icon {
    width:36px;height:36px;flex-basis:36px;border-radius:10px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-icon svg {
    width:20px;height:20px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body p {
    margin-bottom:3px;font-size:10.5px;line-height:1.1;white-space:normal;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body strong {
    overflow:hidden;font-size:clamp(16px,1.28vw,20px);text-overflow:ellipsis;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body em {
    font-size:9px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body small {
    left:49px;right:6px;bottom:5px;display:-webkit-box;max-height:20px;overflow:hidden;
    font-size:8.4px;line-height:1.15;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__wallet-mini {
    display:none;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__spark {
    left:7px;right:auto;bottom:5px;width:35px;height:18px;
  }
  .operation-center-v1 .operation-center-v1__performance-row--finance {
    grid-template-columns:minmax(0,1.38fr) minmax(0,.92fr) minmax(0,.8fr);
  }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head.operation-center-v1__branch-cols--finance,
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div.operation-center-v1__branch-cols--finance {
    grid-template-columns:minmax(120px,1.65fr) minmax(55px,.75fr) minmax(60px,.8fr) minmax(50px,.68fr) minmax(50px,.68fr) minmax(90px,1fr);
    column-gap:4px;
  }
}

@media (min-width:761px) and (max-width:1450px) {
  .operation-center-v1 .operation-center-v1__kpis--finance {
    gap:6px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi {
    padding-inline:6px;
    gap:4px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-icon {
    width:30px;height:30px;flex-basis:30px;border-radius:8px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-icon svg {
    width:17px;height:17px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body {
    padding-top:0;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body p {
    min-height:21px;margin-bottom:1px;font-size:9.5px;line-height:1.08;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body > div {
    display:grid;align-items:start;gap:1px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body strong {
    font-size:15px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body em {
    margin-top:1px;font-size:8px;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__kpi-body small {
    left:41px;right:4px;bottom:4px;max-height:19px;font-size:8.5px;line-height:1.08;
  }
  .operation-center-v1 .operation-center-v1__kpis--finance .operation-center-v1__spark {
    left:5px;bottom:4px;width:31px;height:16px;
  }
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-head.operation-center-v1__branch-cols--finance,
  .operation-center-v1 .operation-center-v1__performance .operation-center-v1__table-body > div.operation-center-v1__branch-cols--finance {
    grid-template-columns:minmax(104px,1.5fr) minmax(48px,.72fr) minmax(50px,.78fr) minmax(48px,.68fr) minmax(48px,.68fr) minmax(74px,.9fr);
    padding-inline:8px;
    column-gap:3px;
  }
  .operation-center-v1 .operation-center-v1__performance-row--finance .operation-center-v1__performance:not(.operation-center-v1__performance--branch) .operation-center-v1__table-head.operation-center-v1__staff-cols,
  .operation-center-v1 .operation-center-v1__performance-row--finance .operation-center-v1__performance:not(.operation-center-v1__performance--branch) .operation-center-v1__table-body > div.operation-center-v1__staff-cols {
    grid-template-columns:minmax(92px,1.35fr) minmax(48px,.75fr) minmax(50px,.78fr) 34px minmax(74px,.95fr);
    padding-inline:7px;
    column-gap:2px;
  }
  .operation-center-v1 .operation-center-v1__performance-row--finance .operation-center-v1__conversion {
    gap:3px;
  }
  .operation-center-v1 .operation-center-v1__performance-row--finance .operation-center-v1__conversion > b {
    width:32px;flex-basis:32px;
  }
  .operation-center-v1 .operation-center-v1__performance-row--finance .operation-center-v1__progress {
    width:35px;
  }
}