@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');:root{--blue:#1267df;--ink:#11213b;--muted:#64748b;--line:#dce7f6}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:linear-gradient(135deg,#f5f9ff,#eef6ff);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{max-width:1180px;margin:auto;padding:30px 24px 60px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;margin-bottom:30px;border:1px solid #cfe0f8;border-radius:18px;background:#fff;box-shadow:0 14px 38px #0b3e7910}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-logo{display:block!important;width:92px!important;height:52px!important;max-width:92px!important;max-height:52px!important;object-fit:cover!important;object-position:center!important;border-radius:9px}.eyebrow{margin:0 0 6px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}h1{margin:0;font:800 clamp(28px,4vw,42px)/1.1 'Manrope',sans-serif}h2,h3{margin:0;font-family:'Manrope',sans-serif}.lead{margin:6px 0 0;color:var(--muted);font-size:14px}.header-actions{display:flex;align-items:center;gap:12px}.secure{font-size:12px;color:#31527b;font-weight:700}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 14px 38px #0b3e7910}.login{max-width:500px;margin:25px auto}.login p,.invoice p{color:var(--muted)}form{display:grid;gap:14px}input,textarea{width:100%;padding:12px;border:1px solid #cbdced;border-radius:9px;font:inherit}label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#254467}button,.button-link{border:0;border-radius:9px;padding:11px 14px;background:#146ee6;color:#fff;font:700 14px 'DM Sans';cursor:pointer;text-decoration:none}.ghost{background:#edf4fc;color:#174b87}.danger{background:#c83d4a}.hidden{display:none!important}.toolbar,.invoice-top,.modal-head,.modal-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.toolbar{margin-bottom:20px}.toolbar span{font-size:13px;color:var(--muted)}.toolbar .role-badge{display:inline-flex;align-items:center;margin-left:8px;padding:4px 9px;border-radius:999px;background:#eaf3ff;color:#1756a0;font-size:11px;font-weight:800}.invoice-list{display:grid;gap:14px}.invoice{border-left:4px solid #3a82ea}.invoice h3{margin:8px 0}.waiting{padding:10px;background:#f0f7ff;border-radius:9px;font-size:12px}.waiting span{display:block;color:#1464cf;font-weight:700}.badge{display:inline-flex;border-radius:99px;padding:5px 10px;background:#fff4d6;color:#b77908;font-size:11px;font-weight:800}.badge.done{background:#e4f8f0;color:#087e5b}.badge.bad{background:#fff0f1;color:#c83d4a}.steps{display:grid;gap:7px;margin:18px 0;padding:0;list-style:none}.steps li{padding:9px;border-left:3px solid #d3dfed;background:#f8fbff;font-size:13px}.steps .active{border-color:#2680ed}.steps .approved{border-color:#15a877}.steps .rejected{border-color:#de5d67}.pdf{width:100%;height:480px;border:1px solid #cbdced;border-radius:10px}.notes{display:grid;gap:10px}.notes>div{padding:13px;background:#f5f9ff;border-radius:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog{width:min(720px,calc(100% - 30px));border:0;border-radius:18px;padding:0}dialog form{padding:25px}@media(max-width:720px){.shell{padding:18px 14px}.site-header,.brand,.toolbar,.invoice-top{align-items:flex-start;flex-direction:column}.brand-logo{width:78px!important;height:44px!important;max-width:78px!important}.grid{grid-template-columns:1fr}}
dialog#historyDialog{width:min(1120px,96vw);border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px #0c234866}dialog#historyDialog::backdrop{background:#071c3f80}.history-dialog{padding:24px}.history-table{display:grid;gap:8px}.history-row{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(150px,1.25fr) 1fr 1fr 170px;align-items:center;gap:14px;padding:14px;border:1px solid #dce8f7;border-radius:10px;background:#fff}.history-row small{display:block;color:#64748b;margin-top:4px}.history-label{background:#edf5ff;color:#24507e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}@media(max-width:700px){.history-row{grid-template-columns:1fr 1fr}.history-label{display:none}.history-row span:last-child{grid-column:1/-1}}
@media(min-width:901px){.dashboard{grid-template-columns:370px minmax(0,1fr)}}.workload-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;word-break:break-all}.workload-item summary b{max-width:255px}.workload-item .history-count{flex:0 0 auto}.workload-invoices{margin:10px 0 0;padding-left:18px;display:grid;gap:9px;word-break:break-word}
.invoice-vendor{margin:5px 0!important;color:#174d88!important;font-weight:800;font-size:15px}.invoice-vendor+ p{margin-top:6px}
.accounting-action{margin-top:16px;padding:14px;border:1px solid #bdd9f8;border-radius:12px;background:#f4f9ff}.accounting-action label{display:grid;gap:7px;font-weight:800;color:#254b77}.accounting-action textarea{min-height:72px}.accounting-action button{margin-top:10px;background:#1767d8}
.manager-forward-action{margin-top:12px;padding:14px;border:1px solid #d5e4f7;border-radius:12px;background:#fff}.manager-forward-action>b{display:block;margin-bottom:9px;color:#254b77}.manager-forward-help{margin:-2px 0 10px;color:#64748b;font-size:12px;line-height:1.45}.manager-reassign-action{border-color:#f0c77a;background:#fffaf0}.manager-forward-source{display:block;margin:0 0 10px}.manager-forward-source span{display:block;margin-bottom:5px;color:#4b6380;font-size:12px;font-weight:800}.manager-forward-source select{width:100%}.manager-forward-action>div{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.manager-forward-action input,.manager-forward-action select{padding:10px}.manager-forward-action button{white-space:nowrap}@media(max-width:700px){.manager-forward-action>div{grid-template-columns:1fr}.manager-forward-action button{justify-self:start}}
 .users-dialog{width:min(1180px,96vw)}.users-list{display:grid;gap:12px;max-height:70vh;overflow:auto;padding:2px}.user-row{display:grid;grid-template-columns:minmax(330px,1fr) 200px auto auto;align-items:center;gap:18px;padding:17px 18px;border:1px solid #dbe8f7;border-radius:14px;background:#fff}.user-main{min-width:0}.user-main strong,.user-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-main small{margin-top:4px;color:#64748b}.user-permission{margin:6px 0 0;color:#47627f;font-size:12px;line-height:1.4}.role-select{font-size:12px;color:#47627f}.role-select select{margin-top:4px;padding:9px;width:100%}.active-toggle{white-space:nowrap;font-size:13px}.save-user{padding:10px 13px;white-space:nowrap}@media(max-width:700px){.user-row{grid-template-columns:1fr 1fr}.user-main{grid-column:1/-1}.save-user{justify-self:start}}
dialog{max-height:92vh;overflow:auto}dialog#historyDialog,dialog#workloadDialog,dialog#usersDialog{width:min(1180px,96vw)}.users-dialog{width:auto}.modal-head>div:last-child{display:flex;align-items:center;gap:10px}.history-modal-body{max-height:68vh;overflow:auto;padding:2px}.history-row>*{min-width:0;overflow-wrap:anywhere}.history-row b{display:block}.history-row .button-link{display:inline-flex;justify-content:center;white-space:normal;text-align:center;line-height:1.25}#workloadDialog .history-row{grid-template-columns:minmax(180px,1.25fr) minmax(160px,1.1fr) minmax(145px,1fr) minmax(105px,.7fr) minmax(150px,1fr)}#workloadDialog .history-table{min-width:900px}.user-row{grid-template-columns:minmax(280px,1fr) auto}.user-actions{display:flex;align-items:end;justify-content:flex-end;gap:10px}.user-actions button{height:42px}.user-actions .danger{background:#c83d4a;color:#fff}@media(max-width:800px){dialog#historyDialog,dialog#workloadDialog,dialog#usersDialog{width:calc(100% - 16px)}.history-dialog{padding:16px}.modal-head{align-items:flex-start}.modal-head h2{font-size:22px}.modal-head>div:last-child{gap:7px}.modal-head>div:last-child button{padding:10px}.history-modal-body{max-height:70vh}.history-table{min-width:760px}.history-row{gap:10px;padding:13px}.users-dialog .modal-head{align-items:flex-start}.user-row{grid-template-columns:1fr}.user-actions{justify-content:flex-start;flex-wrap:wrap;align-items:end}.role-select{width:175px}.active-toggle{height:42px;align-content:center}}
 .approver{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1.35fr) auto;gap:10px;align-items:center;margin:9px 0}.a-name[readonly]{background:#f5f8fc;color:#4e6179;cursor:not-allowed}.email-lock{display:flex;align-items:center;gap:0;border:1px solid #cbdced;border-radius:9px;background:#fff;overflow:hidden}.email-lock input{border:0;border-radius:0;min-width:0}.email-lock span{padding:12px 13px;background:#edf4fc;border-left:1px solid #cbdced;color:#24507e;font-size:14px;font-weight:800;white-space:nowrap}.email-lock:focus-within{outline:2px solid #7caeea;outline-offset:1px}.approver .remove{width:42px;height:42px;padding:0;font-size:18px}.domain-settings-dialog{width:min(650px,92vw)}.setting-switch{display:flex;gap:13px;align-items:flex-start;padding:17px;border:1px solid #d9e6f5;border-radius:13px;background:#f8fbff;cursor:pointer}.setting-switch input{width:19px;height:19px;margin-top:2px;accent-color:#146ee6}.setting-switch span{display:grid;gap:5px}.setting-switch small{color:#64748b;font-weight:400;line-height:1.45}@media(max-width:700px){.approver{grid-template-columns:1fr auto}.approver .a-name{grid-column:1/-1}.email-lock{min-width:0}.email-lock span{padding-inline:9px;font-size:12px}}
 .workload-item summary{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;cursor:pointer;list-style:none}.workload-item summary::-webkit-details-marker{display:none}.workload-person{display:grid;gap:4px;min-width:0}.workload-person b,.workload-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workload-person small{color:#64748b;font-size:11px}.workload-invoices{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.workload-invoices li{padding:8px;border-radius:8px;background:#f6faff}.workload-invoices a{display:grid;gap:3px;color:#164e90;text-decoration:none}.workload-invoices small{overflow-wrap:anywhere}.invoice-search-dialog{width:min(1120px,96vw)}.search-field{display:grid;gap:7px}.invoice-search-results{max-height:62vh;overflow:auto;padding:2px}.invoice-search-head,.invoice-search-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(210px,1.5fr) minmax(90px,.65fr) minmax(100px,.7fr);gap:14px;align-items:center}.invoice-search-head{margin-top:18px;padding:12px 14px;border-radius:10px;background:#edf5ff;color:#285684;font-size:12px;font-weight:800}.invoice-search-row{margin-top:8px;padding:14px;border:1px solid #dce8f7;border-radius:11px;background:#fff;color:var(--ink);text-decoration:none}.invoice-search-row:hover{border-color:#83afe8;background:#f8fbff}.invoice-search-row span{min-width:0}.invoice-search-row b,.invoice-search-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-search-row small{margin-top:4px;color:#64748b}.search-status{justify-self:start;border-radius:999px;padding:6px 9px;background:#fff4d6;color:#9a6400;font-size:12px;font-weight:800}.search-status.done{background:#e4f8f0;color:#087e5b}.search-status.waiting{background:#fff4d6;color:#9a6400}@media(max-width:760px){.invoice-search-head{display:none}.invoice-search-row{grid-template-columns:1fr 1fr}.invoice-search-row span:nth-child(3),.invoice-search-row span:nth-child(4){margin-top:5px}.search-status{justify-self:start}}
 .forward-box input[readonly],.manager-forward-action input[readonly]{background:#f5f8fc;color:#4e6179;cursor:not-allowed}.forward-email-lock,.manager-forward-lock{width:100%;min-width:0}.manager-forward-lock input:not([type="hidden"]){width:100%}dialog#invoiceSearchDialog{width:min(1120px,calc(100vw - 28px));max-width:calc(100vw - 28px)}#invoiceSearchDialog .invoice-search-dialog{width:auto;max-width:none;padding:22px}.invoice-search-head,.invoice-search-row{grid-template-columns:minmax(120px,1.1fr) minmax(170px,1.25fr) minmax(72px,.55fr) minmax(88px,.65fr) minmax(130px,.9fr);gap:10px}@media(max-width:900px){dialog#invoiceSearchDialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}#invoiceSearchDialog .invoice-search-dialog{padding:16px}.invoice-search-head,.invoice-search-row{grid-template-columns:minmax(105px,1fr) minmax(145px,1.2fr) minmax(62px,.5fr) minmax(78px,.6fr) minmax(110px,.85fr);gap:8px}.invoice-search-head{padding:10px;font-size:11px}.invoice-search-row{padding:11px;font-size:13px}.invoice-search-row small{font-size:11px}.search-status{padding:5px 7px;font-size:11px}}
.amount-field{min-width:0}.money-input{display:grid;grid-template-columns:minmax(0,1fr) 14px 54px 64px;align-items:center;border:1px solid #cbdced;border-radius:9px;background:#fff;overflow:hidden}.money-input:focus-within{outline:2px solid #7caeea;outline-offset:1px}.money-input select,.money-input input{border:0;border-radius:0;background:transparent;min-width:0}.money-input select{padding:12px 8px;background:#edf4fc;border-left:1px solid #d7e4f2;color:#24507e;font-weight:800}.money-input input{padding:12px 9px;text-align:right}.money-input #amountWhole{text-align:right;font-variant-numeric:tabular-nums}.money-input #amountCents{border-left:1px solid #d7e4f2;text-align:center}.money-separator{font-weight:800;color:#47627f;text-align:center}@media(max-width:700px){.money-input{grid-template-columns:minmax(0,1fr) 12px 48px 58px}}
.uploader-note-field{margin-top:2px}.uploader-note-field textarea{min-height:110px;resize:vertical;line-height:1.5}#approvers{display:grid;gap:8px;min-height:52px}#approvers .approver{margin:0}.invoice-uploader-note{display:grid;gap:6px;margin:14px 0;padding:12px 14px;border:1px solid #c8daef;border-left:4px solid #102050;border-radius:10px;background:#f7faff;color:#294a70}.invoice-uploader-note b{color:#102050}.invoice-uploader-note span,.uploader-report-note p{white-space:pre-wrap;line-height:1.55}.uploader-report-note{margin:14px 0}
.brand-logo{width:220px!important;height:42px!important;max-width:220px!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important;border-radius:0!important}@media(max-width:720px){.brand-logo{width:170px!important;height:34px!important;max-width:170px!important;max-height:34px!important}}
.invoice-file-upload{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px dashed #8db7ea;border-radius:11px;background:#f7fbff;cursor:pointer}.invoice-file-upload>span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;background:#146ee6;color:#fff;font:800 14px 'DM Sans';white-space:nowrap}.invoice-file-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.invoice-file-upload strong{min-width:0;color:#58708e;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-file-upload:hover{border-color:#146ee6;background:#eef6ff}.invoice-file-upload:focus-within{outline:2px solid #7caeea;outline-offset:2px}@media(max-width:520px){.invoice-file-upload{align-items:flex-start;flex-direction:column;gap:7px}}

.search-status small{display:block;margin-top:4px;white-space:normal;font-size:10px;font-weight:600;line-height:1.25;color:inherit}#workloadDialog .resend-workload{padding:9px 10px;white-space:nowrap;font-size:12px}
.filter-grid{display:grid;grid-template-columns:minmax(340px,1.8fr) minmax(145px,.75fr) minmax(145px,.75fr);gap:12px;margin:4px 0 18px}.filter-grid label{display:grid;gap:6px;color:#234f7f;font-size:12px;font-weight:800}.filter-grid input{width:100%;min-width:0}@media(max-width:620px){.filter-grid{grid-template-columns:1fr}}
.history-row{grid-template-columns:minmax(145px,1.3fr) minmax(135px,1.1fr) minmax(105px,.8fr) minmax(105px,.8fr) minmax(90px,.65fr) minmax(135px,.9fr)}#workloadDialog .history-row{grid-template-columns:minmax(145px,1.15fr) minmax(135px,1.1fr) minmax(120px,1fr) minmax(105px,.8fr) minmax(90px,.65fr) minmax(135px,.9fr)}#workloadDialog .history-table{min-width:1040px}.invoice-search-head,.invoice-search-row{grid-template-columns:minmax(115px,1fr) minmax(155px,1.2fr) minmax(96px,.7fr) minmax(72px,.55fr) minmax(78px,.6fr) minmax(105px,.8fr)}
.workload-person small{display:none!important}
.search-assignee{font-size:13px;font-weight:700;color:#31527b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-panel{display:grid;gap:16px}.history-panel>#workload,.history-panel>#reports,.history-panel>#ownerTools{margin-top:0!important;padding:18px;border:1px solid #cfe0f8;border-radius:16px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 10px 24px #0b3e790c}.history-panel>#workload{border-left:4px solid #146ee6}.history-panel>#reports{border-left:4px solid #16a37a}.history-panel>#ownerTools{border-left:4px solid #9a6cdb}.history-panel>#workload .history-head,.history-panel>#reports .history-head,.history-panel>#ownerTools .history-head{padding-bottom:12px;border-bottom:1px solid #e4edf8}.history-panel>#workload .history-list,.history-panel>#reports .history-list,.history-panel>#ownerTools .history-list{max-height:38vh}.history-panel>#workload .history-item,.history-panel>#reports .history-item,.history-panel>#ownerTools .history-item{box-shadow:none}

/* Marka görseli sayfanın tamamında, içerik okunabilir kalacak şekilde kullanılır. */
body{background:linear-gradient(135deg,rgba(245,249,255,.30),rgba(238,246,255,.38)),url('/bakirci-background.png') center/cover fixed no-repeat}
.toolbar{align-items:flex-start}.toolbar-title{display:grid;justify-items:start;gap:6px}.toolbar-identity{display:flex;align-items:center;gap:8px;min-height:22px}.toolbar .toolbar-identity .role-badge{margin-left:0}.invoice-primary-action{margin-top:6px;justify-self:start}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media(max-width:720px){.toolbar-actions{justify-content:flex-start}}
.dashboard{grid-template-columns:350px minmax(0,1fr)!important}.workload-person b,.workload-person small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.approver-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid #dce8f7;border-radius:10px;background:#fff}.approver-history-row span{min-width:0}.approver-history-row b,.approver-history-row small{display:block;overflow-wrap:anywhere}.approver-history-row small{margin-top:4px;color:#64748b}@media(max-width:900px){.dashboard{grid-template-columns:1fr!important}}
.top-actions{margin:18px 0 24px;padding:14px 18px;border:1px solid rgba(207,224,248,.9);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(11,62,121,.07);justify-content:flex-start}.top-actions button{margin:0}.top-actions .settings-button{order:999;margin-left:auto}.dashboard-main .toolbar-actions{display:none}@media(max-width:720px){.top-actions{justify-content:flex-start;padding:12px}.top-actions button{flex:1 1 auto}.top-actions .settings-button{margin-left:0}}
.settings-button{min-width:130px;font-weight:800}#settingsDialog{width:min(680px,calc(100vw - 32px));border:1px solid #c9dcf5;border-radius:22px;padding:0;background:#fff;box-shadow:0 28px 80px #0b254b55}#settingsDialog::backdrop{background:#0c234466}#settingsDialog .settings-dialog{padding:30px 32px;background:#fff;border-radius:inherit}#settingsDialog .modal-head{align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid #dce8f6}#settingsDialog .modal-head h2{font-size:29px;line-height:1.1;color:#102b52}#settingsDialog .modal-head .muted{margin:8px 0 0;line-height:1.55;color:#47617f;font-size:15px}#settingsDialog .modal-head .eyebrow{margin:0 0 7px;font-weight:900;color:#146ee6}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.settings-actions button{width:100%;min-height:56px;padding:14px 16px;text-align:left;white-space:normal;border:1px solid #cddff4;background:#f4f8fe;color:#164f8f;font-size:16px;font-weight:800;line-height:1.25}.settings-actions button:hover{border-color:#146ee6;background:#eaf3ff}.settings-back{margin-right:auto!important;min-height:auto!important;padding:7px 10px!important;font-size:12px!important}@media(max-width:560px){#settingsDialog .settings-dialog{padding:22px 20px}.settings-actions{grid-template-columns:1fr}}

.duplicate-invoice-notice{display:grid;gap:5px;margin:14px 0;padding:14px 16px;border:1px solid #efcc7b;border-radius:12px;background:#fff9e9;color:#704d00}.duplicate-invoice-notice[hidden]{display:none}.duplicate-invoice-notice strong{font-size:15px}.duplicate-invoice-notice span{font-weight:700}.duplicate-invoice-notice small{line-height:1.45}.duplicate-invoice-notice.danger{border-color:#ef9a9a;background:#fff2f2;color:#8d1e1e}
.duplicate-invoice-notice.checking{border-color:#9fc7f4;background:#f1f7ff;color:#174b85}
#systemHealthDialog{width:min(850px,calc(100vw - 28px));max-width:calc(100vw - 28px);border:1px solid #c9dcf5;border-radius:20px;padding:0}#systemHealthDialog::backdrop{background:#0c234466}#systemHealthDialog .history-dialog{padding:26px}.system-health-body{display:grid;gap:16px;margin-top:18px;max-height:68vh;overflow:auto;padding:2px}.health-loading{padding:28px;text-align:center;color:#60758e}.health-overview{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border:1px solid #b9e2d2;border-radius:13px;background:#effaf6}.health-overview.unhealthy{border-color:#efb0b0;background:#fff4f4}.health-overview>div{display:grid;gap:4px}.health-overview strong{color:#087e5b;font-size:18px}.health-overview.unhealthy strong{color:#a62c2c}.health-overview span{color:#60758e;font-size:13px}.health-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.health-check-grid article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #d8e6f5;border-radius:11px;background:#f8fbff}.health-check-grid i{width:11px;height:11px;border-radius:999px;background:#d33f49;box-shadow:0 0 0 4px #d33f4915}.health-check-grid i.ok{background:#13a477;box-shadow:0 0 0 4px #13a47718}.health-check-grid article div{display:grid;gap:2px}.health-check-grid small{color:#60758e}.backup-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:14px;padding:17px;border:1px solid #cddff4;border-radius:13px;background:#f7fbff}.backup-card h3{margin:0 0 5px;color:#12345d}.backup-card p{margin:0;color:#60758e;line-height:1.45}.backup-card dl{margin:0;display:grid;gap:6px}.backup-card dl div{display:flex;justify-content:space-between;gap:12px}.backup-card dt{color:#60758e}.backup-card dd{margin:0;font-weight:800;color:#173d69}.backup-card button{grid-column:1/-1}.backup-card #backupMessage{grid-column:1/-1;font-size:12px}.health-metrics{display:flex;gap:10px;flex-wrap:wrap}.health-metrics span{padding:8px 10px;border-radius:9px;background:#eef4fb;color:#526b88;font-size:12px}.health-errors{border:1px solid #d8e6f5;border-radius:11px;padding:12px}.health-errors summary{cursor:pointer;font-weight:800;color:#173d69}.health-errors p{display:grid;gap:3px;padding:9px 0;margin:0;border-bottom:1px solid #edf2f8}.health-errors p:last-child{border-bottom:0}.health-errors span{color:#60758e;overflow-wrap:anywhere}@media(max-width:650px){#systemHealthDialog .history-dialog{padding:19px}.health-check-grid{grid-template-columns:1fr}.backup-card{grid-template-columns:1fr}.health-overview{align-items:flex-start;flex-direction:column}}

/* Yetki denetimi tamamlanana kadar işlem düğmeleri kısa süre görünmez. */
#app:not(.ui-ready) .top-actions,#app:not(.ui-ready) .invoice-primary-action,#app:not(.ui-ready) .invoice .start,#app:not(.ui-ready) .invoice .resend,#app:not(.ui-ready) .invoice .close{visibility:hidden}

.panel-details>summary{list-style:none;cursor:pointer}.panel-details>summary::-webkit-details-marker{display:none}.panel-details>summary .history-head{width:100%}.panel-details[open]>summary{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e4edf8}.panel-details[open] .panel-detail-content{display:grid;gap:12px}.panel-details:not([open]) .history-head{margin-bottom:0}.panel-details .history-head h2::after{content:'⌄';display:inline-block;margin-left:9px;color:#5f7a9d;font-size:15px;transition:transform .16s ease}.panel-details[open] .history-head h2::after{transform:rotate(180deg)}
.panel-details>.history-head{align-items:center}.panel-details>.history-head>div{min-width:0;flex:1}.panel-details>.history-head h2{font-size:clamp(15px,1.15vw,18px);line-height:1.25;letter-spacing:-.02em;white-space:normal;overflow-wrap:normal;word-break:normal}.panel-details>.history-head .history-count{flex:0 0 27px}
.event{display:flex;align-items:flex-start;gap:9px}.event-time{flex:0 0 auto;min-width:132px;color:#245d9d;font-weight:800;font-variant-numeric:tabular-nums}.event-text{margin-left:8px;color:#4f6c8e}
.notes p,.event-text{white-space:pre-wrap}.review-shell #decision textarea[name="note"]{min-height:180px;resize:vertical;line-height:1.55}.note-template{display:grid;gap:12px;padding:16px;border:1px solid #bdd9f8;border-radius:12px;background:#f4f9ff}.note-template h3{font-size:16px;color:#123d70}.note-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note-template label{gap:6px}.note-template label b{font-size:14px;font-weight:800;color:#123d70}.note-followup-payment{grid-column:1/-1}.note-template .note-extra{margin-top:2px}.note-template textarea{min-height:150px;resize:vertical;line-height:1.55}@media(max-width:720px){.note-template-grid{grid-template-columns:1fr}}
.notes>div,.report-note{border:1px solid #bfd5ef!important;border-left:4px solid #176ee6!important;border-radius:12px!important;background:#f8fbff!important;box-shadow:0 6px 16px #0d44700d}.notes>div>b,.report-note>b{display:block;color:#123d70;font-size:14px}.notes>div p,.report-note p{margin:10px 0 0;padding:11px 12px;border-radius:8px;background:#fff;border:1px solid #dce8f6;color:#203c61;line-height:1.6}.notes p strong,.report-note p strong,.steps li span strong{color:#102050;font-weight:900}.steps li{padding:13px;border:1px solid #d5e4f4;border-left:4px solid #3a82ea;border-radius:10px;background:#f8fbff}.steps li b{display:block;margin-bottom:7px;color:#123d70}.steps li span{display:block;white-space:pre-wrap;padding:9px 11px;border-radius:8px;background:#fff;border:1px solid #e0ebf7;color:#385877;line-height:1.5}.note-template label b,.note-readonly b{font-size:14px;font-weight:800;color:#123d70}.note-readonly{display:grid;gap:6px;padding:11px 12px;border:1px solid #cbdced;border-radius:9px;background:#eef5fc}.note-readonly span{color:#35597f;white-space:pre-wrap}
.invoice-search-head>span,.history-label>span{display:grid;gap:6px}.column-sort{appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer}.column-sort:hover{color:#1267df}.column-filter{width:100%;min-width:0;padding:6px 7px;border:1px solid #b8d1ef;border-radius:6px;background:#fff;color:#17395f;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}.column-filter::placeholder{color:#7186a0}@media(max-width:760px){.column-filter{display:none}}
@media(max-width:760px){.invoice-search-results{overflow:auto}.invoice-search-head{display:grid!important;min-width:900px}.invoice-search-row{min-width:900px;grid-template-columns:minmax(115px,1fr) minmax(155px,1.2fr) minmax(96px,.7fr) minmax(72px,.55fr) minmax(78px,.6fr) minmax(105px,.8fr)}.history-modal-body{overflow:auto}.history-label{display:grid!important;min-width:1040px}.history-row{min-width:1040px;grid-template-columns:minmax(145px,1.3fr) minmax(135px,1.1fr) minmax(105px,.8fr) minmax(105px,.8fr) minmax(90px,.65fr) minmax(135px,.9fr)}#workloadDialog .history-row{min-width:1040px;grid-template-columns:minmax(145px,1.15fr) minmax(135px,1.1fr) minmax(120px,1fr) minmax(105px,.8fr) minmax(90px,.65fr) minmax(135px,.9fr)}}
@media(max-width:760px){.column-filter{display:block!important}}

/* Ana işlem şeridi ve özet kartları sayfa kaydırılırken görünür kalır. */
.site-header{position:sticky;top:12px;z-index:40;margin-bottom:18px}
.top-actions{position:sticky;top:calc(var(--site-header-sticky-height,148px) + 28px);z-index:30}
.top-actions .invoice-primary-action{margin:0;justify-self:auto}
.history-panel{position:sticky!important;top:calc(var(--site-header-sticky-height,148px) + 112px)!important;z-index:10;max-height:calc(100vh - var(--site-header-sticky-height,148px) - 128px);overflow:auto}
@media(max-width:900px){.top-actions{top:calc(var(--site-header-sticky-height,188px) + 22px)}.history-panel{top:calc(var(--site-header-sticky-height,188px) + 92px)!important;max-height:calc(100vh - var(--site-header-sticky-height,188px) - 108px)}}
.step-wait-time{display:block;margin-top:7px;color:#58708e;font-size:11px;font-weight:700}.vendor-history-button{margin-top:10px;padding:7px 10px;font-size:12px}.vendor-history-dialog{width:min(720px,calc(100vw - 28px));border:0;border-radius:18px;padding:0}.vendor-history-dialog .history-modal-body{display:grid;gap:10px;max-height:60vh;overflow:auto}

/* Fatura tablolarında VKN/TCKN, firma sütununun hemen önünde yer alır. */
#invoiceSearchDialog .invoice-search-head,#invoiceSearchDialog .invoice-search-row{grid-template-columns:minmax(130px,1fr) minmax(105px,.72fr) minmax(105px,.72fr) minmax(165px,1.2fr) minmax(100px,.68fr) minmax(85px,.6fr) minmax(115px,.82fr)}
#historyDialog .history-row{grid-template-columns:minmax(150px,1.25fr) minmax(110px,.75fr) minmax(105px,.72fr) minmax(150px,1.1fr) minmax(110px,.75fr) minmax(100px,.68fr) minmax(140px,.9fr)}
#workloadDialog .history-row{grid-template-columns:minmax(145px,1fr) minmax(145px,1fr) minmax(110px,.72fr) minmax(105px,.7fr) minmax(145px,1fr) minmax(100px,.68fr) minmax(145px,.9fr)}
#workloadDialog .history-table{min-width:1190px}
#vendorSummaryDialog .vendor-invoice-labels,#vendorSummaryDialog .vendor-invoice-row{grid-template-columns:minmax(190px,1.4fr) minmax(105px,.7fr) minmax(105px,.7fr) minmax(120px,.8fr) minmax(120px,.8fr)}
@media(max-width:760px){#invoiceSearchDialog .invoice-search-head,#invoiceSearchDialog .invoice-search-row{min-width:1080px}#historyDialog .history-label,#historyDialog .history-row,#workloadDialog .history-label,#workloadDialog .history-row{min-width:1190px}}
@media(max-width:700px){#vendorSummaryDialog .vendor-invoice-row{grid-template-columns:1fr 1fr}#vendorSummaryDialog .vendor-invoice-row strong{text-align:left}}

/* Firma kartları kapalı başlar; detay açılınca modalın kendisi doğal olarak kayar. */
#vendorSummaryDialog{max-height:calc(100dvh - 28px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#vendorSummaryDialog .history-dialog{display:block;max-height:none;overflow:visible}
#vendorSummaryDialog .vendor-summary-list{max-height:none;overflow:visible;padding:2px 6px 16px 2px}
#vendorSummaryDialog .vendor-summary-head{margin-bottom:0}
#vendorSummaryDialog .vendor-summary-card>.vendor-summary-columns{margin:17px 17px 0}
@media(max-width:700px){#vendorSummaryDialog{max-height:calc(100dvh - 12px)}#vendorSummaryDialog .vendor-summary-card>.vendor-summary-columns{margin:14px 14px 0}}
.backup-library{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:17px;border:1px solid #cddff4;border-radius:13px;background:#fff}.backup-library h3{margin:0 0 5px;color:#12345d}.backup-library p{margin:0;color:#60758e;line-height:1.45}.backup-library>#backupLibraryContent{grid-column:1/-1;display:grid;gap:10px;min-width:0}.backup-library>#backupLibraryContent[hidden]{display:none}.backup-library-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:5px}.backup-library details{border:1px solid #d8e6f5;border-radius:11px;overflow:hidden}.backup-library details>summary{cursor:pointer;padding:12px 14px;font-weight:800;color:#173d69;background:#f4f8fd}.backup-file{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid #edf2f8}.backup-file>div{display:grid;gap:3px;min-width:0}.backup-file b{color:#173d69;overflow-wrap:anywhere}.backup-file small{color:#60758e;overflow-wrap:anywhere}.backup-file button{flex:0 0 auto}.backup-library .notice{margin:0}@media(max-width:650px){.backup-library{grid-template-columns:1fr}.backup-library>#toggleBackupLibrary{width:100%}.backup-file{align-items:flex-start;flex-direction:column}.backup-file button{width:100%}.backup-library-summary{align-items:flex-start;flex-direction:column}.backup-library-summary button{width:100%}}

/* Bakırcı logosunun ana laciverti tüm arayüz vurgularında kullanılır. */
:root{--blue:#102050;--ink:#102050;--brand-blue:#102050;--brand-blue-hover:#0b173b;--brand-blue-soft:#eef1f8;--brand-blue-line:#c8cee0}
button:not(.danger),.button-link{background:var(--brand-blue);color:#fff}.ghost,.settings-actions button{background:var(--brand-blue-soft)!important;color:var(--brand-blue)!important;border-color:var(--brand-blue-line)!important}.ghost:hover,.settings-actions button:hover{background:#e2e7f2!important;border-color:var(--brand-blue)!important}.eyebrow,#settingsDialog .modal-head .eyebrow,.invoice-vendor,.waiting span,.event-time,.column-sort:hover,.workload-invoices a,.search-assignee{color:var(--brand-blue)!important}.toolbar .role-badge{background:var(--brand-blue-soft)!important;color:var(--brand-blue)!important}.history-count,.invoice-file-upload>span{background:var(--brand-blue)!important}.invoice,.history-panel>#workload,.steps .active,.steps li,.notes>div,.report-note{border-left-color:var(--brand-blue)!important}.invoice-file-upload:hover{border-color:var(--brand-blue)!important;background:var(--brand-blue-soft)!important}.email-lock:focus-within,.money-input:focus-within,.invoice-file-upload:focus-within{outline-color:var(--brand-blue)!important}.setting-switch input{accent-color:var(--brand-blue)!important}.accounting-action button,.manager-forward-action button,.invoice-primary-action,.save-user,.resend-workload{background:var(--brand-blue)!important;color:#fff!important}.settings-actions button,.history-label,.invoice-search-head,.backup-library details>summary,.note-template,.note-readonly,.waiting{background:var(--brand-blue-soft)!important}.settings-actions button,.history-label,.invoice-search-head,.backup-library h3,.backup-file b,.backup-card h3,.backup-card dd,.health-errors summary,.note-template h3,.note-template label b,.note-readonly b,.steps li b{color:var(--brand-blue)!important}.column-filter:focus,input:focus,textarea:focus,select:focus{border-color:var(--brand-blue)!important;outline-color:var(--brand-blue)!important}
.steps li>span:empty::before{content:'Açıklama girilmedi.';color:#64748b;font-style:italic}
.parallel-help{margin:6px 0 12px;color:#60758f;font-size:13px;line-height:1.45}.parallel-approver-list{display:grid;gap:9px;margin-bottom:10px}.parallel-approver-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) 40px;gap:10px;align-items:end;padding:11px;border:1px solid #d6e5f7;border-radius:12px;background:#fff}.parallel-approver-row label{margin:0}.parallel-email-field{display:flex;min-height:44px;border:1px solid #c6d9ef;border-radius:9px;overflow:hidden;background:#fff}.parallel-email-field>input{min-width:0;border:0!important;border-radius:0!important}.parallel-email-field>span{display:flex;align-items:center;padding:0 12px;background:#eaf2fc;color:#174b86;font-weight:800}.parallel-remove{height:44px;padding:0;border-radius:9px;background:#fff0f0!important;color:#a52121!important}.parallel-add{margin-right:8px}.parallel-send{margin-top:10px}.parallel-status{padding:11px 13px;border:1px solid #a9d0ff;border-radius:10px;background:#edf6ff;color:#174b86;font-weight:800;font-size:13px}@media(max-width:720px){.parallel-approver-row{grid-template-columns:1fr 40px}.parallel-approver-row label{grid-column:1/-1}.parallel-approver-row .parallel-remove{grid-column:2;grid-row:1;margin-left:auto}}
.approval-return-box{display:grid;gap:10px;margin:14px 0;padding:15px;border:1px solid #efcc86;border-radius:12px;background:#fff9ec}.approval-return-box>b{color:#875600}.approval-return-box>p{margin:0;color:#6f624b;font-size:12px;line-height:1.45}.approval-return-box select{width:100%;padding:11px;border:1px solid #dbc38f;border-radius:9px;background:#fff;color:#253b58}.approval-return-button{justify-self:start;background:#fff0ca!important;color:#805300!important;border:1px solid #dfbd71!important}.accounting-return-action{display:none!important}

/* Split-screen login presentation */
@media (min-width: 980px) {
  .shell:has(#login:not(.hidden)) {
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);
    grid-template-rows:auto 1fr;
    gap:28px 38px;
    align-items:start;
    max-width:1380px;
    min-height:100vh;
    padding:30px;
  }
  .shell:has(#login:not(.hidden)) .site-header {
    display:contents;
    position:static;
  }
  .shell:has(#login:not(.hidden)) .brand {
    grid-column:1;
    grid-row:1 / 3;
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-height:650px;
    padding:66px 60px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.22);
    border-radius:30px;
    background:
      radial-gradient(circle at 82% 18%,rgba(57,159,255,.38),transparent 28%),
      radial-gradient(circle at 14% 92%,rgba(40,115,224,.42),transparent 34%),
      linear-gradient(145deg,#081943 0%,#0b3474 54%,#1267df 125%);
    box-shadow:0 28px 70px rgba(7,30,76,.24);
    color:#fff;
  }
  .shell:has(#login:not(.hidden)) .brand::before {
    content:"";
    position:absolute;
    z-index:-1;
    right:-92px;
    top:86px;
    width:360px;
    height:470px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));
    box-shadow:-42px 50px 0 -4px rgba(255,255,255,.055);
    transform:rotate(10deg);
  }
  .shell:has(#login:not(.hidden)) .brand::after {
    content:"✓ PDF faturayı yükleyin\A✓ Onay akışını canlı izleyin\A✓ Muhasebeye güvenle aktarın";
    display:block;
    margin-top:42px;
    padding:20px 24px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:18px;
    background:rgba(255,255,255,.1);
    box-shadow:0 18px 42px rgba(3,17,48,.18);
    color:#f4f8ff;
    font:700 14px/1.9 'DM Sans',sans-serif;
    letter-spacing:.01em;
    white-space:pre-line;
    backdrop-filter:blur(10px);
  }
  .shell:has(#login:not(.hidden)) .brand-logo {
    width:245px!important;
    height:66px!important;
    max-width:245px!important;
    max-height:66px!important;
    padding:12px 16px;
    border-radius:14px!important;
    background:#fff;
    box-shadow:0 16px 38px rgba(3,17,48,.2);
    object-position:center!important;
  }
  .shell:has(#login:not(.hidden)) .brand-copy {
    margin-top:38px;
    max-width:620px;
  }
  .shell:has(#login:not(.hidden)) .brand-copy .eyebrow {
    color:#9ecbff!important;
    font-size:12px;
  }
  .shell:has(#login:not(.hidden)) .brand-copy h1 {
    max-width:600px;
    color:#fff;
    font-size:clamp(42px,5vw,66px);
    letter-spacing:-.045em;
  }
  .shell:has(#login:not(.hidden)) .brand-copy .lead {
    max-width:520px;
    margin-top:18px;
    color:rgba(241,247,255,.82);
    font-size:17px;
    line-height:1.65;
  }
  .shell:has(#login:not(.hidden)) .header-actions {
    grid-column:2;
    grid-row:1;
    justify-content:flex-end;
    align-self:start;
    min-width:0;
  }
  .shell:has(#login:not(.hidden)) #login {
    grid-column:2;
    grid-row:2;
    align-self:center;
    width:100%;
    max-width:none;
    margin:0 0 76px;
    padding:38px;
    border-radius:24px;
    box-shadow:0 26px 65px rgba(9,43,91,.16);
  }
  .shell:has(#login:not(.hidden)) #login h2 {
    font-size:30px;
    letter-spacing:-.035em;
  }
  .shell:has(#login:not(.hidden)) #login p {
    margin:12px 0 24px;
    line-height:1.55;
  }
  .shell:has(#login:not(.hidden)) #login input {
    min-height:52px;
    border-radius:12px;
  }
  .shell:has(#login:not(.hidden)) #login form button {
    min-height:52px;
    border-radius:12px;
  }
}

@media (min-width: 980px) and (max-height: 760px) {
  .shell:has(#login:not(.hidden)) .brand {min-height:570px;padding-block:46px}
  .shell:has(#login:not(.hidden)) .brand::after {margin-top:28px}
  .shell:has(#login:not(.hidden)) #login {margin-bottom:24px}
}

/* Balanced split-login proportions */
@media (min-width: 980px) {
  .shell:has(#login:not(.hidden)) {
    grid-template-columns:minmax(0,1fr) minmax(430px,.8fr);
    gap:28px 34px;
    max-width:1260px;
  }
  .shell:has(#login:not(.hidden)) .brand {
    align-self:center;
    min-height:560px;
    padding:52px 50px;
  }
  .shell:has(#login:not(.hidden)) .brand-logo {
    width:220px!important;
    height:60px!important;
    max-width:220px!important;
    max-height:60px!important;
  }
  .shell:has(#login:not(.hidden)) .brand-copy {margin-top:30px}
  .shell:has(#login:not(.hidden)) .brand-copy h1 {font-size:clamp(40px,4vw,58px)}
  .shell:has(#login:not(.hidden)) .brand::after {margin-top:30px}
  .shell:has(#login:not(.hidden)) #login {padding:34px}
}

/* Expanded and slightly left-aligned split login */
@media (min-width: 980px) {
  .shell:has(#login:not(.hidden)) {
    grid-template-columns:minmax(0,1.08fr) minmax(460px,.74fr);
    gap:28px 36px;
    max-width:1320px;
  }
  .shell:has(#login:not(.hidden)) .brand {
    min-height:600px;
    padding:56px 54px;
  }
  .shell:has(#login:not(.hidden)) .brand-logo {
    width:230px!important;
    height:62px!important;
    max-width:230px!important;
    max-height:62px!important;
  }
  .shell:has(#login:not(.hidden)) .brand-copy h1 {font-size:clamp(42px,4.2vw,60px)}
  .shell:has(#login:not(.hidden)) #login {padding:36px}
}

/* Proportionally enlarged corporate login panel */
@media (min-width: 980px) {
  .shell:has(#login:not(.hidden)) {
    grid-template-columns:minmax(0,1.1fr) minmax(470px,.72fr);
    gap:28px 38px;
    max-width:1440px;
  }
  .shell:has(#login:not(.hidden)) .brand {
    min-height:650px;
    padding:62px 60px;
  }
  .shell:has(#login:not(.hidden)) .brand-logo {
    width:240px!important;
    height:64px!important;
    max-width:240px!important;
    max-height:64px!important;
  }
  .shell:has(#login:not(.hidden)) .brand-copy {margin-top:34px}
  .shell:has(#login:not(.hidden)) .brand-copy h1 {font-size:clamp(44px,4.3vw,64px)}
  .shell:has(#login:not(.hidden)) .brand::after {
    margin-top:36px;
    padding:22px 26px;
  }
  .shell:has(#login:not(.hidden)) #login {padding:38px}
}
.my-approvals-panel{margin:0 0 22px;padding:18px;border:1px solid #8bbcff;border-radius:16px;background:linear-gradient(135deg,#eff7ff,#fff);box-shadow:0 12px 30px #0b3e7912}.my-approvals-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.my-approvals-head h2{margin:2px 0 0}.my-approvals-head>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#102050;color:#fff;font-weight:900}.my-approvals-list{display:grid;gap:9px}.my-approvals-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid #d4e5f8;border-radius:12px;background:#fff}.my-approvals-list article div{display:grid;gap:4px}.my-approvals-list small{color:#61748e}.my-approval-dialog{width:min(1320px,94vw);max-width:none}.my-approval-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);gap:20px}.my-approval-layout>section{display:grid;align-content:start;gap:14px;min-width:0}.my-approval-layout>section>h3{margin:0;font-size:25px}.my-approval-layout>section>p{margin:0;color:#60738e}.my-approval-layout aside{display:grid;align-content:start;gap:10px}.my-approval-layout aside embed{width:100%;height:72vh;min-height:620px;border:1px solid #cbdced;border-radius:12px;background:#fff}.my-approval-notes{display:grid;gap:8px;max-height:220px;overflow:auto}.my-approval-notes article{padding:11px;border-left:3px solid #2678e8;border-radius:0 9px 9px 0;background:#f5f9ff}.my-approval-notes p{margin:5px 0 0;white-space:pre-wrap}.my-approval-form{display:grid;gap:13px}.my-initial-details{display:grid;gap:10px;padding:14px;border:1px solid #cfe0f8;border-radius:12px;background:#f8fbff}.my-initial-details>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.my-forward-box,.my-return-box,.my-accounting-box{display:grid;gap:10px;padding:14px;border:1px solid #cfe0f8;border-radius:12px;background:#f8fbff}.my-return-box{border-color:#edc36b;background:#fff9eb}.my-accounting-box{border-color:#9bd3af;background:#f2fff6}.my-approval-recipient{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;margin:8px 0}.my-email-lock{display:flex;overflow:hidden;border:1px solid #c9d8eb;border-radius:9px;background:#edf4fc}.my-email-lock input{border:0;border-radius:0}.my-email-lock b{display:flex;align-items:center;padding:0 10px;color:#235b9b}.my-recipient-remove{width:42px;height:42px;padding:0}.my-approval-status{min-height:22px;margin:0;color:#9a3c1a;font-weight:700}.my-approval-content>.result{margin:0}.my-approval-close{margin-top:14px}@media(max-width:1000px){.my-approval-layout{grid-template-columns:1fr}.my-approval-layout aside embed{height:520px;min-height:0}}@media(max-width:650px){.my-approvals-list article{align-items:stretch;flex-direction:column}.my-approval-recipient,.my-initial-details>div{grid-template-columns:1fr}.my-approval-layout aside embed{height:400px}}

dialog#myApprovalDialog{width:min(1400px,calc(100vw - 28px));max-width:calc(100vw - 28px);height:min(900px,calc(100vh - 28px));max-height:calc(100vh - 28px);overflow:hidden;border:1px solid #c8d9ed;box-shadow:0 26px 80px #071c3f66}
#myApprovalDialog::backdrop{background:#071c3f80}
#myApprovalDialog .my-approval-dialog{width:auto;max-width:none;height:100%;min-height:0;padding:20px 22px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}
#myApprovalDialog .modal-head{min-width:0;padding-bottom:12px;border-bottom:1px solid #dce7f4}
#myApprovalDialog .modal-head h2{font-size:26px;line-height:1.15}
#myApprovalDialog .my-approval-content{min-width:0;min-height:0;overflow:hidden}
#myApprovalDialog .my-approval-layout{height:100%;min-height:0;grid-template-columns:minmax(390px,.88fr) minmax(460px,1.12fr);gap:18px;overflow:hidden}
#myApprovalDialog .my-approval-layout>section{min-height:0;overflow:auto;padding:2px 8px 14px 2px;scrollbar-gutter:stable}
#myApprovalDialog .my-approval-layout aside{min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
#myApprovalDialog .my-approval-layout aside embed{height:100%;min-height:0}
#myApprovalDialog .my-approval-form textarea[name="note"]{min-height:150px;line-height:1.55;resize:vertical}
#myApprovalDialog .my-initial-readonly{display:grid;gap:5px;padding:11px 12px;border:1px solid #cbdced;border-radius:9px;background:#eef5fc;color:#35597f}
#myApprovalDialog .my-initial-readonly b{color:#102050;font-size:13px}
#myApprovalDialog .my-approval-notes{max-height:none;overflow:visible}
@media(max-width:1000px){dialog#myApprovalDialog{height:calc(100vh - 16px);max-height:calc(100vh - 16px);width:calc(100vw - 16px);max-width:calc(100vw - 16px)}#myApprovalDialog .my-approval-dialog{padding:16px}#myApprovalDialog .my-approval-layout{grid-template-columns:1fr;overflow:auto}#myApprovalDialog .my-approval-layout>section{overflow:visible;padding-right:2px}#myApprovalDialog .my-approval-layout aside{min-height:480px}#myApprovalDialog .my-approval-layout aside embed{height:480px}}
@media(max-width:650px){#myApprovalDialog .modal-head h2{font-size:21px}#myApprovalDialog .my-approval-layout>section>h3{font-size:20px}#myApprovalDialog .my-approval-dialog{padding:13px}#myApprovalDialog .my-approval-layout aside{min-height:390px}#myApprovalDialog .my-approval-layout aside embed{height:390px}}

/* Fatura yönetimi toplu seçim ekranı */
#invoiceManagementDialog{width:min(780px,calc(100vw - 28px));max-width:calc(100vw - 28px)}
#invoiceManagementDialog .history-dialog{padding:24px}
#invoiceManagementDialog .history-modal-body{display:grid;gap:10px;margin-top:16px;max-height:68vh;padding:2px 6px 2px 2px}
#invoiceManagementDialog .invoice-manager-bulk{position:sticky;top:0;z-index:3;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0!important;padding:12px 14px;border:1px solid #cddff4;border-radius:13px;background:#f4f8fe;box-shadow:0 6px 16px #0b3e790c}
#invoiceManagementDialog .invoice-manager-bulk label{display:flex!important;align-items:center!important;gap:9px!important;color:#173d69;font-size:13px;font-weight:800;cursor:pointer}
#invoiceManagementDialog .invoice-manager-bulk input,#invoiceManagementDialog .invoice-selection{width:18px!important;height:18px!important;min-width:18px;margin:0;padding:0;accent-color:#146ee6}
#invoiceManagementDialog #deleteSelectedInvoices{min-width:156px;white-space:nowrap}
#invoiceManagementDialog #deleteSelectedInvoices:disabled{cursor:not-allowed;opacity:.48}
#invoiceManagementDialog #bulkDeleteStatus{margin:0;padding:0 4px;color:#315d89;font-size:12px;font-weight:700}
#invoiceManagementDialog #bulkDeleteStatus:empty{display:none}
#invoiceManagementDialog .history-item{display:block!important;margin:0;padding:0!important;border:1px solid #d8e6f5;border-radius:13px;background:#fff;box-shadow:none;overflow:hidden}
#invoiceManagementDialog .history-item:hover{border-color:#8db7ea;background:#f9fbff}
#invoiceManagementDialog .history-item>label{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%;min-height:72px;padding:13px 15px;cursor:pointer}
#invoiceManagementDialog .history-item>label>span{display:block;min-width:0}
#invoiceManagementDialog .history-item h3{margin:0 0 5px;color:#173d69;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
#invoiceManagementDialog .history-item small{display:block;margin:0;color:#64748b;font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:560px){#invoiceManagementDialog{width:calc(100vw - 14px);max-width:calc(100vw - 14px)}#invoiceManagementDialog .history-dialog{padding:16px}#invoiceManagementDialog .invoice-manager-bulk{align-items:stretch!important;flex-direction:column}#invoiceManagementDialog #deleteSelectedInvoices{width:100%}#invoiceManagementDialog .history-item>label{min-height:66px;padding:12px}}

/* Fatura yönetimi kart yükseklik düzeltmesi */
#invoiceManagementDialog .history-modal-body{display:block!important;overflow-x:hidden!important;overflow-y:auto!important}
#invoiceManagementDialog .invoice-manager-bulk{margin:0 0 10px!important}
#invoiceManagementDialog .history-item{display:block!important;min-height:74px!important;height:auto!important;max-height:none!important;margin:0 0 10px!important;overflow:visible!important}
#invoiceManagementDialog .history-item>label{display:flex!important;align-items:center!important;width:100%!important;min-height:74px!important;height:auto!important;max-height:none!important;padding:13px 15px!important;gap:12px!important}
#invoiceManagementDialog .history-item>label>span{display:block!important;flex:1 1 auto!important;min-width:0!important}
#invoiceManagementDialog .history-item:last-child{margin-bottom:0!important}

/* Tamamlanan fatura durumu Bekleyen bilgisinin üstünde gösterilir. */
.waiting{display:grid;justify-items:start;gap:4px;min-width:92px}.waiting>.badge.done{margin-bottom:2px}

/* Kayıtlı onaycı adresleri: seçme, düzenleme ve klavyeden silme */
#approverHistoryDialog{width:min(860px,calc(100vw - 28px));max-width:calc(100vw - 28px);border:0;border-radius:18px;padding:0}
#approverHistoryDialog::backdrop{background:#071c3f80}
.approver-history-dialog{padding:24px}
.approver-history-dialog .modal-head .muted{margin:5px 0 0}
.approver-history-shortcut{margin:16px 0 8px;padding:11px 13px;border:1px solid #cfe0f8;border-radius:10px;background:#f4f8fe;color:#45617f;font-size:13px;line-height:1.45}
.approver-history-shortcut kbd{display:inline-block;min-width:28px;padding:2px 6px;border:1px solid #b9cbe0;border-bottom-width:2px;border-radius:5px;background:#fff;color:#173d69;font:800 12px 'DM Sans',sans-serif;text-align:center}
.approver-history-status{min-height:21px;margin:0 0 7px;color:#087e5b;font-size:13px;font-weight:800}
.approver-history-status.bad{color:#a52121}
.approver-history-list{display:grid;gap:9px;max-height:58vh;overflow:auto;padding:2px}
.approver-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:13px;border:1px solid #dce8f7;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.approver-history-row:hover{border-color:#91b8e8;background:#fbfdff}
.approver-history-row[aria-selected="true"]{border-color:#146ee6;background:#f3f8ff;box-shadow:0 0 0 2px #146ee61f}
.approver-history-fields{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(230px,1.25fr);gap:10px;min-width:0}
.approver-history-fields label{display:grid;gap:5px;margin:0;color:#294e77;font-size:12px;font-weight:800}
.approver-history-fields input{width:100%;min-width:0;padding:10px 11px;background:#fff}
.approver-history-actions{display:flex;gap:7px}
.approver-history-actions button{min-height:42px;padding:9px 12px}
@media(max-width:680px){.approver-history-dialog{padding:18px}.approver-history-row{grid-template-columns:1fr}.approver-history-fields{grid-template-columns:1fr}.approver-history-actions{justify-content:flex-end}.approver-history-actions button{flex:1}.approver-history-list{max-height:62vh}}

/* Fatura yönetimi arama ve durum grupları */
#invoiceManagementDialog{width:min(900px,calc(100vw - 28px))}
.invoice-manager-search{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:17px 0 12px;padding:14px;border:1px solid #cddff4;border-radius:13px;background:#f7fbff}
.invoice-manager-search label{display:grid;flex:1;gap:6px;margin:0;color:#173d69;font-size:13px;font-weight:800}
.invoice-manager-search input{width:100%;min-width:0;padding:11px 12px;background:#fff}
.invoice-manager-search small{flex:0 0 auto;padding-bottom:11px;color:#60758e;font-size:12px;font-weight:800;white-space:nowrap}
#invoiceManagementDialog .invoice-manager-bulk{position:relative;top:auto;margin-bottom:13px!important}
.invoice-management-group{display:grid;gap:0;margin:0 0 16px;padding:12px;border:1px solid #d9e6f5;border-radius:14px;background:#f8fbff}
.invoice-management-group:last-child{margin-bottom:0}
.invoice-management-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 10px}
.invoice-management-group-title h3{margin:0;color:#173d69;font-size:15px}
.invoice-management-group-title span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#173d69;color:#fff;font-size:12px;font-weight:900}
.invoice-management-group.pending{border-color:#f0d59b;background:#fffaf0}
.invoice-management-group.pending .invoice-management-group-title h3{color:#966300}
.invoice-management-group.pending .invoice-management-group-title span{background:#a16a00}
.invoice-management-group.done{border-color:#a9dfca;background:#f1fbf7}
.invoice-management-group.done .invoice-management-group-title h3{color:#087e5b}
.invoice-management-group.done .invoice-management-group-title span{background:#0b936c}
#invoiceManagementDialog .invoice-management-item.done{border-color:#afe0ce!important;background:#edfaf5!important}
#invoiceManagementDialog .invoice-management-item.done:hover{border-color:#55b995!important;background:#e6f8f1!important}
#invoiceManagementDialog .invoice-management-item.pending{border-color:#ecd59f!important;background:#fffdf7!important}
.invoice-management-card-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px}
.invoice-management-card-head h3{min-width:0;margin-right:auto!important}
.invoice-management-status{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#eef3f9;color:#60758e;font-size:11px;font-weight:900;white-space:nowrap}
.invoice-management-status.pending{background:#fff0c9;color:#8b5a00}
.invoice-management-status.done{background:#d8f4e8;color:#087e5b}
@media(max-width:600px){.invoice-manager-search{align-items:stretch;flex-direction:column}.invoice-manager-search small{padding:0}.invoice-management-card-head{align-items:flex-start;flex-direction:column}.invoice-management-status{order:-1}.invoice-management-group{padding:9px}}

/* Sayfa yenilenmeden fatura ve onay durumlarını eşitleyen canlı durum göstergesi */
.live-sync-status{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:4px 9px;border:1px solid #cce5db;border-radius:999px;background:#effaf5;color:#087e5b;font-size:11px;font-weight:800;white-space:nowrap}
.live-sync-status i{width:7px;height:7px;border-radius:50%;background:#13a876;box-shadow:0 0 0 3px #13a8761f}
.live-sync-status.checking{border-color:#cfe0f8;background:#f3f8ff;color:#315d89}
.live-sync-status.checking i{background:#146ee6;box-shadow:0 0 0 3px #146ee625;animation:live-sync-pulse 1.1s ease-in-out infinite}
.live-sync-status.updated{border-color:#a9dfca;background:#e8f8f1;color:#087e5b}
.live-sync-status.offline{border-color:#f0d59b;background:#fff8e8;color:#8b5a00}
.live-sync-status.offline i{background:#d28a00;box-shadow:0 0 0 3px #d28a0020}
@keyframes live-sync-pulse{50%{opacity:.38;transform:scale(.72)}}
@media(max-width:560px){.toolbar-identity{align-items:flex-start!important;flex-wrap:wrap}.live-sync-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.live-sync-status.checking i{animation:none}}
.modal-record-count{display:inline-flex;align-items:center;justify-content:center;min-width:66px;height:38px;padding:0 11px;border:1px solid #cadbf0;border-radius:999px;background:#f4f8fd;color:#173d69;font-size:12px;font-weight:900;white-space:nowrap}

/* Yönetici ve muhasebe değerlendirme seçenekleri */
.manager-review-options{display:grid;gap:9px;padding:14px;border:1px solid #c7d9ed;border-radius:12px;background:#f8fbff}
.manager-review-options>b{color:#102050;font-size:14px}
.manager-review-option{display:flex!important;align-items:center;gap:11px;margin:0;padding:12px 13px;border:1px solid #ccdced;border-radius:10px;background:#fff;color:#173d69;font-weight:800;line-height:1.35;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.manager-review-option input[type="checkbox"]{width:20px!important;height:20px!important;min-width:20px;margin:0;padding:0;accent-color:#146ee6;cursor:pointer}
.manager-review-option-approved{border-color:#acd9bd;background:#f4fff7;color:#175f38}
.manager-review-option-review{border-color:#efc0c5;background:#fff7f8;color:#8b2632}
.manager-review-option:has(input:checked){border-color:#146ee6;box-shadow:0 0 0 3px #146ee61c}
.manager-review-option-approved:has(input:checked){border-color:#159456;background:#eafff1}
.manager-review-option-review:has(input:checked){border-color:#cf3f50;background:#fff0f2}
[data-theme="dark"] .manager-review-options{border-color:#29476b;background:#0d1d34}
[data-theme="dark"] .manager-review-options>b{color:#dcecff}
[data-theme="dark"] .manager-review-option-approved{border-color:#276c4a;background:#0d2d20;color:#bff5d2}
[data-theme="dark"] .manager-review-option-review{border-color:#75404a;background:#351922;color:#ffd5dc}
@media(max-width:650px){.manager-review-option{align-items:flex-start}}
.approval-submit-status{margin:0;padding:10px 12px;border:1px solid #b9d7f8;border-radius:10px;background:#eef7ff;color:#174b87;font-size:13px;font-weight:800}.approval-submit-status.bad{border-color:#efb5ba;background:#fff1f2;color:#a5212b}#decision button:disabled,.my-approval-form button:disabled{opacity:.68;cursor:wait}


/* Nihai muhasebe sonucu: reddedilen faturaları onaylananlardan ayır. */
.search-status.rejected{background:#fff0f1;color:#c83d4a}
.history-panel>#rejectedReports{margin-top:0!important;padding:18px;border:1px solid #f0c7cb;border-left:4px solid #c83d4a;border-radius:16px;background:linear-gradient(145deg,#fff,#fff7f8);box-shadow:0 10px 24px #79101d0c}
.history-panel>#rejectedReports .history-head{padding-bottom:12px;border-bottom:1px solid #f2dfe1}
.history-panel>#rejectedReports .history-list{max-height:38vh}
.history-panel>#rejectedReports .history-item{box-shadow:none}
.invoice-management-group.rejected{border-color:#efbcc2;background:#fff6f7}
.invoice-management-group.rejected .invoice-management-group-title h3{color:#a5212f}
.invoice-management-group.rejected .invoice-management-group-title span{background:#c83d4a}
#invoiceManagementDialog .invoice-management-item.rejected{border-color:#efbcc2!important;background:#fff6f7!important}
.invoice-management-status.rejected{background:#ffe5e8;color:#a5212f}


/* Kullanıcı bazlı yönetici vekaleti */
.user-actions .delegation-select{min-width:260px}
.delegation-summary{display:block;margin-top:7px;color:#6742a4;font-weight:800}
.manager-review-option-delegated{border-color:#cbb9ed;background:#faf7ff;color:#4e2b8e}
.manager-review-option-delegated:has(input:checked){border-color:#7146c7;background:#f1e9ff;box-shadow:0 0 0 3px #7146c71c}
.delegation-context{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid #ccbcef;border-left:4px solid #7146c7;border-radius:11px;background:#faf7ff;color:#4e2b8e}
.delegation-context b{font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.delegation-context span{font-weight:800;line-height:1.45}
.delegation-card-note{display:block!important;margin-top:5px;color:#6742a4!important;font-weight:800}
[data-theme="dark"] .manager-review-option-delegated{border-color:#62459b;background:#241840;color:#e2d6ff}
[data-theme="dark"] .manager-review-option-delegated:has(input:checked){border-color:#9a73e8;background:#312052}
[data-theme="dark"] .delegation-context{border-color:#62459b;background:#241840;color:#e2d6ff}
[data-theme="dark"] .delegation-summary,[data-theme="dark"] .delegation-card-note{color:#cbb8f3!important}
@media(max-width:800px){.user-actions .delegation-select{width:100%;min-width:0}}
/* Ortak satınalma ve fatura detay alanı */
.shared-invoice-details{gap:14px;border-color:#a9caef;background:#f4f9ff}
.note-template-head{display:grid;gap:4px}
.note-template-head p{margin:0;color:#5b7594;font-size:12px;font-weight:600}
.shared-invoice-details .note-template-grid{align-items:start}
.shared-detail-field input{background:#fff}
.stock-choice-group{grid-column:1/-1;margin:2px 0 0;padding:12px;border:1px solid #c5d9ef;border-radius:10px;background:#fff}
.stock-choice-group legend{padding:0 6px;color:#123d70;font-size:14px;font-weight:800}
.stock-choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.stock-choice{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px 11px;border:1px solid #d4e2f2;border-radius:9px;background:#f8fbff;color:#294f79;cursor:pointer}
.stock-choice:hover{border-color:#7daee8;background:#eef6ff}
.stock-choice:has(input:checked){border-color:#176ee6;background:#eaf3ff;color:#103f78;box-shadow:0 0 0 1px #176ee622}
.stock-choice input{width:18px;height:18px;margin:0;accent-color:#176ee6;flex:0 0 auto}
.stock-choice span{line-height:1.25}
.stock-lines-field{grid-column:1/-1}
.stock-lines-field[hidden]{display:none!important}
.stock-lines-field textarea{min-height:92px}
.shared-note-extra{display:grid;gap:7px;margin:0;padding:14px;border:1px solid #d5e4f5;border-radius:11px;background:#fff}
.shared-note-extra textarea{min-height:100px;resize:vertical}
@media(max-width:820px){.stock-choice-options{grid-template-columns:1fr}}
#myApprovalDialog .my-shared-details>p{margin:0;color:#5b7594;font-size:12px;font-weight:600}
#myApprovalDialog .my-shared-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#myApprovalDialog .my-stock-choice-group{margin:0;padding:12px;border:1px solid #c5d9ef;border-radius:10px;background:#fff}
#myApprovalDialog .my-stock-choice-group legend{padding:0 6px;color:#123d70;font-size:14px;font-weight:800}
#myApprovalDialog .my-stock-choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#myApprovalDialog .my-stock-lines-field textarea{min-height:92px;resize:vertical}
@media(max-width:760px){#myApprovalDialog .my-shared-detail-grid,#myApprovalDialog .my-stock-choice-options{grid-template-columns:1fr}}

.workload-row-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:150px}.workload-row-actions button{padding:9px 10px;font-size:12px;line-height:1.25;white-space:normal}.reassign-workload{border:1px solid #e4b85f;background:#fff7e8;color:#865a05}.workload-reassign-dialog{width:min(680px,calc(100vw - 28px))}.workload-reassign-summary{display:grid;gap:4px;margin:14px 0;padding:12px 14px;border:1px solid #dce8f6;border-radius:11px;background:#f8fbff}.workload-reassign-summary b{color:#173d69}.workload-reassign-summary span{color:#64748b;font-size:13px}.workload-reassign-dialog .manager-forward-action{margin-top:0}.workload-reassign-dialog .modal-actions{justify-content:flex-end;margin-top:4px}@media(max-width:700px){.workload-row-actions{min-width:130px}.workload-reassign-dialog{width:calc(100vw - 16px)}}