/* Shared screen UI. Document/A4 typography and print rules are intentionally separate. */
@media screen {
  body .kutu a.back, body .giris p > a { display:inline-flex; align-items:center; min-height:44px; padding:4px 0; }
}
@media screen {
  :root {
    --design-canvas: #f4f6f2;
    --design-surface: #ffffff;
    --design-ink: #183b32;
    --design-muted: #52675f;
    --design-brand: #1d5a4b;
    --design-line: #d5dfd9;
    --design-focus: #24745e;
    color-scheme: light;
  }
  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .portal-shell, .duty-screen) {
    --ink: var(--design-ink);
    --muted: var(--design-muted);
    --line: var(--design-line);
    --surface: var(--design-surface);
    --surface-soft: #f1f5f2;
    --brand: var(--design-brand);
    --type-micro: calc(12px * var(--ui-text-scale, 1));
    --type-xs: calc(13px * var(--ui-text-scale, 1));
    --type-sm: calc(14px * var(--ui-text-scale, 1));
    --type-md: calc(15px * var(--ui-text-scale, 1));
    --type-lg: calc(18px * var(--ui-text-scale, 1));
    --type-xl: calc(24px * var(--ui-text-scale, 1));
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;
    font-size: calc(15px * var(--ui-text-scale, 1));
    line-height: 1.5;
    color: var(--design-ink);
  }
  body :is(button, input, select, textarea) { font-family: inherit; }
  body :is(button, a, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--design-focus);
    outline-offset: 3px;
  }
  .design-skip-link { position: fixed; z-index: 250; left: 18px; top: -100px; padding: 12px 18px; border-radius: 10px; background: #fff; color: #183b32; font-weight: 650; }
  .design-skip-link:focus { top: 12px; }
  body .production-app.reference-identical .page-wrap { padding: 26px clamp(20px, 2.6vw, 36px) 48px; }
  body .production-app.reference-identical .page-heading { gap: 16px; margin-bottom: 24px; }
  body .production-app.reference-identical .page-heading h1 { font-size: calc(clamp(26px, 2.3vw, 34px) * var(--ui-text-scale, 1)); line-height: 1.18; letter-spacing: -.035em; }
  body .production-app.reference-identical .page-heading p { color: var(--muted); font-size: var(--type-micro); letter-spacing: .055em; }
  body .production-app.reference-identical .sidebar-nav { scrollbar-width: thin; scrollbar-color: #6c9283 transparent; }
  body .production-app.reference-identical .nav-item { min-height: 44px; font-size: var(--type-sm); border-radius: 10px; }
  body .production-app.reference-identical .nav-item:focus-visible { outline-color: #f2bc62; outline-offset: -3px; }
  body .production-app.reference-identical .nav-section-title { color: #b8d0c5; font-size: var(--type-micro); letter-spacing: .06em; }
  body .production-app.reference-identical .school-context__copy strong { font-size: var(--type-xs); line-height: 1.45; }
  body .production-app.reference-identical .brand-copy span { color: #bdd1c7; font-size: 11px; }
  body .production-app.reference-identical .user-card__copy span { color: #bdd1c7; font-size: var(--type-micro); }
  body .production-app.reference-identical .topbar { gap: 12px; }
  body .production-app.reference-identical .global-search { min-height: 44px; }
  body .production-app.reference-identical .global-search input { min-height: 42px; font-size: var(--type-sm); }
  body .production-app.reference-identical .global-search kbd { font-size: 11px; }
  body .production-app.reference-identical .topbar-context select { min-height: 32px; font-size: var(--type-xs); }
  body .production-app.reference-identical .text-scale-control { min-height: 40px; }
  body :is(.text-scale-control, .text-size-control) button { min-width: 32px; min-height: 32px; }
  body .production-app.reference-identical .date-chip small { color: var(--muted); font-size: var(--type-micro); }
  body .production-app.reference-identical .time-chip small { font-size: var(--type-md); }

  /* A concise work summary replaces repeated decorative counts in the hero. */
  body .production-app.reference-identical .welcome-banner { min-height: 0; display: block; border: 1px solid #cadfd2; border-radius: 20px; color: var(--ink); background: #eaf3ed; box-shadow: none; }
  body .production-app.reference-identical .welcome-banner::before { display: none; }
  body .production-app.reference-identical .welcome-banner__content { padding: 24px 28px; }
  body .production-app.reference-identical .welcome-banner h2 { max-width: none; font-size: var(--type-xl); line-height: 1.25; color: var(--ink); }
  body .production-app.reference-identical .welcome-banner p { margin: 10px 0 18px; max-width: 760px; color: var(--muted); font-size: var(--type-sm); }
  body .production-app.reference-identical .welcome-illustration { display: none; }
  body .production-app.reference-identical .welcome-actions { flex-wrap: wrap; gap: 10px; }
  body .production-app.reference-identical .welcome-actions a { text-decoration: none; }

  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.panel, .table-panel, .class-card, .student-card, .institution-admin-card) { border-color: var(--design-line); box-shadow: 0 3px 14px #183b3206; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.panel-header h2, .section-heading h2, .profile-section h3) { color: var(--design-ink); font-size: var(--type-lg, 18px); line-height: 1.35; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.panel-header p, .section-heading p, .form-field small, .muted, .onboarding-note) { color: var(--design-muted); font-size: var(--type-xs, 13px); line-height: 1.55; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) .button { min-height: 42px; height: auto; gap: 8px; padding: 10px 16px; border-radius: 11px; font-size: var(--type-sm, 14px); line-height: 1.35; font-weight: 650; text-decoration: none; transform: none; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) .button:hover { transform: none; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.button--primary, .button-primary) { color: #fff; background: var(--design-brand); border-color: var(--design-brand); box-shadow: 0 2px 5px #183b3214; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.button--secondary, .button--ghost) { color: var(--design-brand); background: #fff; border-color: var(--design-line); }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.text-button, .feature-labelled-action) { min-height: 36px; font-size: var(--type-xs, 13px); line-height: 1.4; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.row-action, .icon-button) { min-width: 36px; min-height: 36px; flex-shrink: 0; }
  body .production-app.reference-identical .reference-task-more { min-height: 36px; font-size: var(--type-xs); }
  body .production-app.reference-identical .reports-row-link { display: inline-flex; min-height: 36px; align-items: center; text-align: left; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.row-actions, .row-action-group, .form-actions, .modal-footer, .reference-form-actions) { gap: 10px; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.form-field, .form-grid > label, .toolbar > label) { font-size: var(--type-sm, 14px); line-height: 1.45; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.form-field input, .form-field select, .form-field textarea, .form-grid input, .form-grid select, .toolbar input, .toolbar select, .search-box input, .filter-select, .assignment-form select) { min-height: 44px; border-color: #7d9486; border-radius: 10px; font-size: var(--type-sm, 14px); background: #fff; color: var(--design-ink); }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) input::placeholder { color: #63776e; opacity: 1; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) .form-grid { gap: 20px 18px; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) textarea { line-height: 1.5; resize: vertical; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.form-grid, .toolbar, .filter-row, .welcome-actions, .modal-footer) > * { min-width: 0; }
  body .production-app.reference-identical :is(.data-table th, .data-table td) { line-height: 1.5; }
  body .production-app.reference-identical .data-table th { padding: 13px 16px; color: var(--muted); font-size: var(--type-micro); letter-spacing: .035em; }
  body .production-app.reference-identical .data-table td { padding: 16px; font-size: var(--type-sm); }
  body .production-app.reference-identical .data-table :is(.student-cell small, .identity-cell small, .stacked-cell small, .money-cell small) { font-size: var(--type-micro); color: var(--muted); }
  body .production-app.reference-identical .data-table :is(.student-cell strong, .identity-cell strong) { font-size: var(--type-md); }
  body .production-app.reference-identical :is(.class-pill, .status-badge, .report-badge) { font-size: var(--type-micro); line-height: 1.35; }
  body .production-app.reference-identical .status-badge--warning { color: #80521f; }
  body .production-app.reference-identical .data-table tbody tr:hover { background: #f3f7f4; }
  body .production-app.reference-identical .table-panel { overflow-x: auto; overscroll-behavior-inline: contain; }
  body .production-app.reference-identical :is(.stat-card small, .stat-card__label, .stat-card__meta, .summary-card small, .summary-card__label) { font-size: var(--type-micro); color: var(--muted); }
  body .production-app.reference-identical :is(.filter-stat-card, .stat-card[role="checkbox"]) { min-height: 90px; }
  body .production-app.reference-identical .crm-funnel > button { grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: auto auto; min-height: 132px; gap: 10px; padding: 14px; align-items: start; }
  body .production-app.reference-identical .crm-funnel__icon { grid-column: 1; grid-row: 1; }
  body .production-app.reference-identical .crm-funnel__copy { grid-column: 1 / -1; grid-row: 2; }
  body .production-app.reference-identical .crm-funnel__copy strong { white-space: normal; overflow: visible; text-overflow: clip; font-size: var(--type-sm); line-height: 1.4; }
  body .production-app.reference-identical .crm-funnel__copy small { white-space: normal; overflow: visible; text-overflow: clip; color: var(--muted); font-size: var(--type-micro); }
  body .production-app.reference-identical .crm-funnel > button > b { grid-column: 2; grid-row: 1; }
  body .production-app.reference-identical .page-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px; }
  body .production-app.reference-identical .page-toolbar__left { min-width: 0; flex-wrap: wrap; }
  body .production-app.reference-identical .search-field { min-height: 44px; }
  body .production-app.reference-identical .search-field input { min-height: 40px; font-size: var(--type-sm); }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) input:is([type="checkbox"], [type="radio"]) { width: 28px; height: 28px; min-width: 28px; min-height: 28px; flex-shrink: 0; accent-color: var(--design-brand); }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) summary { min-height: 36px; align-content: center; }
  body .production-app.reference-identical .data-table :is(button, select) { min-height: 36px; }
  body .production-app.reference-identical .valor-toolbar input { min-height: 44px; font: inherit; padding: 8px 10px; }
  body .production-app.reference-identical .data-table select { font: inherit; padding: 6px 10px; }
  body .production-app.reference-identical .metric-card__label { color: var(--muted); font-size: var(--type-micro); }
  body .production-app.reference-identical .metric-card__trend { color: var(--muted); font-size: var(--type-micro); }
  body .production-app.reference-identical .activity-row > * { min-width: 0; overflow-wrap: anywhere; }
  body .production-app.reference-identical .activity-row time { white-space: normal; }
  body .production-app.reference-identical .metric-card { transition: border-color 120ms ease, background-color 120ms ease; }
  body .production-app.reference-identical .metric-card:hover { transform: none; }
  body .production-app.reference-identical .data-table-wrap { max-width: 100%; overflow: auto; scrollbar-width: thin; overscroll-behavior-inline: contain; }
  body .production-app.reference-identical :is(.filter-stat-card, .stat-card)[aria-checked="true"] { outline: 2px solid var(--design-brand); outline-offset: -2px; }
  body .production-app.reference-identical :is(.empty-state, .empty-state span) { color: var(--muted); font-size: var(--type-sm); }
  body .production-app.reference-identical :is(.segmented-control, .finance-tabs, .settings-tabs, .portal-role-tabs) { gap: 6px; }
  body .production-app.reference-identical :is(.segmented-control, .finance-tabs, .settings-tabs) button { min-height: 42px; font-size: var(--type-sm); }
  body .production-app.reference-identical .feature-shortcuts { gap: 10px; }
  body .production-app.reference-identical .feature-shortcuts .button { background: #fff; border-color: var(--line); }
  body .production-app.reference-identical .profile-extra-controls > summary { min-height: 44px; align-content: center; color: var(--design-brand); font-size: var(--type-sm); }
  body .production-app.reference-identical .profile-section button { min-height: 36px; }
  body .production-app.reference-identical .parent-form-page input:is([type="checkbox"], [type="radio"]) { width: 28px; height: 28px; min-width: 28px; min-height: 28px; }
  body .contract-print-toolbar .reference-contract-appendix { display: inline-flex; align-items: center; min-height: 44px; gap: 8px; }
  body .contract-print-toolbar input[type="checkbox"] { width: 28px; height: 28px; flex-shrink: 0; }
  body .reference-modal-host .modal-card { max-height: calc(100dvh - 40px); display: flex; flex-direction: column; }
  body .reference-modal-host .modal-header { flex: 0 0 auto; background: #fff; }
  body .reference-modal-host .modal-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  body .reference-modal-host .modal-footer { flex: 0 0 auto; flex-wrap: wrap; background: #fff; }
  body .portal-frame .portal-topbar { gap: 18px; }
  body .portal-frame :is(.portal-role-tabs button, .portal-logout) { min-height: 44px; font-size: var(--type-sm, 14px); }
  body .portal-frame .portal-header p { max-width: 68ch; color: var(--design-muted); }
  body .portal-frame :is(.table-wrap td, .student-card p, .daily-details dt, .daily-entry-grid label, .reply-form label) { font-size: var(--type-sm, 14px); }
  body .portal-frame :is(.table-wrap small, .message-card small, .student-card small) { color: var(--design-muted); font-size: var(--type-xs, 13px); }
  body :is(.giris, .kart, .kutu) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--design-ink); }
  body :is(.giris, .kart, .kutu) :is(p, label, input, button) { font-size: 15px; }
  body :is(.giris, .kart, .kutu) :is(input:not([type="radio"]), .submit) { min-height: 48px; }
  body :is(.giris, .kart, .kutu) :is(p, .guard) { color: var(--design-muted); line-height: 1.6; }
  body :is(.giris, .kart, .kutu) .error { color: #a32626; }
  body .kart .secim input { width: 24px; height: 24px; flex-shrink: 0; }
  body .kart form > button:not(.submit) { min-height: 44px; border: 1px solid var(--design-line); border-radius: 10px; background: #fff; padding: 8px 14px; color: var(--design-brand); font: inherit; }
  body .reference-admin-page .onboarding-panel { padding: 24px; }
  body .reference-admin-page .onboarding-panel .panel-header { padding: 0 0 20px; }
  body .reference-admin-page .onboarding-panel .modal-footer { margin-top: 24px; padding: 20px 0 0; border-top: 1px solid var(--line); }
}
@media screen and (max-width: 900px) {
  body .production-app.reference-identical .topbar { padding: 12px 16px; flex-wrap: wrap; height: auto; min-height: 68px; }
  body .production-app.reference-identical .page-heading__time-cards .time-chip { display: none; }
  body .production-app.reference-identical .global-search { min-width: 0; flex: 1; }
  body .production-app.reference-identical .page-wrap { padding: 22px 16px 40px; }
  body .production-app.reference-identical .sidebar .nav-item { min-height: 46px; }
  body .portal-frame .portal-topbar { flex-wrap: wrap; padding: 14px 16px; }
  body .portal-frame .portal-school { order: 3; flex-basis: 100%; }
}
@media screen and (max-width: 600px) {
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.button, .row-action, .icon-button, .text-button) { min-height: 44px; }
  body .production-app.reference-identical button[class] { min-height: 44px; }
  body .production-app.reference-identical .app-main button { min-height: 44px; }
  body .production-app.reference-identical :is(.text-scale-control, .text-size-control) button { min-height: 44px; min-width: 44px; }
  body .portal-frame .text-size-control button { min-height: 44px; min-width: 44px; }
  body .production-app.reference-identical :is(.secim-listesi__dugme, .reports-row-link, .reference-task-more, .filter-chip) { min-height: 44px; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(.row-action, .icon-button) { min-width: 44px; }
  body .production-app.reference-identical .contract-icon-action { min-width:44px; min-height:44px; flex-shrink:0; }
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: max(16px, var(--type-sm, 16px)); min-height: 44px; }
  body .production-app.reference-identical .welcome-banner__content { padding: 20px; }
  body .production-app.reference-identical .welcome-actions .button { flex: 1 1 160px; }
  body .production-app.reference-identical :is(.profile-section button, .data-table button, .data-table select, summary) { min-height: 44px; }
  body .production-app.reference-identical .profile-section button[class] { min-height: 44px; }
  body .production-app.reference-identical .page-toolbar { grid-template-columns: minmax(0, 1fr); }
  body .production-app.reference-identical .page-toolbar__left > * { flex: 1 1 150px; max-width: 100%; }
  body .production-app.reference-identical .crm-funnel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .production-app.reference-identical .crm-funnel > button:last-child { grid-column: 1 / -1; }
  body .production-app.reference-identical .crm-funnel > button { min-height: 118px; }
  body .production-app.reference-identical .page-heading { align-items: flex-start; }
  body .production-app.reference-identical .page-heading__time-cards { flex-shrink: 0; }
  body .production-app.reference-identical .page-heading h1 { overflow-wrap: anywhere; }
  body .production-app.reference-identical .date-chip { padding: 5px 7px; gap: 6px; }
  body .production-app.reference-identical .date-chip > span { width: 30px; height: 30px; }
  body .production-app.reference-identical :is(.date-chip strong, .date-chip small) { font-size: 11px; }
  body .reference-modal-host .modal-card { max-height: calc(100dvh - 16px); border-radius: 18px; }
  body .reference-modal-host .modal-footer > .button { flex: 1 1 130px; }
  body main.duty-screen[data-reference-view] summary { min-height: 44px; align-content: center; }
  body main.duty-screen[data-reference-view] button[class] { min-height: 44px; }
  body .reference-modal-host .modal-body { padding: 18px; }
  body .reference-modal-host .modal-card .modal-body :is(button, summary) { min-height: 44px; }
  body :is(.production-app.reference-identical, .reference-modal-host) .form-grid { grid-template-columns: minmax(0, 1fr); }
  body .reference-admin-page .onboarding-panel { padding: 20px 16px; }
}
@media screen and (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media screen and (max-width: 600px) {
  html:is([data-ui-text-size="18"], [data-ui-text-size="19"], [data-ui-text-size="20"], [data-ui-text-size="21"], [data-ui-text-size="22"], [data-ui-text-size="23"], [data-ui-text-size="24"]) .production-app.reference-identical :is(.metric-grid, .crm-funnel) { grid-template-columns: minmax(0, 1fr); }
  body .production-app.reference-identical .metric-card { grid-template-columns: 39px minmax(0, 1fr) auto; }
  body .production-app.reference-identical .metric-card__label { white-space: normal; }
}
@media screen and (prefers-reduced-transparency: reduce) {
  body :is(.modal-layer, .workspace-modal-layer) { backdrop-filter: none; background: #102a23ed; }
}
@media screen and (prefers-contrast: more) {
  body :is(.production-app.reference-identical, .reference-modal-host, .portal-frame, .duty-screen) { --design-muted: #344f43; --design-line: #7b9285; }
}

/* Local review: salary payment and student-specific extra debt workflows. */
@media screen {

body .salary-payments{padding:24px;display:grid;gap:22px}body .salary-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}body .salary-heading h2{margin:0 0 8px}body .salary-heading p{margin:0;color:#52675f}body .salary-filters{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(180px,1.4fr) minmax(170px,1fr);gap:16px}body .salary-search-input{display:flex;gap:8px;align-items:center}body .salary-search-input input{width:100%;min-width:0}body .salary-totals{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:18px;background:#f2f7f4;border-radius:12px;gap:16px}body .salary-totals dt,body .salary-list dt,body .salary-review dt{color:#52675f;font-size:calc(13px * var(--ui-text-scale,1))}body .salary-totals dd{margin:6px 0 0;font-size:calc(21px * var(--ui-text-scale,1));font-weight:650}body .salary-list article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.6fr) auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #dce5df}body .salary-list article:last-child{border:0}body .salary-person{display:flex;align-items:center;gap:12px}body .salary-person small{display:block;color:#52675f;margin-top:5px}body .salary-avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#edf4ef;color:#1d5a4b}body .salary-person button{font-weight:650;text-align:left}body .salary-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}body .salary-list dd{margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}body .salary-state{display:flex;align-items:center;gap:6px;color:#1d5a4b}body .salary-empty{text-align:center;padding:26px 8px}body .salary-empty>svg{color:#1d5a4b}body .salary-empty h3{margin:12px 0}body .salary-empty p{color:#52675f}body .salary-empty .button{margin:12px auto 0}body .salary-context{display:grid;gap:8px;background:#f2f7f4;padding:16px;border-radius:12px;margin:0 0 20px}body .salary-context span{color:#52675f}body .salary-review{display:grid;gap:16px;margin:0 0 22px}body .salary-review>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #dce5df;padding-bottom:12px}body .salary-review dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}body .salary-review+p{color:#52675f;font-size:calc(14px * var(--ui-text-scale,1));margin-bottom:22px}
@media(max-width:700px){body .salary-payments{padding:16px}body .salary-heading{flex-wrap:wrap}body .salary-filters{grid-template-columns:1fr}body .salary-totals{grid-template-columns:1fr;gap:14px}body .salary-totals>div{display:flex;justify-content:space-between;gap:16px;align-items:center}body .salary-totals dd{font-size:calc(18px * var(--ui-text-scale,1));margin:0}body .salary-list article{grid-template-columns:1fr}body .salary-list article>.button{width:100%}body .salary-list dl{gap:8px}body .salary-review>div{flex-direction:column;gap:6px}body .salary-review dd{text-align:left}}


body .student-lookup{position:relative;min-width:0;width:100%}body .student-lookup__input{position:relative;display:flex;align-items:center}body .student-lookup__input>svg{position:absolute;left:13px;color:#52675f}body .student-lookup__input input{width:100%;min-width:0;padding-left:42px!important}body .student-lookup__selected{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid #c8d9ce;border-radius:14px;background:#f3f8f5}body .student-lookup__selected>div{flex:1;min-width:140px}body .student-lookup__selected small,body .student-lookup__results small{display:block;margin-top:5px;font-size:calc(13px * var(--ui-text-scale,1));color:#52675f}body .student-lookup__avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#dfeee5;color:#1d5a4b;font-weight:650}body .student-lookup__results{position:absolute;z-index:30;left:0;right:0;top:100%;max-height:360px;overflow:auto;background:#fff;border:1px solid #aebfb4;border-radius:12px;padding:8px;box-shadow:0 12px 28px #173f3620}body .student-lookup__results [role=listbox]{display:grid}body .student-lookup__results [role=option]{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:8px;min-height:56px;cursor:pointer;color:#183b32;font:inherit}body .student-lookup__results [role=option]:hover,body .student-lookup__results .active{background:#e8f2ec}body .student-lookup__results p{padding:8px 12px}body .student-lookup__results button:focus-visible{outline:3px solid #24745e;outline-offset:-3px}@media(max-width:600px){body .student-lookup__selected>.button{width:100%}}


body .extra-debt-workspace{padding:24px;display:grid;gap:22px}body .extra-debt-workspace h2{margin:0 0 8px}body .extra-debt-workspace p{margin:0;color:#52675f;line-height:1.6}body .extra-debt-workspace__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}body .extra-debt-workspace__empty{display:flex;gap:16px;padding:20px;border-radius:12px;background:#f3f7f4}body .extra-debt-workspace__empty>svg{flex-shrink:0;color:#1d5a4b}body .extra-debt-workspace__empty p{margin-top:6px}body .extra-debt-form-context{padding:12px 16px;background:#f3f7f4;border-radius:10px;margin:0}body .extra-debt-panel{margin-top:18px}body .extra-debt-panel .profile-empty{padding:24px}body .extra-debt-panel .extra-debt-card__header{flex-wrap:wrap;gap:14px}body .extra-debt-panel .extra-debt-installments>article{flex-wrap:wrap}@media(max-width:600px){body .extra-debt-workspace{padding:16px}body .extra-debt-workspace__actions{align-items:flex-start;flex-direction:column}body .extra-debt-panel>header{flex-wrap:wrap}body .extra-debt-panel .extra-debt-installments .button{width:100%}}

}

@media screen { body .extra-debt-plan {padding:16px;background:#f3f7f4;border-radius:12px} body .extra-debt-plan h3{margin:0 0 14px} body .extra-debt-plan ol{list-style:none;padding:0;margin:0;max-height:240px;overflow:auto} body .extra-debt-plan li{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:10px 0;border-top:1px solid #d5dfd9} body .extra-debt-plan li strong{text-align:right} }



@media screen {
 body .salary-payments, body .salary-payments > *, body .salary-payments .payroll-lines {min-width:0}
 body .salary-payments .data-table-wrap {max-width:100%;overflow-x:auto}
 body .salary-payments .payroll-header, body .salary-payments .payroll-lines > header {flex-wrap:wrap;gap:16px}
 body .salary-payments .payroll-lines > header > div {min-width:0;flex:1 1 200px}
 body .salary-payment-table{min-width:800px}
 body .salary-payment-table td:first-child{min-width:170px}
 body .salary-payment-table td small{display:block;margin-top:5px;color:var(--design-muted)}
 body .salary-payment-table tfoot td{font-weight:650}
 body .salary-payment-table .button, body .salary-state{white-space:nowrap}
}

@media screen {
 body .salary-payments .salary-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
 body .salary-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
 body .salary-search{max-width:360px;margin:16px 0}
 body .salary-payment-table input{width:150px;min-height:44px;text-align:right}
 body .salary-allocation-note{display:flex;gap:10px;line-height:1.6;color:#52675f;margin:18px 0}
 body .salary-allocation-note svg{flex-shrink:0;margin-top:3px}
 body .salary-allocation-card{padding:18px;border:1px solid #d5dfd9;border-radius:14px;margin:16px 0}
 body .salary-allocation-card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
 body .salary-allocation-card ul{list-style:none;padding:0;margin:16px 0}
 body .salary-allocation-card li{display:grid;grid-template-columns:90px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid #d5dfd9}
 body .salary-allocation-card small{display:block;color:#52675f;margin-top:5px}
 body .salary-allocation-card p{margin:8px 0}
 @media(max-width:700px){body .salary-payments .salary-filters{grid-template-columns:1fr 1fr}body .salary-toolbar{justify-content:flex-start}body .salary-allocation-card li{grid-template-columns:1fr}body .salary-payment-table{min-width:1050px}}
 @media(max-width:430px){body .salary-payments .salary-filters{grid-template-columns:1fr}}
}