/* HesapOfisi authenticated panel design system — shared across every module. */
.app-body{--green:#1769e0;--panel-navy:#0b2a52;--panel-blue:#1769e0;--panel-blue-dark:#0f56bd;--panel-blue-soft:#eaf3ff;--panel-surface:#f3f7fc;--panel-line:#dbe5f0;--panel-text:#10243e;--panel-muted:#6b7d94;background:var(--panel-surface);color:var(--panel-text)}
.app-body .page{padding:30px;max-width:1540px}
.app-body .page :where(button,a){transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
.app-body .page button:focus-visible,.app-body .page a:focus-visible,.app-body .page input:focus-visible,.app-body .page select:focus-visible,.app-body .page textarea:focus-visible{outline:3px solid rgba(23,105,224,.18);outline-offset:2px}

/* One button language: filled primary, white secondary, pale destructive. */
.app-body .page :where(.primary,a.primary,button.primary),
.app-body .page :where(.page-head,.module-command-head,.contact-page-head,.product-page-head,.dashboard-welcome,.expense-head,.portfolio-compact-head) > :where(button,a),
.app-body .page :where(.form-actions,.modern-form-actions,.expense-form>footer,.instrument-card>footer,.instrument-form>footer,.quick-form-actions,.sales-detail-top,.template-editor-head) :where(button[type=submit],a.primary),
.app-body .page :where(.employee-panel,.employee-documents) > header > button{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 16px;border:1px solid var(--panel-blue);border-radius:10px;background:var(--panel-blue);color:#fff;font-weight:750;line-height:1.15;text-decoration:none;cursor:pointer;box-shadow:0 7px 17px rgba(23,105,224,.16)
}
.app-body .page :where(.primary,a.primary,button.primary):hover,
.app-body .page :where(.page-head,.module-command-head,.contact-page-head,.product-page-head,.dashboard-welcome,.expense-head,.portfolio-compact-head) > :where(button,a):hover,
.app-body .page :where(.form-actions,.modern-form-actions,.expense-form>footer,.instrument-card>footer,.instrument-form>footer,.quick-form-actions,.sales-detail-top,.template-editor-head) :where(button[type=submit],a.primary):hover{background:var(--panel-blue-dark);border-color:var(--panel-blue-dark);transform:translateY(-1px);box-shadow:0 9px 21px rgba(23,105,224,.2)}
.app-body .page :where(.secondary,a.secondary,button.secondary,.soft,.ghost-button),
.app-body .page :where(.form-actions,.modern-form-actions,.expense-form>footer,.instrument-card>footer,.instrument-form>footer,.quick-form-actions) > a:not(.primary),
.app-body .page :where(.import-modal-actions,.employee-modal footer) button:first-child{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 16px;border:1px solid #cdd9e7;border-radius:10px;background:#fff;color:#294661;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:none
}
.app-body .page :where(.secondary,a.secondary,button.secondary,.soft,.ghost-button):hover,
.app-body .page :where(.form-actions,.modern-form-actions,.expense-form>footer,.instrument-card>footer,.instrument-form>footer,.quick-form-actions) > a:not(.primary):hover{border-color:#9bb9dc;background:#f1f7ff;color:var(--panel-blue)}
.app-body .page :where(.danger-button,.action-danger,button.danger,.list-delete,.delete-button){border-color:#f1cbd1!important;background:#fff2f3!important;color:#bd3345!important;box-shadow:none!important}
.app-body .page :where(.danger-button,.action-danger,button.danger,.list-delete,.delete-button):hover{border-color:#e9aeb7!important;background:#ffe7e9!important;color:#a51f33!important}
.app-body .page button:disabled,.app-body .page a.disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* All list/table surfaces use the same shell and rhythm. */
.app-body .page :where(.card,.module-list-card,.contact-directory,.product-directory,.detail-panel,.dashboard-panel,.portfolio-list-card){border:1px solid var(--panel-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(16,52,91,.055)}
.app-body .page :where(.card-head,.detail-panel-title,.module-list-card>header,.contact-directory>header,.product-directory>header){min-height:68px;padding:18px 21px;border-bottom:1px solid #e4ebf3;background:#fff}
.app-body .page :where(.card-head,.detail-panel-title) h2{margin:0 0 4px;color:var(--panel-navy);font-size:17px}.app-body .page :where(.card-head,.detail-panel-title) p{margin:0;color:var(--panel-muted);font-size:11px}
.app-body .page .table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.app-body .page table{width:100%;border-collapse:separate;border-spacing:0;color:var(--panel-text);font-size:12px}
.app-body .page table thead th{height:45px;padding:12px 17px;border-top:0;border-bottom:1px solid #dbe5f0;background:#f3f7fc;color:#657991;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
.app-body .page table tbody td{padding:14px 17px;border-bottom:1px solid #e7edf5;background:#fff;vertical-align:middle;white-space:nowrap}
.app-body .page table tbody tr:last-child td{border-bottom:0}.app-body .page table tbody tr[data-row]:hover td,.app-body .page table.clickable-sales tbody tr:hover td{background:#f7faff}.app-body .page table td small{display:block;margin-top:4px;color:var(--panel-muted);font-size:10px}.app-body .page table td strong,.app-body .page table td b{color:#173657}
.app-body .page td.actions{display:table-cell;min-width:150px}.app-body .page td.actions :where(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin:2px;padding:6px 9px;border:1px solid #d3dfec;border-radius:8px;background:#fff;color:#275173;font-size:10px;font-weight:750;line-height:1;text-decoration:none;box-shadow:none}.app-body .page td.actions :where(a,button):hover{border-color:#9dbce0;background:#edf5ff;color:var(--panel-blue)}.app-body .page td.actions form:last-child button,.app-body .page td.actions button:not(.approve-action){border-color:#f0d1d5;color:#bd3a4a}.app-body .page td.actions .approve-action{border-color:#bfd6f2;background:#eaf3ff;color:#1769e0}.app-body .page td.actions form{display:inline}

/* Search, filter and segmented controls. */
.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters){gap:12px;padding:15px 18px;border-bottom:1px solid #e3ebf4;background:#fbfdff}
.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters) :where(input,select){min-height:40px;border:1px solid #ccd9e7;border-radius:9px;background:#fff;color:var(--panel-text)}
.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters) :where(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #cad8e7;border-radius:9px;background:#fff;color:#36536f;font-size:11px;font-weight:750;cursor:pointer}
.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters) button:hover,.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters) button.active{border-color:var(--panel-blue);background:var(--panel-blue);color:#fff}
.app-body .page :where(.portfolio-tabs,.document-tabs,.report-tabs){display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #dce6f1;background:#fff}.app-body .page :where(.portfolio-tabs,.document-tabs,.report-tabs) :where(a,button){flex:0 0 auto;padding:13px 16px;border:0;border-right:1px solid #dce6f1;border-radius:0;background:#fff;color:#536a83;font-size:11px;font-weight:700;white-space:nowrap}.app-body .page :where(.portfolio-tabs,.document-tabs,.report-tabs) :where(.active,[aria-selected=true]){box-shadow:inset 0 -3px var(--panel-blue);background:#eef5ff;color:var(--panel-blue)}

/* Empty, status, pagination and repeated row lists. */
.app-body .page :where(.empty,.panel-empty,.module-empty-state,.portfolio-empty,.contact-empty,.product-empty,.project-empty,.employee-empty){padding:46px 22px!important;background:#fff;color:var(--panel-muted);text-align:center!important}.app-body .page :where(.empty,.panel-empty,.module-empty-state,.portfolio-empty,.contact-empty,.product-empty,.project-empty,.employee-empty)>:first-child{color:var(--panel-blue)}.app-body .page :where(.empty,.panel-empty,.module-empty-state,.portfolio-empty,.contact-empty,.product-empty,.project-empty,.employee-empty) :where(strong,h2,h3){color:var(--panel-navy)}
.app-body .page :where(.compact-list,.mini-doc-list,.loan-upcoming-list,.employee-document-list)>:where(a,article){border-bottom:1px solid #e6edf5;background:#fff}.app-body .page :where(.compact-list,.mini-doc-list,.loan-upcoming-list,.employee-document-list)>:where(a,article):hover{background:#f6faff}.app-body .page :where(.compact-list,.mini-doc-list,.loan-upcoming-list,.employee-document-list)>:last-child{border-bottom:0}
.app-body .page .badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid #d8e4f1;border-radius:999px;background:#edf3f9;color:#52677e;font-size:9px;font-weight:800}.app-body .page :where(.badge.income,.badge.success,.success-text,.money.income){border-color:#c9dcf4;background:#eaf3ff;color:#1769e0!important}.app-body .page :where(.badge.expense,.badge.danger,.danger-text,.money.expense){color:#bf3e4e!important}.app-body .page .alert.success{border:1px solid #c9dcf4;background:#edf6ff;color:#195b9b}.app-body .page .alert.success:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:7px;background:var(--panel-blue);color:#fff;font-weight:800}
.app-body .page .pagination{padding:16px 18px;border-top:1px solid #e6edf5;background:#fbfdff}.app-body .page .page-nav{padding:0}.app-body .page .page-nav-btn,.app-body .page .page-nav-num{border:1px solid #d4e0ed;border-radius:8px;background:#fff;color:#4e657e}.app-body .page .page-nav-num.active{border-color:var(--panel-blue);background:var(--panel-blue);color:#fff}

/* Forms and dialogs share the same controls and navy/blue hierarchy. */
.app-body .page :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#ccd9e7;color:var(--panel-text)}.app-body .page :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline:0;border-color:var(--panel-blue);box-shadow:0 0 0 3px rgba(23,105,224,.11)}
.app-body .page :where(.employee-modal,.import-modal){background:rgba(7,27,52,.62);backdrop-filter:blur(4px)}.app-body .page :where(.employee-modal form,.import-modal-box){border:1px solid rgba(255,255,255,.22);border-radius:20px;background:#fff;box-shadow:0 30px 85px rgba(8,31,59,.3);overflow:hidden}.app-body .page .employee-modal header{background:linear-gradient(120deg,var(--panel-navy),#174f91);color:#fff}.app-body .page .employee-modal header :where(span,h2,button){color:#fff}.app-body .page .employee-modal footer{border-top:1px solid #e2eaf3;background:#f7fafe}

/* Old green action treatments become the site's blue family. */
.app-body .page :where(.action-sale,.move-in,.pay,.tx-payment,.tx-advance){border-color:#bfd6f2!important;background:#eaf3ff!important;color:#1769e0!important}.app-body .page :where(.action-sale,.move-in,.pay):hover{border-color:#1769e0!important;background:#1769e0!important;color:#fff!important}.app-body .page :where(.stat-icon.green,.dash-empty-icon.green){background:#eaf3ff!important;color:#1769e0!important}.app-body .page .announcement.success{border-color:#1769e0;background:#edf5ff}.app-body .page .employee-tags i.active{background:#eaf3ff;color:#1769e0}.app-body .page .employee-stat-grid .green:before{background:#1769e0}
.app-body .page .cari-operation-modal header{background:linear-gradient(120deg,var(--panel-navy),#174f91)}.app-body .page .cari-operation-modal footer button:last-child{border-color:var(--panel-blue);background:var(--panel-blue);color:#fff}.app-body .page :where(.customer-money-menu .cash,.expense-category-link,.expense-stats .paid>span,.expense-status.completed,.loan-stats article.paid>span,.loan-payment-status.paid,.loan-actions .add){background:#eaf3ff!important;color:#1769e0!important}.app-body .page :where(.loan-progress>i>b,.loan-progress-large>i>b){background:linear-gradient(90deg,#1769e0,#28a0df)}.app-body .page :where(.pay-button){background:#1769e0;color:#fff}.app-body .page .loan-detail-stats .paid{border-top-color:#1769e0}.admin-shell .page :where(.admin-stats,.usage-grid) article{border-left-color:#1769e0!important}

/* Legacy action bars now behave like one component without changing their workflows. */
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > :where(a,button),
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > form > button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 13px;border:1px solid #cedbe8;border-radius:9px;background:#fff;color:#294d6d;font-size:11px;font-weight:750;line-height:1.1;box-shadow:none;cursor:pointer}
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > :where(a,button):hover,
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > form > button:hover{border-color:#9dbce0;background:#edf5ff;color:#1769e0}
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > :where(.primary,.action-sale,.pay),
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > form > button.primary{border-color:#1769e0;background:#1769e0!important;color:#fff!important;box-shadow:0 6px 15px rgba(23,105,224,.15)}
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > :where(.action-danger,.delete),
.app-body .page :where(.expense-actions,.loan-actions,.customer-actions-v5,.employee-reference-actions,.sales-detail-top>div) > form:last-child > button{border-color:#f0ccd2;background:#fff1f3!important;color:#ba3346!important}

@media(max-width:900px){.app-body .page{padding:22px}.app-body .page table thead th,.app-body .page table tbody td{padding-left:13px;padding-right:13px}.app-body .page :where(.page-head,.module-command-head,.contact-page-head,.product-page-head,.dashboard-welcome){align-items:flex-start;gap:16px}}
@media(max-width:620px){.app-body .page{padding:15px}.app-body .page :where(.page-head,.module-command-head,.contact-page-head,.product-page-head,.dashboard-welcome){margin-bottom:18px}.app-body .page :where(.page-head,.module-command-head,.contact-page-head,.product-page-head,.dashboard-welcome) > :where(button,a){width:100%}.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters){padding:12px}.app-body .page :where(.toolbar,.module-list-toolbar,.product-toolbar,.contact-filter,.report-filters) :where(input,select,button,a){width:100%}.app-body .page td.actions :where(a,button){min-height:34px}.app-body .page .card{border-radius:15px}}