:root { --cek-ink:#17212b; --cek-muted:#667085; --cek-line:#e4e7ec; --cek-accent:#0f766e; --cek-accent-soft:#e6f6f3; }
.cek-shell { max-width:1500px; margin:0 auto; padding:18px 20px 48px; color:var(--cek-ink); font-family:Inter,"Segoe UI",sans-serif; }
.cek-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:26px 28px; border-radius:22px; color:white; background:linear-gradient(125deg,#142c36,#0f766e); box-shadow:0 16px 38px rgba(20,44,54,.18); }
.cek-header h1 { margin:4px 0 6px; font-size:clamp(1.55rem,2.6vw,2.35rem); letter-spacing:-.035em; }
.cek-header p { margin:0; color:#d6f3ee; }
.eyebrow { font-size:.72rem; letter-spacing:.16em; font-weight:800; color:#83e0d2; }
.cek-shell button,.cek-shell input,.cek-shell textarea,.cek-shell select { font:inherit; }
.cek-shell button { cursor:pointer; }
.cek-shell button:disabled { cursor:not-allowed; opacity:.55; }
.ghost-button { border:1px solid rgba(255,255,255,.34); color:#fff; background:rgba(255,255,255,.1); border-radius:11px; padding:10px 16px; white-space:nowrap; }
.cek-message { margin:14px 0 0; border-radius:12px; padding:12px 16px; background:#e9f8f0; color:#166534; border:1px solid #b7e4c7; }
.cek-message.error { background:#fff0f0; color:#b42318; border-color:#f4b4b0; }
.cek-tabs { display:flex; gap:6px; margin:18px 0; padding:5px; width:max-content; max-width:100%; overflow:auto; background:#f2f4f7; border-radius:13px; }
.cek-tabs button { border:0; border-radius:9px; padding:10px 17px; color:#475467; background:transparent; font-weight:650; white-space:nowrap; }
.cek-tabs button.active { color:#0f5f59; background:#fff; box-shadow:0 2px 8px rgba(16,24,40,.1); }
.cek-tabs span { display:inline-grid; place-items:center; min-width:22px; margin-left:6px; border-radius:20px; background:#e6f6f3; }
.request-grid { display:grid; grid-template-columns:minmax(310px,.82fr) minmax(460px,1.5fr); gap:18px; align-items:start; }
.request-card,.definitions-card { background:#fff; border:1px solid var(--cek-line); border-radius:18px; padding:22px; box-shadow:0 5px 18px rgba(16,24,40,.055); }
.section-title { display:flex; gap:12px; align-items:center; margin-bottom:20px; }
.section-title>span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:#fff; background:var(--cek-accent); font-weight:800; }
.section-title h2 { margin:0; font-size:1.15rem; }
.section-title p { margin:3px 0 0; color:var(--cek-muted); font-size:.87rem; }
.entry-mode { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:-2px 0 18px; }
.entry-mode button { display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-height:62px; padding:11px 13px; text-align:left; border:1px solid var(--cek-line); border-radius:12px; color:#344054; background:#f8fafb; }
.entry-mode button small { color:var(--cek-muted); font-size:.72rem; }
.entry-mode button.active { border-color:#24978e; color:#0f5f59; background:var(--cek-accent-soft); box-shadow:0 0 0 2px rgba(42,167,156,.1); }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field-grid label { display:flex; flex-direction:column; gap:6px; }
.field-grid label.wide { grid-column:1/-1; }
.field-grid label span { font-size:.78rem; color:#475467; font-weight:700; }
.field-grid input,.field-grid textarea,.definition-add input,.request-actions textarea { width:100%; border:1px solid #d0d5dd; border-radius:10px; padding:10px 12px; background:#fff; color:#101828; outline:none; }
.field-grid input:focus,.field-grid textarea:focus,.definition-add input:focus,.request-actions textarea:focus { border-color:#2aa79c; box-shadow:0 0 0 3px rgba(42,167,156,.13); }
.field-grid textarea { min-height:84px; resize:vertical; }
.amount-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.amount-card { border:1px solid var(--cek-line); border-radius:14px; padding:15px; background:#fcfcfd; transition:.16s ease; }
.amount-card.selected { border-color:#2aa79c; background:var(--cek-accent-soft); box-shadow:0 0 0 2px rgba(42,167,156,.1); }
.amount-card small { color:var(--cek-muted); font-size:.67rem; letter-spacing:.1em; }
.amount-card strong { display:block; font-size:1.42rem; margin:2px 0 12px; }
.amount-card code,.definition-list code { display:block; color:#0f5f59; font-size:.78rem; margin-top:10px; }
.amount-card .series-state { display:block; margin-top:5px; color:#475467; font-size:.72rem; letter-spacing:0; }
.stepper { display:grid; grid-template-columns:36px 1fr 36px; align-items:center; }
.stepper button { height:36px; border:1px solid #b9c1ca; background:#fff; color:#0f766e; font-size:1.2rem; }
.stepper button:first-child { border-radius:9px 0 0 9px; }.stepper button:last-child { border-radius:0 9px 9px 0; }
.stepper input { width:100%; height:36px; border:1px solid #b9c1ca; border-left:0; border-right:0; text-align:center; }
.request-total { display:flex; flex-wrap:wrap; gap:22px; align-items:center; justify-content:flex-end; margin-top:20px; padding-top:18px; border-top:1px solid var(--cek-line); }
.request-total div { display:flex; flex-direction:column; }.request-total span { color:var(--cek-muted); font-size:.72rem; }.request-total strong { font-size:1.06rem; }
.primary-button,.approve-button,.print-button { border:0; border-radius:10px; padding:11px 16px; background:var(--cek-accent); color:#fff; font-weight:750; }
.request-total .submit-request-button { display:inline-flex!important; min-width:230px; min-height:44px; align-items:center; justify-content:center; flex:0 0 auto; visibility:visible!important; background:#0f766e!important; color:#fff!important; border:1px solid #0f766e!important; }
.request-total .submit-request-button:disabled { display:inline-flex!important; visibility:visible!important; opacity:1!important; background:#eef1f4!important; color:#667085!important; border-color:#cfd5dc!important; }
.inline-warning { padding:12px; margin-bottom:12px; border-radius:10px; background:#fff8e5; color:#8a5a00; }
.inline-warning.error { background:#fff0f0; color:#b42318; }
.series-entry label { display:block; margin-bottom:7px; color:#344054; font-size:.82rem; font-weight:750; }
.series-entry textarea { box-sizing:border-box; width:100%; min-height:170px; padding:13px 14px; resize:vertical; border:1px solid #b9c1ca; border-radius:12px; outline:none; color:#101828; background:#fbfcfd; font:600 .92rem/1.65 Consolas,"Cascadia Mono",monospace; }
.series-entry textarea:focus { border-color:#2aa79c; box-shadow:0 0 0 3px rgba(42,167,156,.13); background:#fff; }
.setup-needed { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px; border:1px solid #f2cf7d; border-radius:12px; background:#fff9e9; }
.setup-needed p { margin:3px 0 0; color:#75520b; font-size:.8rem; }
.series-choice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; margin-bottom:14px; }
.series-choice { display:flex; flex-direction:column; align-items:flex-start; min-height:112px; padding:14px; text-align:left; border:1px solid #d6dce3; border-radius:14px; color:#344054; background:#fff; transition:.16s ease; }
.series-choice:hover { border-color:#65b9b1; background:#f7fcfb; }
.series-choice.selected { border-color:#14857b; background:#e7f6f3; box-shadow:0 0 0 3px rgba(20,133,123,.12); }
.series-choice strong { color:#0b625b; font-size:1.55rem; line-height:1.1; }
.series-choice span { margin-top:8px; color:#253746; font-weight:800; }
.series-choice small { margin-top:5px; color:#667085; font-size:.72rem; line-height:1.35; }
.range-builder { display:grid; grid-template-columns:repeat(2,minmax(115px,1fr)) auto; gap:10px; align-items:end; }
.range-builder label { margin:0; }
.range-builder label span { display:block; margin-bottom:6px; color:#475467; font-size:.74rem; }
.range-builder input,.range-builder select { box-sizing:border-box; width:100%; min-height:42px; border:1px solid #c9d0d8; border-radius:10px; padding:9px 11px; color:#101828; background:#fff; outline:none; }
.range-builder input:focus,.range-builder select:focus { border-color:#2aa79c; box-shadow:0 0 0 3px rgba(42,167,156,.13); }
.add-range-button { min-height:42px; border:0; border-radius:10px; padding:9px 14px; color:#fff; background:#176f68; font-weight:750; white-space:nowrap; }
.range-live-preview { display:flex; flex-wrap:wrap; align-items:center; gap:9px 14px; margin-top:10px; padding:10px 12px; border-radius:10px; color:#344054; background:#f5f8f8; }
.range-live-preview span { color:var(--cek-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; }
.range-live-preview code { flex:1; color:#0f5f59; font-weight:700; }
.skip-existing { display:flex!important; align-items:flex-start; gap:10px; margin:12px 0!important; padding:11px 12px; border:1px solid #cfe5e1; border-radius:10px; background:#f5fbf9; cursor:pointer; }
.skip-existing input { width:18px; height:18px; margin:2px 0 0; accent-color:#0f766e; }
.skip-existing span { display:flex; flex-direction:column; gap:2px; }
.skip-existing strong { color:#185f59; }.skip-existing small { color:#667085; font-weight:400; }
.selection-basket { margin-top:14px; border:1px solid #cfe5e1; border-radius:12px; overflow:hidden; }
.basket-title,.basket-row { display:flex; align-items:center; gap:12px; padding:10px 12px; }
.basket-title { justify-content:space-between; background:#eef8f6; }
.basket-title span { color:var(--cek-muted); font-size:.78rem; }
.basket-row { border-top:1px solid #e2efed; }
.basket-row code { color:#0f5f59; font-weight:700; }
.basket-row span { flex:1; color:var(--cek-muted); font-size:.78rem; }
.basket-row button { border:0; color:#b42318; background:transparent; font-weight:700; }
.paste-option { padding:10px 12px; border:1px dashed #ccd5dd; border-radius:11px; background:#fafbfc; }
.paste-option[open] summary { margin-bottom:10px; }
.entry-help { margin:7px 0 12px; color:var(--cek-muted); font-size:.76rem; line-height:1.45; }
.series-preview { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding:12px 14px; border:1px solid #b7e4d8; border-radius:11px; background:#f0faf7; }
.series-preview>div:not(.preview-codes) { display:flex; flex-direction:column; }
.series-preview span { color:var(--cek-muted); font-size:.69rem; }
.preview-codes { display:flex; flex:1 1 100%; flex-wrap:wrap; gap:6px; padding-top:9px; border-top:1px solid #cfe9e2; }
.preview-codes code { padding:5px 7px; border-radius:6px; color:#0f5f59; background:#fff; }
.preview-codes small { align-self:center; color:var(--cek-muted); }
.request-list { display:flex; flex-direction:column; gap:12px; }
.request-row { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:18px; padding:18px 20px; border:1px solid var(--cek-line); border-radius:16px; background:#fff; box-shadow:0 3px 12px rgba(16,24,40,.045); }
.request-heading { display:flex; justify-content:space-between; gap:14px; }.request-heading small { color:#0f766e; font-weight:750; }.request-heading h3 { margin:3px 0 0; }.request-heading p { margin:2px 0; color:var(--cek-muted); }
.status { align-self:start; border-radius:999px; padding:7px 11px; font-size:.72rem; font-weight:800; white-space:nowrap; background:#f2f4f7; }
.status.onaybekliyor { background:#fff4d6; color:#8a5600; }.status.onaylandi { background:#e8f7ee; color:#166534; }.status.reddedildi,.status.hatali { background:#ffeded; color:#b42318; }.status.onaylaniyor { background:#e8f1ff; color:#175cd3; }
.request-facts { display:flex; flex-wrap:wrap; gap:22px; margin:15px 0; }.request-facts span { display:flex; flex-direction:column; }.request-facts small { color:var(--cek-muted); font-size:.7rem; }
.chips,.code-list { display:flex; flex-wrap:wrap; gap:6px; }.chips span { background:#f2f4f7; border-radius:7px; padding:5px 8px; font-size:.78rem; }
.cek-shell details { margin-top:12px; } .cek-shell summary { color:#0f766e; font-weight:650; cursor:pointer; }.code-list { margin-top:9px; max-height:145px; overflow:auto; }.code-list code { border:1px solid #d5e8e5; background:#f4fbfa; border-radius:6px; padding:5px 7px; color:#155e58; }
.request-actions { display:flex; flex-direction:column; gap:8px; padding-left:16px; border-left:1px solid var(--cek-line); }.request-actions textarea { min-height:68px; resize:vertical; font-size:.82rem; }
.reject-button { border:1px solid #ef9a94; color:#b42318; background:#fff; border-radius:10px; padding:9px 14px; font-weight:700; }.print-button { background:#24567a; }.delete-request-button { border:1px solid #fda29b; color:#b42318; background:#fff5f4; border-radius:10px; padding:9px 14px; font-weight:700; }.decision-note { color:#667085; white-space:pre-wrap; }
.definitions-card { max-width:1080px; }
.definition-list { margin-top:20px; border-top:1px solid var(--cek-line); }
.definition-list>div { display:grid; grid-template-columns:160px minmax(260px,1fr) auto; align-items:center; gap:14px; padding:13px 2px; border-bottom:1px solid var(--cek-line); }
.definition-list .definition-row.inactive { opacity:.62; }
.definition-list strong,.definition-list small { display:block; }
.definition-list small { margin-top:3px; color:var(--cek-muted); font-size:.75rem; }
.definition-list code { margin:0; font-weight:700; }
.definition-list button { border:1px solid #d0d5dd; border-radius:8px; padding:7px 11px; background:#fff; }
.definition-list button.activate { color:#067647; }.definition-list button.deactivate { color:#b54708; }.definition-list button:last-child { color:#b42318; }
.definition-editor { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:12px; padding:16px; border:1px solid #cfe5e1; border-radius:14px; background:#f7fbfa; }
.definition-editor label { display:flex; flex-direction:column; gap:6px; }
.definition-editor label span { color:#475467; font-size:.75rem; font-weight:700; }
.definition-editor input { box-sizing:border-box; width:100%; min-height:42px; border:1px solid #c9d0d8; border-radius:9px; padding:9px 10px; background:#fff; outline:none; }
.definition-editor input:focus { border-color:#2aa79c; box-shadow:0 0 0 3px rgba(42,167,156,.13); }
.definition-editor .active-value { justify-content:flex-end; }
.definition-editor .active-value input { width:auto; min-height:auto; }
.definition-editor .active-value span { font-size:.82rem; }
.definition-editor .active-check { flex-direction:row; align-items:center; align-self:end; min-height:42px; }
.definition-editor .active-check input { width:18px; min-height:18px; }
.definition-editor .active-check span { font-size:.82rem; }
.definition-preview { grid-column:1/-1; display:flex; gap:12px; align-items:center; padding:10px 12px; border-radius:9px; background:#eaf6f3; }
.definition-preview span { color:var(--cek-muted); font-size:.72rem; }.definition-preview code { color:#0f5f59; font-weight:750; }
.definition-actions,.definition-form-actions { display:flex; flex-wrap:wrap; gap:7px; }
.definition-form-actions { grid-column:1/-1; justify-content:flex-end; }
.secondary-button { border:1px solid #c9d0d8; border-radius:10px; padding:10px 15px; color:#344054; background:#fff; font-weight:700; }
.cek-empty { min-height:180px; display:flex; gap:12px; align-items:center; justify-content:center; color:var(--cek-muted); }.loader { width:24px; height:24px; border:3px solid #cae9e5; border-top-color:#0f766e; border-radius:50%; animation:cekspin .8s linear infinite; } @keyframes cekspin { to { transform:rotate(360deg); } }
@media (max-width:920px) { .request-grid,.request-row { grid-template-columns:1fr; }.request-actions { border-left:0; border-top:1px solid var(--cek-line); padding:14px 0 0; }.cek-header { flex-direction:column; }.field-grid { grid-template-columns:1fr; }.field-grid label.wide { grid-column:auto; }.range-builder { grid-template-columns:1fr 1fr; }.range-builder .add-range-button { grid-column:1/-1; }.definition-editor { grid-template-columns:1fr 1fr; }.definition-list>div { grid-template-columns:1fr auto; }.definition-list code { grid-column:1/-1; order:3; } }
@media (max-width:560px) { .cek-shell { padding:10px 9px 32px; }.cek-header { padding:20px; border-radius:15px; }.request-card,.definitions-card { padding:15px; }.entry-mode { grid-template-columns:1fr; }.amount-grid { grid-template-columns:1fr; }.request-total { justify-content:stretch; }.request-total .primary-button { width:100%; }.range-builder,.definition-editor { grid-template-columns:1fr; }.range-builder .series-picker,.definition-preview,.definition-form-actions { grid-column:auto; }.add-range-button { width:100%; }.setup-needed { align-items:stretch; flex-direction:column; }.basket-row { align-items:flex-start; flex-wrap:wrap; }.basket-row span { flex-basis:70%; }.definition-list>div { grid-template-columns:1fr; }.definition-list code { grid-column:auto; order:initial; overflow:auto; }.definition-actions button { flex:1; }.definition-form-actions .primary-button,.definition-form-actions .secondary-button { width:100%; } }