/* Applications page. Values copied from the decoded export (~L2668-2766). */

.app-filters { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.app-search-wrap { position: relative; display: flex; align-items: center; }
.app-search-wrap svg { position: absolute; left: 11px; pointer-events: none; }
.app-search-input { width: 100%; height: 34px; padding: 0 11px 0 36px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 13px; color: var(--ink); outline: none; }
.app-search-input:focus { border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(44,110,209,0.15); }
.app-date-input, .app-select { height: 34px; padding: 0 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 13px; color: var(--ink); outline: none; }

.app-table-wrap { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 2px 8px rgba(15,40,70,0.08); overflow-x: auto; overflow-y: hidden; }
.app-table-inner { min-width: 1720px; }
.app-grid-cols { display: grid; grid-template-columns: 82px 74px minmax(88px,0.9fr) minmax(96px,1.2fr) minmax(88px,0.95fr) 76px 118px 118px 118px 132px 192px minmax(96px,0.9fr) minmax(120px,1fr) 84px; gap: 8px; align-items: center; }
.app-table-head { padding: 9px 14px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.app-table-head span { font-family: var(--font-display); font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.app-row { padding: 8px 14px; border-bottom: 1px solid var(--line-soft); }
.app-cell-date { width: 100%; height: 30px; padding: 0 6px; border: 1px solid transparent; border-radius: 8px; background: var(--surface); font-size: 11.5px; color: var(--ink-2); outline: none; }
.app-cell-date:hover { border-color: var(--line); background: var(--surface-2); }
.app-cell-date:focus { border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(44,110,209,0.15); }
.app-cell-note { width: 100%; height: 30px; padding: 0 8px; border: 1px solid transparent; border-radius: 8px; background: var(--surface); font-size: 12px; color: var(--ink-2); outline: none; }
.app-cell-note:hover { border-color: var(--line); background: var(--surface-2); }
.app-cell-note:focus { border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(44,110,209,0.15); }
.app-status-select { width: 100%; height: 24px; padding: 0 20px 0 8px; border: 1px solid transparent; border-radius: 999px; font-family: var(--font-display); font-size: 9px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; outline: none; cursor: pointer; }
.app-view-btn { justify-self: end; height: 26px; padding: 0 11px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-family: var(--font-display); font-size: 9.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink); white-space: nowrap; cursor: pointer; }
.app-view-btn:hover { background: var(--hover); border-color: var(--chip-on-line); }

.app-own-range { font-size: 11px; color: var(--ink-4); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-own-badge { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; max-width: 100%; height: 19px; padding: 0 8px; border-radius: 999px; font-family: var(--font-display); font-size: 8.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; overflow: hidden; }
.app-reason-cell { font-size: 11.5px; color: #b23b36; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-reject-row { padding: 10px 14px; border-bottom: 1px solid var(--line-soft); background: var(--flag-tint); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.app-reject-input { flex: 1 1 240px; height: 32px; padding: 0 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 13px; color: var(--ink); outline: none; }