.op-cs{--cs-line:#dce5f0;--cs-ink:#173252;--cs-muted:#60738d;color:var(--cs-ink);font-size:14px;line-height:1.55}
.op-cs button.primary:hover:not(:disabled){background:#124cbb;color:#fff;border-color:#124cbb}
.op-cs *{box-sizing:border-box}.op-cs h3{margin:0 0 8px;font-size:21px}.op-cs p{margin:10px 0}.op-cs button,.op-cs input,.op-cs select,.op-cs textarea{font:inherit}.op-cs button{min-height:40px;padding:9px 15px;border:1px solid #ccd9e9;border-radius:10px;background:#fff;color:#234362;cursor:pointer;font-weight:650}.op-cs button:hover:not(:disabled){background:#f0f6ff;border-color:#7da4dd}.op-cs button:disabled{opacity:.5;cursor:not-allowed}.op-cs button.primary{background:#165ddb;color:#fff;border-color:#165ddb}.op-cs :is(button,input,select,textarea):focus-visible{outline:3px solid #a6c7ff;outline-offset:2px}
.op-cs :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;min-height:42px;border:1px solid #cfdaea;border-radius:9px;padding:9px 11px;background:#fff;color:#173252;box-shadow:0 1px 2px #17325205}.op-cs input[readonly],.op-cs select:disabled{background:#f2f5fa;color:#63738b}.op-cs textarea{resize:vertical;min-height:85px}.op-cs input[type=checkbox]{width:17px;height:17px;accent-color:#165ddb}.op-cs label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#536782}.op-cs small{color:var(--cs-muted);font-size:12px;font-weight:400}
.op-cs .op-ds-toolbar{gap:16px;flex-wrap:wrap}.op-cs .cs-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.op-cs .cs-explain{background:#edf4ff;border:1px solid #d8e6fa;border-left:4px solid #3a78d6;border-radius:12px;padding:14px 17px;color:#38587d;margin:16px 0}.op-cs .cs-explain summary{cursor:pointer;font-weight:650}.op-cs .cs-explain p{font-size:13px;margin:8px 0 0}
.op-cs .cs-filters{background:#fff;border:1px solid var(--cs-line);border-radius:14px;padding:16px;display:grid;grid-template-columns:minmax(200px,2fr) repeat(4,minmax(130px,1fr));gap:12px;box-shadow:0 4px 14px #18385e04}.op-cs .cs-filter-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.op-cs [data-cs-status]:empty{display:none}.op-cs [data-cs-status]{white-space:pre-line;color:#60738d;font-size:13px;padding:8px 0}.op-cs .cs-pagination{margin:16px 0 0;display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--cs-muted);font-size:12px}.op-cs .cs-empty{padding:45px 20px!important;text-align:center}.op-cs .cs-empty b{display:block;color:#34506f;font-size:17px;margin:9px 0}.op-cs .cs-empty p{max-width:410px;margin:0 auto 18px;color:#73849c}.op-cs .cs-symbol{font-size:25px;color:#4478bc;background:#edf4ff;width:60px;height:60px;border-radius:17px;display:inline-grid;place-items:center}
.op-cs .op-ds-table{box-shadow:0 4px 14px #18385e04}.op-cs .op-ds-table table{min-width:760px}.op-cs .op-ds-table td{vertical-align:middle}.op-cs .cs-badge{display:inline-block;border-radius:7px;background:#eef3fb;padding:4px 8px;font-size:12px;white-space:nowrap;color:#456184}.op-cs .cs-badge[data-state=tahsil_edildi]{background:#e5f7ee;color:#15764c}.op-cs .cs-badge[data-state=karsiliksiz],.op-cs .cs-badge[data-state=protestolu]{background:#fff0ee;color:#ac3c31}.op-cs .cs-badge[data-state=portfoyde]{background:#fff5dc;color:#906318}
.op-cs .op-ds-form{max-width:1100px;margin:auto}.op-cs .op-ds-form .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.op-cs .op-ds-form label.wide{grid-column:1/-1}.op-cs .form-actions{display:flex;gap:10px;justify-content:flex-end}.op-cs [data-parties]{display:grid;gap:4px;max-height:240px;overflow:auto}.op-cs [data-parties] button{text-align:left;background:#f4f8ff}.op-cs [data-selected]{color:#176842}.op-cs [data-close-form] .op-ds-form{display:grid;gap:14px;margin:18px 0}.op-cs [data-state]{display:grid;gap:14px;margin:20px 0}
.op-cs .cs-print-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start}.op-cs .cs-print-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid var(--cs-line);border-radius:15px;padding:20px}.op-cs .cs-print-fields .wide{grid-column:1/-1}.op-cs .cs-preview{background:#e7edf5;border:1px solid #d1dce9;border-radius:15px;padding:18px;min-width:0}.op-cs .cs-preview iframe{display:block;width:100%;height:560px;border:0;background:white;border-radius:6px}.op-cs .cs-preview-placeholder{background:white;padding:80px 25px;text-align:center;min-height:400px;display:grid;align-content:center;border-radius:8px;color:var(--cs-muted)}.op-cs .cs-preview-toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.op-cs .cs-preview-toolbar span{margin-right:auto;align-self:center;font-weight:650;font-size:13px}.op-cs .cs-required{font-size:12px;color:#8a6440;background:#fff7e8;border:1px solid #f0dfbd;border-radius:10px;padding:10px 12px}
@media(max-width:1250px){.op-cs .cs-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.op-cs .cs-print-layout{grid-template-columns:1fr}.op-cs .cs-print-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.op-cs .cs-filters,.op-cs .op-ds-form .fields,.op-cs .cs-print-fields{grid-template-columns:1fr}.op-cs .cs-filter-actions{justify-content:stretch}.op-cs .cs-filter-actions button{flex:1}.op-cs .op-ds-toolbar>div{width:100%}.op-cs .cs-actions{width:100%}.op-cs .cs-actions button{flex:1}.op-cs .cs-preview{padding:10px}.op-cs .cs-preview iframe{height:430px}.op-cs .cs-print-fields{padding:15px}}

.op-cs [hidden]{display:none!important}.op-cs .cs-schedule{max-height:290px;overflow:auto;background:#f0f6ff;border:1px solid #cbdaf1;border-radius:12px;padding:12px}.op-cs .cs-schedule table{width:100%;margin-top:8px}.op-cs .cs-pagination label{display:flex;align-items:center;gap:8px}.op-cs .cs-pagination select{border:1px solid #d1dcef;border-radius:8px;padding:7px;background:white}
.op-cs .op-ds-form .fields>.wide{grid-column:1/-1}.op-cs [data-note-terms]{display:grid;gap:14px}.op-cs .cs-schedule table{border-collapse:collapse;font-size:12px}.op-cs .cs-schedule th,.op-cs .cs-schedule td{padding:7px 9px;border-bottom:1px solid #d8e4f3;text-align:left}.op-cs .cs-schedule th:last-child,.op-cs .cs-schedule td:last-child{text-align:right;white-space:nowrap}.op-cs .cs-schedule th:nth-child(2),.op-cs .cs-schedule td:nth-child(2){white-space:nowrap}.op-cs .cs-schedule td:first-child{overflow-wrap:anywhere}.op-cs .cs-schedule tr:last-child td{border-bottom:0}