:root {
    --ink: #17221d;
    --muted: #718078;
    --line: #e3e9e5;
    --paper: #ffffff;
    --canvas: #f4f7f5;
    --green: #116a4b;
    --green-2: #1d8a63;
    --mint: #dff3e9;
    --orange: #f0a45d;
    --shadow: 0 12px 35px rgba(33, 60, 47, .07);
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; width: 246px; display: flex; flex-direction: column; padding: 28px 18px; color: #e9f5ef; background: #122a21; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 34px; color: white; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px 5px 12px 5px; color: #173428; background: #74d6a8; font: 800 21px Arial, Helvetica, sans-serif; }
.brand strong, .brand small, .sidebar-foot strong, .sidebar-foot small { display: block; }
.brand strong { font: 700 18px Arial, Helvetica, sans-serif; letter-spacing: -.4px; }
.brand small { margin-top: 2px; color: #87a99a; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; }
.nav { display: grid; gap: 7px; }
.nav-item { display: flex; align-items: center; gap: 13px; width: 100%; padding: 13px 14px; border: 0; border-radius: 10px; color: #a9c0b6; background: transparent; text-align: left; transition: .18s ease; }
.nav-item:hover { color: white; background: rgba(255,255,255,.05); }
.nav-item.active { color: white; background: #1d4838; box-shadow: inset 3px 0 #73d3a6; }
.nav-icon { width: 22px; font-size: 20px; text-align: center; }
.sidebar-foot { display: flex; align-items: center; gap: 11px; margin-top: auto; padding: 17px 12px 0; border-top: 1px solid rgba(255,255,255,.09); }
.sidebar-foot strong { color: #dcebe5; font-size: 14px; }
.sidebar-foot small { margin-top: 2px; color: #79988b; font-size: 12px; }
.status-dot { width: 9px; height: 9px; border: 2px solid #163a2d; border-radius: 50%; background: #62d59e; box-shadow: 0 0 0 4px rgba(98,213,158,.11); }

.main { min-height: 100vh; margin-left: 246px; padding: 0 38px 50px; }
.topbar { display: flex; align-items: center; justify-content: space-between; height: 102px; }
.eyebrow { margin: 0 0 5px; color: var(--green-2); font-size: 12px; font-weight: 700; letter-spacing: 1.55px; }
h1, h2, h3 { margin: 0; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 25px; letter-spacing: -.7px; }
h2 { font-size: 18px; letter-spacing: -.4px; }
.top-actions { display: flex; align-items: center; gap: 17px; }
.global-search { display: flex; align-items: center; gap: 9px; width: 330px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px; background: white; box-shadow: 0 3px 12px rgba(31,59,46,.03); }
.global-search span { color: var(--green); font-size: 19px; }
.global-search input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--ink); }
.global-search kbd { padding: 3px 6px; border: 1px solid var(--line); border-radius: 5px; color: #95a098; background: #f8faf9; font-size: 12px; }
.avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: white; background: var(--green); font-size: 13px; font-weight: 700; }
.mobile-menu { display: none; }

.filterbar { display: flex; align-items: end; gap: 12px; margin-bottom: 24px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); box-shadow: 0 4px 20px rgba(30,55,43,.035); }
.filterbar label { display: grid; gap: 6px; min-width: 145px; }
.filterbar label:nth-child(3) { min-width: 190px; }
.filterbar label span { color: var(--muted); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .7px; }
.filterbar input, .filterbar select { height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--ink); background: #fbfcfb; }
.filterbar input:focus, .filterbar select:focus { border-color: #79bd9f; box-shadow: 0 0 0 3px rgba(33,139,99,.09); }
.filter-button { height: 38px; padding: 0 17px; border: 0; border-radius: 8px; color: white; background: var(--green); font-weight: 600; }
.filter-button span { padding-left: 7px; }
.clear-button { height: 38px; padding: 0 7px; border: 0; color: var(--muted); background: transparent; font-size: 14px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 17px; }
.metric-card { position: relative; min-height: 145px; overflow: hidden; padding: 21px 22px; border: 1px solid var(--line); border-radius: 15px; background: var(--paper); box-shadow: var(--shadow); }
.metric-card p { margin: 9px 0 5px; color: var(--muted); font-size: 14px; }
.metric-card strong { display: block; font: 700 27px Arial, Helvetica, sans-serif; letter-spacing: -.8px; }
.metric-card small { color: #98a49e; font-size: 12px; }
.metric-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: var(--green); background: var(--mint); font-weight: 700; }
.metric-card.accent { color: white; border-color: #1b7557; background: linear-gradient(135deg, #126b4c, #1c805d); }
.metric-card.accent::after { content: ""; position: absolute; right: -35px; bottom: -62px; width: 150px; height: 150px; border: 28px solid rgba(255,255,255,.06); border-radius: 50%; }
.metric-card.accent .metric-icon { color: white; background: rgba(255,255,255,.15); }
.metric-card.accent p, .metric-card.accent small { color: #cce8dc; }

.dashboard-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 17px; }
.panel { min-height: 320px; padding: 21px; border: 1px solid var(--line); border-radius: 15px; background: var(--paper); box-shadow: var(--shadow); }
.panel.wide { grid-column: 1 / -1; min-height: 290px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.legend { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13px; }
.legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--green-2); }
.pill, .info-chip { padding: 5px 9px; border-radius: 20px; color: var(--green); background: var(--mint); font-size: 12px; font-weight: 700; }
.text-button { padding: 0; border: 0; color: var(--green); background: transparent; font-size: 13px; font-weight: 600; }

.timeline { height: 205px; }
.timeline svg { width: 100%; height: 100%; overflow: visible; }
.timeline .grid { stroke: #edf1ee; stroke-width: 1; }
.timeline .area { fill: url(#areaGradient); }
.timeline .line { fill: none; stroke: var(--green-2); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.timeline .dot { fill: white; stroke: var(--green-2); stroke-width: 2; }
.timeline text { fill: #87938d; font: 10px Arial, Helvetica, sans-serif; }
.empty { display: grid; place-items: center; min-height: 180px; color: var(--muted); }

.rank-list { display: grid; gap: 15px; }
.rank-row { display: grid; grid-template-columns: minmax(100px, 1fr) 2fr 88px; align-items: center; gap: 12px; }
.rank-label { overflow: hidden; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.bar-track { height: 7px; overflow: hidden; border-radius: 8px; background: #edf2ef; }
.bar-fill { height: 100%; border-radius: 8px; background: linear-gradient(90deg, #24916b, #70cca5); }
.rank-value { color: #4b5c53; font-size: 13px; font-weight: 600; text-align: right; }
.company-list, .product-list { display: grid; gap: 3px; }
.company-row, .product-row { display: grid; grid-template-columns: 33px 1fr auto; align-items: center; gap: 11px; padding: 9px 7px; border-radius: 9px; }
.company-row:hover, .product-row:hover { background: #f6faf8; }
.rank-no { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 7px; color: var(--green); background: var(--mint); font-size: 12px; font-weight: 700; }
.row-main { min-width: 0; }
.row-main strong, .row-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row-main strong { font-size: 13px; }
.row-main small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.row-value { color: var(--green); font-size: 13px; font-weight: 700; }

.section-intro { display: flex; align-items: end; justify-content: space-between; margin: 8px 2px 22px; }
.section-intro h2 { font-size: 24px; }
.section-intro p:last-child { margin: 7px 0 0; color: var(--muted); }
.opportunity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.opportunity-card { padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: var(--shadow); transition: transform .18s ease, box-shadow .18s ease; }
.opportunity-card { cursor: pointer; }
.opportunity-card:hover, .opportunity-card:focus { outline: 0; transform: translateY(-2px); border-color: #aad4c0; box-shadow: 0 15px 35px rgba(27,64,46,.1); }
.opp-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.opp-no { color: #a5afa9; font: 700 11px Arial, Helvetica, sans-serif; }
.opportunity-card h3 { min-height: 42px; margin: 14px 0 5px; font-size: 16px; line-height: 1.45; }
.tax { color: var(--muted); font-size: 12px; }
.opp-value { margin: 18px 0; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.opp-value strong, .opp-value span { display: block; }
.opp-value strong { color: var(--green); font: 700 21px Arial, Helvetica, sans-serif; }
.opp-value span { margin-top: 3px; color: var(--muted); font-size: 12px; text-transform: uppercase; }
.opp-stats { display: grid; grid-template-columns: repeat(3, 1fr); }
.opp-stats div { border-right: 1px solid var(--line); text-align: center; }
.opp-stats div:last-child { border: 0; }
.opp-stats strong, .opp-stats span { display: block; }
.opp-stats span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.opp-action { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--green); font-size: 12px; font-weight: 700; }
.recent { color: var(--green); background: var(--mint); }
.warm { color: #92501d; background: #fff0df; }

.record-count { text-align: right; }
.record-count strong, .record-count span { display: block; }
.record-count strong { font: 700 23px Arial, Helvetica, sans-serif; }
.record-count span { color: var(--muted); font-size: 12px; }
.records-actions { display: flex; align-items: center; gap: 17px; }
.column-picker { position: relative; }
.column-picker > button { height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: white; font-size: 13px; }
.column-picker > button span { margin-left: 5px; color: var(--green); font-weight: 700; }
.column-picker-menu { position: absolute; z-index: 15; top: 46px; right: 0; width: 310px; max-height: 410px; overflow: auto; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 18px 45px rgba(25,54,40,.16); }
.column-menu-head { display: flex; align-items: center; justify-content: space-between; padding: 3px 4px 10px; border-bottom: 1px solid var(--line); }
.column-menu-head strong { font-size: 13px; }
.column-menu-head button { padding: 0; border: 0; color: var(--green); background: transparent; font-size: 12px; font-weight: 600; }
#column-options { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px; padding-top: 8px; }
#column-options label { display: flex; align-items: center; gap: 7px; padding: 6px 4px; color: #536259; font-size: 12px; }
#column-options input { accent-color: var(--green); }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: var(--shadow); }
table { width: max-content; min-width: 100%; border-collapse: collapse; }
th { padding: 13px 15px; color: #77857e; background: #f8faf9; font-size: 12px; letter-spacing: .5px; text-align: left; text-transform: uppercase; }
td { min-width: 125px; max-width: 300px; padding: 14px 15px; border-top: 1px solid #edf1ee; font-size: 13px; vertical-align: top; }
th { min-width: 125px; white-space: nowrap; }
th[data-key="sender_name"], th[data-key="buyer_name"], th[data-key="regime_description"], th[data-key="hs_description"], th[data-key="commercial_description"] { min-width: 240px; }
td.long-text { white-space: normal; line-height: 1.45; }
td strong, td small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
td small { margin-top: 4px; color: var(--muted); }
.number { text-align: right; }
td.number { font-variant-numeric: tabular-nums; font-weight: 600; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 14px; border-top: 1px solid var(--line); }
.pagination button { padding: 7px 11px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: white; font-size: 12px; }
.pagination button:disabled { opacity: .4; cursor: default; }
.pagination span { color: var(--muted); font-size: 12px; }

.upload-guide { display: flex; align-items: center; gap: 19px; margin-bottom: 18px; padding: 24px; border: 1px dashed #8fc2aa; border-radius: 15px; background: #f0f8f4; }
.upload-icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 13px; color: white; background: var(--green); font-size: 24px; }
.upload-guide h3 { margin-bottom: 5px; }
.upload-guide p { margin: 0 0 10px; color: var(--muted); }
.upload-guide code { padding: 7px 10px; border-radius: 6px; color: #d5f2e4; background: #183a2e; font-size: 13px; }
.imports-list { display: grid; gap: 9px; }
.import-row { display: grid; grid-template-columns: 1fr 120px 110px 170px; align-items: center; gap: 15px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 11px; background: white; }
.import-row strong, .import-row small { display: block; }
.import-row small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.status { justify-self: start; padding: 5px 8px; border-radius: 20px; color: var(--green); background: var(--mint); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.loading { position: fixed; inset: 0 0 0 246px; z-index: 50; display: grid; place-content: center; justify-items: center; color: var(--muted); background: rgba(244,247,245,.86); backdrop-filter: blur(3px); }
.loading span { width: 32px; height: 32px; border: 3px solid #d6e9df; border-top-color: var(--green); border-radius: 50%; animation: spin .8s linear infinite; }
.loading p { font-size: 13px; }
.loading.hidden { display: none; }
.error { margin: 20px 0; padding: 16px; border: 1px solid #edc8c8; border-radius: 10px; color: #8b3535; background: #fff1f1; }
.company-modal { width: min(1420px, 96vw); height: 92vh; max-width: none; max-height: none; padding: 0; border: 0; border-radius: 18px; color: var(--ink); background: white; box-shadow: 0 30px 90px rgba(10,30,21,.3); }
.company-modal::backdrop { background: rgba(10,28,20,.58); backdrop-filter: blur(4px); }
.modal-shell { height: 100%; overflow: auto; padding: 25px 28px 30px; }
.modal-header { gap: 16px; position: sticky; top: -25px; z-index: 4; display: flex; align-items: flex-start; justify-content: space-between; margin: -25px -28px 20px; padding: 23px 28px 18px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(8px); }
.modal-header h2 { max-width: 1000px; overflow-wrap: anywhere; font-size: 21px; }
#modal-company-tax { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.modal-header > button { flex-shrink: 0; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; color: #54635b; background: white; font-size: 23px; }
.modal-summary { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-bottom: 25px; }
.modal-metric { padding: 14px 15px; border: 1px solid var(--line); border-radius: 10px; background: #f8faf9; }
.modal-metric strong, .modal-metric span { display: block; }
.modal-metric strong { overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.modal-metric span { margin-top: 4px; color: var(--muted); font-size: 12px; text-transform: uppercase; }
.modal-metric.primary { color: white; border-color: var(--green); background: var(--green); }
.modal-metric.primary span { color: #cde8dc; }
.modal-section-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 12px; }
.modal-section-head h3 { font-size: 15px; }
.modal-section-head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.modal-section-head > strong { color: var(--green); font-size: 14px; }
.modal-records { display: grid; gap: 12px; }
.modal-record { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }
.modal-record-head { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; background: #f2f7f4; }
.modal-record-head strong { font-size: 13px; }
.modal-record-head span { color: var(--muted); font-size: 12px; }
.modal-fields { display: grid; grid-template-columns: repeat(4, 1fr); }
.modal-field { min-width: 0; padding: 11px 14px; border-top: 1px solid #edf1ee; border-right: 1px solid #edf1ee; }
.modal-field:nth-child(4n) { border-right: 0; }
.modal-field span, .modal-field strong { display: block; }
.modal-field span { margin-bottom: 5px; color: #536259; font-size: 12px; font-weight: 700; letter-spacing: .35px; text-transform: uppercase; }
.modal-field strong { overflow-wrap: anywhere; font-size: 14px; line-height: 1.55; }
.modal-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; padding-top: 18px; }
.modal-pagination button { padding: 8px 12px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: white; font-size: 12px; }
.modal-pagination button:disabled { opacity: .4; }
.modal-pagination span { color: var(--muted); font-size: 12px; }
@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
    .metric-grid { grid-template-columns: repeat(2, 1fr); }
    .opportunity-grid { grid-template-columns: repeat(2, 1fr); }
    .filterbar { flex-wrap: wrap; }
}
@media (max-width: 760px) {
    .sidebar { transform: translateX(-100%); transition: transform .2s ease; }
    .sidebar.open { transform: translateX(0); }
    .main { margin-left: 0; padding: 0 16px 35px; }
    .topbar { height: 85px; }
    .mobile-menu { display: block; padding: 0; border: 0; background: transparent; font-size: 22px; }
    .topbar > div:nth-child(2) { margin-right: auto; margin-left: 14px; }
    .topbar h1 { font-size: 20px; }
    .global-search { width: 40px; padding: 10px; }
    .global-search input, .global-search kbd { display: none; }
    .avatar { display: none; }
    .filterbar label { flex: 1 1 42%; min-width: 0 !important; }
    .metric-grid, .dashboard-grid, .opportunity-grid { grid-template-columns: 1fr; }
    .panel.wide { grid-column: auto; }
    .section-intro { align-items: flex-start; }
    .section-intro p:last-child { max-width: 260px; }
    .table-wrap { overflow-x: auto; }
    table { min-width: 100%; }
    .import-row { grid-template-columns: 1fr auto; }
    .import-row > *:last-child { display: none; }
    .loading { left: 0; }
    .company-modal { width: 96vw; height: 94vh; }
    .modal-shell { padding: 20px 15px; }
    .modal-header { top: -20px; margin: -20px -15px 16px; padding: 18px 15px 14px; }
    .modal-summary { grid-template-columns: repeat(2, 1fr); }
    .modal-fields { grid-template-columns: 1fr 1fr; }
    .modal-field:nth-child(4n) { border-right: 1px solid #edf1ee; }
    .modal-field:nth-child(2n) { border-right: 0; }
}

.company-search-link { display: flex; align-items: center; width: fit-content; max-width: 100%; margin-top: 8px; padding: 7px 10px; border: 1px solid #b7d8c6; border-radius: 7px; color: var(--green); background: #f0f8f4; font-size: 12px; font-weight: 600; line-height: 1.4; text-decoration: none; white-space: normal; }
.company-search-link:hover { border-color: var(--green); background: #e2f1e8; }
.company-search-link:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.modal-field strong .company-search-link { display: flex; }

.record-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, .45fr) auto 24px; align-items: center; gap: 20px; padding: 16px 18px; background: #f2f7f4; cursor: pointer; list-style: none; }
.record-summary::-webkit-details-marker { display: none; }
.record-summary:hover { background: #e9f3ed; }
.record-summary:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.record-summary-main, .record-summary-party { min-width: 0; display: grid; gap: 5px; overflow-wrap: anywhere; }
.record-summary-main > strong { color: var(--green); font-size: 15px; }
.record-summary-product { font-size: 14px; line-height: 1.5; }
.record-summary-meta, .record-summary-party > span { color: #536259; font-size: 12px; }
.record-summary-party > strong { font-size: 14px; }
.record-summary-value { color: var(--green); font-size: 16px; white-space: nowrap; }
.record-summary-chevron { color: var(--green); font-size: 23px; text-align: center; transition: transform .15s ease; }
.record-accordion[open] { border-color: #9cc9b2; }
.record-accordion[open] .record-summary { border-bottom: 1px solid var(--line); }
.record-accordion[open] .record-summary-chevron { transform: rotate(180deg); }
@media (max-width: 760px) {
    .record-summary { grid-template-columns: minmax(0, 1fr) auto 24px; gap: 12px; padding: 14px; }
    .record-summary-main { grid-column: 1 / 3; }
    .record-summary-chevron { grid-column: 3; grid-row: 1 / 3; }
    .record-summary-party { grid-column: 1; }
    .record-summary-value { grid-column: 2; }
}

[hidden] { display: none !important; }
.account-info { display: grid; gap: 3px; font-size: 14px; }
.account-info small { color: var(--muted); font-size: 12px; }
.company-card-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.complete-company { padding: 9px 12px; border: 1px solid #b42318; border-radius: 8px; color: white; background: #b42318; font-weight: 600; }
.complete-company:disabled, .filter-button:disabled { opacity: .55; cursor: wait; }
.opportunity-card { cursor: default; }
.company-completed { background: #edf0ee; border-color: #d5dcd7; box-shadow: none; }
.company-completed h3, .company-completed .opp-value strong { color: #59685f; }
.company-completed .pill { color: #536259; background: #dce3de; }
.completion-info { color: #536259; font-size: 13px; line-height: 1.6; }
.modal-company-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 24px; }
.modal-company-actions p { color: #8b3535; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-panel { display: grid; gap: 22px; width: min(440px, 100%); padding: 35px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: var(--shadow); }
.login-panel label, .user-form label { display: grid; gap: 8px; font-size: 14px; }
.login-panel input, .user-form input, .user-form select { width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid #becbc3; border-radius: 8px; font: inherit; background: white; }
#login-message, #user-form-message { margin: 0; overflow-wrap: anywhere; }
#login-message { color: #8b3535; }
.user-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; min-height: 0; margin-bottom: 24px; }
.user-form small { color: var(--muted); font-size: 12px; }
.management-list { display: grid; gap: 12px; }
.management-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: white; overflow-wrap: anywhere; }
.management-row div { min-width: 0; }
.management-row strong, .management-row small { display: block; }
.management-row small { margin-top: 5px; color: #536259; font-size: 13px; }
@media (max-width: 760px) {
    .user-form { grid-template-columns: 1fr; }
    .management-row { flex-wrap: wrap; }
    .top-actions { gap: 10px; }
    .account-info { max-width: 100px; font-size: 12px; overflow-wrap: anywhere; }
}

.opportunity-card:not(.company-completed) { cursor: pointer; }
.opportunity-card:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.complete-company:hover { border-color: #912018; background: #912018; }
.complete-company:focus-visible { outline: 2px solid #b42318; outline-offset: 3px; }
.completion-dialog { width: min(480px, calc(100vw - 32px)); padding: 28px; border: 1px solid var(--line); border-radius: 16px; color: var(--ink); background: white; box-shadow: 0 24px 80px rgba(10,30,21,.25); }
.completion-dialog::backdrop { background: rgba(10,28,20,.58); }
.completion-dialog h2 { font-size: 21px; line-height: 1.4; }
.completion-company-name { font-weight: 700; overflow-wrap: anywhere; }
#completion-warning { color: #536259; font-size: 15px; line-height: 1.6; }
#completion-error { color: #b42318; }
#completion-error:empty { display: none; }
.completion-dialog-actions { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-top: 24px; }

.opportunity-card.admin-completed-card { cursor: pointer; }

.user-data-protected .view,
.user-data-protected #company-modal,
.user-data-protected .view *,
.user-data-protected #company-modal * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}
.user-data-protected input,
.user-data-protected textarea {
    -webkit-user-select: text;
    user-select: text;
}

.column-filter { width: 100%; min-width: 110px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; font: inherit; background: white; color: var(--ink); }
.pagination { flex-wrap: wrap; }
.pagination label { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.pagination input, .pagination select { padding: 6px; border: 1px solid var(--line); border-radius: 5px; background: white; }

.filter-workspace { margin-bottom: 22px; padding: 22px 24px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.filter-workspace-head, .filter-builder-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.filter-workspace h3 { margin:0 0 6px; font-size:17px; } .filter-workspace p { margin:0; font-size:12px; color:var(--muted); }
#builder-count { color:var(--green); font-size:12px; font-weight:600; white-space:nowrap; }
.filter-field-picker { position:relative; margin:18px 0; width:fit-content; }
.filter-field-picker summary { cursor:pointer; color:var(--green); font-weight:600; font-size:13px; padding:10px 14px; border:1px solid var(--line); border-radius:7px; list-style:none; }
.filter-field-picker summary span { margin-left:18px; color:var(--muted); font-size:11px; font-weight:400; }
.filter-picker-content { position:absolute; z-index:20; top:46px; width:370px; max-width:calc(100vw - 90px); padding:16px; background:white; border:1px solid var(--line); border-radius:10px; box-shadow:0 12px 30px #18392a20; }
#filter-field-search { width:100%; padding:9px; border:1px solid var(--line); border-radius:5px; }
.filter-picker-actions { display:flex; gap:16px; margin:12px 0; } .filter-picker-actions button { background:none; border:0; color:var(--green); cursor:pointer; font-size:12px; }
#filter-field-options { max-height:300px; overflow:auto; } #filter-field-options label { display:flex; gap:9px; align-items:center; padding:9px 3px; font-size:12px; } #filter-field-options label[hidden] { display:none; } #filter-field-options input { accent-color:var(--green); }
.filter-builder-row { display:grid; grid-template-columns:minmax(160px,1fr) 150px minmax(220px,2fr) 32px; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--line); animation:filter-in .16s ease-out; }
.filter-rule-label { font-size:12px; font-weight:600; } .filter-rule-values { display:flex; gap:10px; }
.filter-builder-row input, .filter-builder-row select { width:100%; min-width:0; padding:10px; border:1px solid #cbd7d0; border-radius:6px; font:inherit; font-size:12px; background:white; color:var(--ink); }
.filter-builder-row input:focus, .filter-builder-row select:focus { outline:2px solid #91c5a8; outline-offset:1px; }
.filter-remove { width:30px; height:30px; border:0; border-radius:5px; background:none; font-size:20px; color:var(--muted); cursor:pointer; } .filter-remove:hover { background:#f6e9e5; color:#a34d37; }
.filter-builder-footer { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); } .filter-builder-footer > div { display:flex; gap:10px; }
@keyframes filter-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:800px) { .filter-builder-row { grid-template-columns:1fr 32px; } .filter-rule-label { grid-column:1; } .filter-builder-row select, .filter-rule-values { grid-column:1; } .filter-remove { grid-column:2; grid-row:1; } .filter-builder-footer { align-items:flex-start; flex-direction:column; } .filter-workspace { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .filter-builder-row { animation:none; } }

.excel-filter-row { grid-template-columns:minmax(160px,1fr) minmax(260px,3fr) 32px; }
.value-picker { position:relative; min-width:0; } .value-picker summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; padding:11px 13px; border:1px solid #cbd7d0; border-radius:6px; font-size:12px; color:var(--ink); }
.value-picker summary span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .value-picker summary b { font-weight:400; color:var(--green); }
.value-picker[open] summary { border-color:var(--green); background:#f4faf6; }
.value-picker-menu { position:absolute; top:calc(100% + 6px); left:0; right:0; min-width:280px; z-index:30; padding:14px; border:1px solid var(--line); border-radius:8px; background:white; box-shadow:0 12px 30px #18392a20; }
.value-picker-tools { display:flex; justify-content:space-between; gap:8px; margin:12px 0; font-size:11px; color:var(--muted); }
.value-picker-tools button { border:0; background:none; color:var(--green); cursor:pointer; font-size:11px; }
.value-options { max-height:290px; overflow:auto; } .value-options label { display:flex; align-items:center; gap:9px; padding:9px 3px; font-size:12px; cursor:pointer; border-bottom:1px solid #f0f3f1; }
.value-options input { width:auto; accent-color:var(--green); flex:none; } .value-options label span { flex:1; overflow-wrap:anywhere; } .value-options small { color:var(--muted); font-size:10px; white-space:nowrap; }
.value-options-pages { display:flex; align-items:center; justify-content:space-between; margin-top:12px; font-size:11px; color:var(--muted); } .value-options-pages button { padding:5px 10px; border:1px solid var(--line); border-radius:4px; background:white; cursor:pointer; } .value-options-pages button:disabled { opacity:.35; cursor:default; }
.value-loading { padding:14px 0; }
@media(max-width:800px) { .excel-filter-row { grid-template-columns:1fr 32px; } .value-picker { grid-column:1; } .value-picker-menu { min-width:0; } }

/* Compact record workspace: controls share one line; the table gets the viewport. */
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.records-workspace .topbar { height:72px; }
.records-workspace .topbar .eyebrow { display:none; }
#view-records .filter-workspace { padding:10px 12px; margin:0 0 10px; border-radius:8px; }
.compact-filter-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
#view-records .filter-field-picker { margin:0; }
#view-records .filter-field-picker summary { padding:7px 10px; font-size:12px; }
#view-records .filter-picker-content { top:38px; }
#view-records .records-actions { margin-left:auto; gap:12px; }
#view-records .record-count { display:flex; align-items:baseline; gap:5px; }
#view-records .record-count strong { font-size:16px; }
#view-records .record-count span { font-size:11px; }
#view-records #column-picker-button { padding:7px 10px; font-size:12px; }
#view-records .filter-builder-rows { display:flex; flex-wrap:wrap; gap:7px; }
#view-records .filter-builder-rows:not(:empty) { margin-top:8px; }
#view-records .excel-filter-row { display:flex; align-items:center; gap:6px; padding:0; border:1px solid var(--line); border-radius:5px; max-width:100%; background:#f8faf9; }
#view-records .filter-rule-label { padding-left:9px; font-size:11px; white-space:nowrap; max-width:160px; overflow:hidden; text-overflow:ellipsis; }
#view-records .value-picker { flex:1; min-width:100px; max-width:230px; }
#view-records .value-picker summary { border:0; padding:7px 8px; font-size:11px; }
#view-records .filter-remove { width:24px; height:26px; font-size:17px; }
#view-records .value-picker-menu { width:350px; max-width:calc(100vw - 80px); min-width:0; right:auto; }
#view-records .table-wrap { border-radius:8px; box-shadow:none; }
#view-records th { padding:8px 10px; font-size:11px; }
#view-records td { padding:6px 10px; font-size:12px; line-height:1.4; max-width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
#view-records td.long-text { white-space:nowrap; cursor:pointer; }
#view-records td.cell-expanded { white-space:normal; overflow-wrap:anywhere; }
.record-search-icon { display:inline; margin-left:6px; color:var(--green); text-decoration:none; }
.record-search-icon:hover { text-decoration:underline; }
#view-records .pagination { padding:9px 12px; gap:12px; }
@media(max-width:800px) { .records-workspace .topbar { height:70px; } #view-records .records-actions { gap:8px; } #view-records .value-picker-menu { left:auto; right:-24px; max-width:calc(100vw - 55px); } #view-records .filter-rule-label { max-width:125px; } }

/* Spreadsheet scrolling: only the result table moves horizontally. */
#view-records .table-wrap { overflow:visible; }
#records-scroll { width:100%; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; border-radius:8px 8px 0 0; }
#records-scroll:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
#view-records #records-scroll table { width:max-content; min-width:100%; table-layout:auto; }
#view-records #records-scroll td, #view-records #records-scroll td.long-text { max-width:none; white-space:nowrap; overflow:visible; text-overflow:clip; cursor:default; }
.records-workspace .main { padding-bottom:90px; }
.records-scrollbar { position:fixed; bottom:10px; z-index:25; display:flex; align-items:center; gap:10px; height:38px; padding:6px 10px; border:1px solid #bfcec5; border-radius:6px; background:#fff; box-shadow:0 2px 12px #18392a18; }
.records-scrollbar[hidden] { display:none; }
.records-scrollbar button { flex:none; width:28px; height:25px; padding:0; border:1px solid var(--line); border-radius:4px; background:#f5f8f6; color:var(--green); cursor:pointer; }
.records-scrollbar button:disabled { opacity:.35; cursor:default; }
#records-scroll-range { flex:1; min-width:0; height:18px; margin:0; accent-color:var(--green); cursor:ew-resize; }
#records-scroll-range { appearance:none; -webkit-appearance:none; background:transparent; }
#records-scroll-range::-webkit-slider-runnable-track { height:12px; border-radius:3px; background:#e5ece7; }
#records-scroll-range::-webkit-slider-thumb { -webkit-appearance:none; width:64px; height:16px; margin-top:-2px; border:1px solid #769786; border-radius:3px; background:#a4bfaf; cursor:ew-resize; }
#records-scroll-range::-moz-range-track { height:12px; border-radius:3px; background:#e5ece7; }
#records-scroll-range::-moz-range-thumb { width:64px; height:14px; border:1px solid #769786; border-radius:3px; background:#a4bfaf; cursor:ew-resize; }
#records-scroll-range:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
/* Calm green spreadsheet surface with grab-to-scroll interaction. */
#view-records #records-scroll th { background:#dcefe4; color:#315a46; border-bottom:1px solid #b8d9c6; }
#view-records #records-scroll tbody tr:nth-child(even) { background:#f0f8f3; }
#view-records #records-scroll tbody tr:nth-child(odd) { background:#fff; }
#view-records #records-scroll tbody tr:hover { background:#dff1e6; }
#view-records #records-scroll td { border-top-color:#e0ece4; color:#263e30; }
#view-records #records-scroll th, #view-records #records-scroll td { cursor:grab; }
#view-records #records-scroll a { cursor:pointer; }
#records-scroll.is-dragging, #records-scroll.is-dragging * { cursor:grabbing!important; user-select:none!important; -webkit-user-select:none!important; }
.records-scrollbar { background:#edf7f0; border-color:#b4d4bf; }
.records-scrollbar button { background:#dcefe3; border-color:#b4d4bf; }
/* High-contrast horizontal scrollbar. */
.records-scrollbar { background:#d9eee1; border:1px solid #69a982; box-shadow:0 2px 12px #164c2c26; }
.records-scrollbar button { background:#237649; border-color:#1c653e; color:#fff; font-weight:700; }
.records-scrollbar button:hover:not(:disabled) { background:#155e36; }
#records-scroll-range::-webkit-slider-runnable-track { background:#afcfbb; box-shadow:inset 0 1px 3px #215c3533; }
#records-scroll-range::-webkit-slider-thumb { background:#237649; border-color:#14592f; box-shadow:0 1px 3px #17452a40; }
#records-scroll-range:hover::-webkit-slider-thumb { background:#155e36; }
#records-scroll-range::-moz-range-track { background:#afcfbb; box-shadow:inset 0 1px 3px #215c3533; }
#records-scroll-range::-moz-range-thumb { background:#237649; border-color:#14592f; box-shadow:0 1px 3px #17452a40; }
#records-scroll-range:hover::-moz-range-thumb { background:#155e36; }

/* Compact icon navigation and one-label filter controls. */
.sidebar { width:76px; padding:18px 9px; align-items:center; }
.brand { padding:0 0 22px; } .brand > span:last-child { display:none; }
.nav { width:100%; } .nav-item { position:relative; justify-content:center; padding:12px 6px; }
.nav-label { position:absolute; left:calc(100% + 8px); top:50%; transform:translateY(-50%); display:none; padding:7px 10px; border-radius:5px; background:#153b2c; color:white; font-size:12px; white-space:nowrap; z-index:50; }
.nav-item:hover .nav-label, .nav-item:focus-visible .nav-label { display:block; }
.sidebar-account { margin-top:auto; width:100%; display:flex; flex-direction:column; align-items:center; gap:8px; padding-top:14px; border-top:1px solid #ffffff20; }
.account-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#c7edda; background:#2c5441; font-weight:700; }
.sidebar-user-name { font-size:11px; max-width:58px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-logout { width:36px; height:30px; border:0; border-radius:5px; background:#234736; color:#e1f4e9; cursor:pointer; font-size:20px; }
.sidebar-logout:hover { background:#33664c; }
.main { margin-left:76px; padding-left:22px; padding-right:22px; }
.topbar, .records-workspace .topbar { height:55px; }
#view-records .excel-filter-row { gap:0; }
#view-records .value-picker { min-width:0; max-width:none; }
#view-records .value-picker summary { gap:7px; padding:7px 9px; }
#view-records .value-picker summary small { color:var(--green); font-weight:700; }
.records-top-pagination { justify-content:flex-end; margin:0 0 8px; padding:5px 0; border:0; gap:9px; }
.records-top-pagination button { padding:5px 9px; }
@media(max-width:760px) { .main { margin-left:0; padding-left:12px; padding-right:12px; } .sidebar { width:76px; } .sidebar.open { box-shadow:6px 0 20px #163a2d30; } .records-top-pagination { justify-content:flex-start; } }

.record-detail-trigger { display:inline; padding:0; border:0; background:none; color:#1c6943; font:inherit; text-align:left; cursor:grab; }
.record-detail-trigger:hover { color:#104c2d; text-decoration:underline; }
.record-detail-trigger:focus-visible { outline:2px solid var(--green); outline-offset:3px; border-radius:2px; }
.record-detail-trigger span { font-size:10px; color:#6f9d82; }
.record-modal { width:min(1180px,96vw); height:auto; max-height:90vh; }
.record-modal .modal-shell { max-height:90vh; }
#record-modal-subtitle { margin:7px 0 0; color:var(--muted); font-size:12px; }
#record-modal-fields .modal-field strong { white-space:normal; overflow-wrap:anywhere; }
#record-modal-fields .modal-field { background:#f7fbf8; }
.user-data-protected #record-modal, .user-data-protected #record-modal * { user-select:none; -webkit-user-select:none; -webkit-user-drag:none; }
@media(max-width:800px) { #record-modal-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { #record-modal-fields { grid-template-columns:1fr; } }

/* Bring the results directly below the compact controls. */
.records-workspace .topbar { display:none; }
.records-workspace .main { padding-top:10px; }
#view-records .compact-filter-toolbar .records-top-pagination { margin:0 0 0 auto; padding:0; gap:7px; }
#view-records .records-actions { margin-left:6px; }
#view-records .filter-workspace { margin-bottom:6px; }
@media(max-width:760px) {
    .records-workspace .topbar { display:flex; height:34px; }
    .records-workspace .topbar h1 { display:none; }
    .records-workspace .main { padding-top:0; }
    #view-records .compact-filter-toolbar .records-top-pagination { margin-left:0; flex-wrap:wrap; }
    #view-records .records-actions { margin-left:auto; }
}
/* Bound long columns; full source text remains available on hover and in details. */
#records-scroll td { --cell-text-width:145px; }
#records-scroll td[data-key="customs_office"] { --cell-text-width:195px; }
#records-scroll td[data-key="sender_name"], #records-scroll td[data-key="buyer_name"] { --cell-text-width:195px; }
#records-scroll td[data-key="hs_description"] { --cell-text-width:185px; }
#records-scroll td[data-key="commercial_description"] { --cell-text-width:220px; }
#records-scroll td[data-key="regime_description"] { --cell-text-width:195px; }
#records-scroll td[data-key="registration_no"] { --cell-text-width:175px; }
#records-scroll .record-cell-text { display:block; width:var(--cell-text-width); max-width:var(--cell-text-width); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#records-scroll td.number .record-cell-text { width:auto; max-width:none; }
#records-scroll .record-cell-content { display:flex; align-items:center; gap:5px; width:var(--cell-text-width); }
#records-scroll .record-cell-content .record-cell-text { flex:1; min-width:0; width:auto; }
#records-scroll .record-search-icon { flex:none; margin:0; }
#records-scroll .record-detail-trigger { display:flex; align-items:center; gap:5px; }
#records-scroll .record-detail-trigger .record-cell-text { font:inherit; color:inherit; }
#view-records #records-scroll th[data-key="sender_name"], #view-records #records-scroll th[data-key="buyer_name"], #view-records #records-scroll th[data-key="hs_description"], #view-records #records-scroll th[data-key="commercial_description"], #view-records #records-scroll th[data-key="regime_description"] { min-width:0; }

#view-records #records-scroll .record-detail-trigger { font-weight:700; color:#075a34; text-decoration:underline; text-decoration-color:#76b493; text-underline-offset:3px; }
#view-records #records-scroll .record-detail-trigger .record-cell-text { font-weight:700; color:inherit; }
#view-records #records-scroll .record-detail-trigger:hover { color:#003f24; text-decoration-color:#003f24; }
#view-records #records-scroll .record-detail-trigger > span:last-child { color:#075a34; font-weight:700; }
/* Spreadsheet column separators. */
#view-records #records-scroll th,
#view-records #records-scroll td { border-right:1px solid #c6ddce; }
#view-records #records-scroll th { border-right-color:#accdb9; }
#view-records #records-scroll th:last-child,
#view-records #records-scroll td:last-child { border-right:0; }

/* Month selection and hidden native horizontal rail; mouse dragging is retained. */
.records-month-picker { display:flex; align-items:center; gap:7px; margin-left:auto; font-size:12px; color:#315a46; white-space:nowrap; }
.records-month-picker select { width:105px; padding:5px 8px; border:1px solid #b8d9c6; border-radius:5px; background:#f0f8f3; color:#245d3f; }
#view-records .compact-filter-toolbar .records-top-pagination { margin-left:0; }
#records-scroll { scrollbar-width:none; }
#records-scroll::-webkit-scrollbar { display:none; }

/* Immediate full text for clipped cells, separated clearly from the table. */
.record-text-tooltip {
    position:fixed;
    z-index:1000;
    max-width:min(560px, calc(100vw - 24px));
    padding:11px 14px;
    border:1px solid #547790;
    border-radius:6px;
    background:#183449;
    color:#f5f9fc;
    box-shadow:0 5px 18px #10273840;
    font-size:13px;
    font-weight:500;
    line-height:1.55;
    white-space:normal;
    overflow-wrap:anywhere;
    pointer-events:none;
}
.record-text-tooltip[hidden] { display:none; }

/* Firma takibi: renk yanında metinle de durum belirtilir. */
#records-body tr.work-contacted td,.work-contacted { background:#fff0da; color:#844600; }
#records-body tr.work-completed td,.work-completed { background:#dceeff; color:#124c84; }
.work-panel { padding:18px; margin:12px 0; border:1px solid #cbd5e1; border-radius:8px; }
.work-panel textarea { display:block; width:100%; min-height:70px; margin:8px 0; }
.work-panel li { margin:10px 0; }
#work-list { margin-top:20px; }

/* Çalışan sütunu yatay kaydırma sırasında solda görünür kalır. */
#view-records #records-scroll .record-owner-column {
    position:sticky;
    left:0;
    z-index:2;
    box-sizing:border-box;
    width:190px;
    min-width:190px;
    max-width:190px;
    white-space:normal;
    background:#fff;
    box-shadow:3px 0 5px #18392a18;
    border-right:1px solid #accdb9;
}
#view-records #records-scroll thead .record-owner-column { z-index:3; background:#dcefe4; }
#view-records #records-scroll tbody tr:nth-child(even) .record-owner-column { background:#f0f8f3; }
#view-records #records-scroll tbody tr:hover .record-owner-column { background:#dff1e6; }
#view-records #records-scroll tbody tr.work-contacted .record-owner-column { background:#fff0da; color:#844600; }
#view-records #records-scroll tbody tr.work-completed .record-owner-column { background:#dceeff; color:#124c84; }
#view-records #records-scroll .record-owner-button {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    width:100%;
    text-align:left;
    white-space:normal;
    overflow-wrap:anywhere;
    color:inherit;
    text-decoration:none;
    line-height:1.35;
}
#view-records #records-scroll .record-owner-button strong { font-size:12px; font-weight:700; }
#view-records #records-scroll .record-owner-button small { font-size:10px; font-weight:400; }
#view-records #records-scroll .record-owner-button:hover strong { text-decoration:underline; }

/* Kayıt detayında önce müşteri süreci, ardından gruplandırılmış bilgiler. */
#record-modal .record-action-panel { background:#fff; color:var(--ink); margin:0 0 26px; padding:20px; border:1px solid #dce5df; border-radius:10px; }
.record-action-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.record-action-heading h3 { margin:0 0 6px; font-size:18px; }
.record-action-heading p { margin:0; color:#536259; font-size:13px; }
.record-responsible { text-align:right; }
.record-responsible small,.record-responsible strong { display:block; }
.record-responsible small { color:#536259; margin-bottom:5px; }
.record-action-help { font-size:13px; color:#536259; line-height:1.6; margin:16px 0; }
.record-process-buttons { display:flex; flex-wrap:wrap; gap:12px; }
.process-button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:12px 18px; border:0; border-radius:7px; color:#fff; font:700 14px Arial,Helvetica,sans-serif; cursor:pointer; transition:background .15s,box-shadow .15s; }
.process-contact { background:#b45309; }
.process-contact:hover:not(:disabled) { background:#92400e; }
.process-approve { background:#1d4ed8; }
.process-approve:hover:not(:disabled) { background:#1e40af; }
.process-button span { display:grid; place-items:center; width:23px; height:23px; border:1px solid #ffffff70; border-radius:50%; font-size:12px; }
.process-button:disabled { opacity:.5; cursor:not-allowed; }
.process-button:focus-visible { outline:3px solid #152f25; outline-offset:3px; }
.record-note-label { display:block; margin-top:18px; font-size:13px; font-weight:700; }
.record-note-label span { color:#536259; font-weight:400; }
#record-modal .record-note-label textarea { min-height:65px; padding:10px 12px; border:1px solid #cbd5ce; border-radius:6px; font:400 13px Arial,Helvetica,sans-serif; resize:vertical; }
#work-action-error { color:#b42318; font-size:13px; }
.record-history { margin-top:18px; border-top:1px solid #e3eae5; padding-top:14px; }
.record-history summary { cursor:pointer; font-size:13px; font-weight:700; color:#315a46; }
.record-history ol { list-style:none; padding:0; margin:14px 0 0; }
.record-history li { padding:10px 0; border-bottom:1px solid #edf1ee; }
.record-history li > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; font-size:13px; }
.record-history time { color:#536259; font-size:12px; }
.record-history p { margin:5px 0 0; font-size:13px; }
.record-history-note { color:#536259; white-space:pre-wrap; }
.record-detail-content { display:block; }
.record-detail-section { margin-bottom:26px; }
.record-detail-section h3 { font-size:15px; margin:0; padding-bottom:10px; border-bottom:1px solid #cbdad1; color:#315a46; }
.record-detail-section dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 26px; margin:16px 0 0; }
.record-detail-section dt { font-size:11px; line-height:1.45; color:#536259; margin-bottom:5px; }
.record-detail-section dd { margin:0; font-size:14px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.record-detail-section .company-search-link { display:block; width:fit-content; margin-top:7px; font-weight:400; }
@media(max-width:800px) { .record-detail-section dl { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .record-action-heading { flex-direction:column; gap:12px; } .record-responsible { text-align:left; } .process-button { width:100%; } .record-detail-section dl { grid-template-columns:1fr; gap:15px; } #record-modal .record-action-panel { padding:15px; } }
@media(prefers-reduced-motion:reduce) { .process-button { transition:none; } }

/* Kompakt, sabit çalışan ve yorum sütunu. */
#view-records #records-scroll .record-owner-column { width:140px; min-width:140px; max-width:140px; padding:7px 8px; background:#fee2e2; color:#991b1b; border-right-color:#f0b4b4; }
#view-records #records-scroll thead .record-owner-column { background:#9f2727; color:#fff; border-color:#9f2727; font-size:10px; letter-spacing:0; white-space:nowrap; }
#view-records #records-scroll tbody tr:nth-child(even) .record-owner-column { background:#fee2e2; }
#view-records #records-scroll tbody tr:hover .record-owner-column { background:#fecaca; }
#view-records #records-scroll .record-owner-button { gap:2px; }
#view-records #records-scroll .record-owner-button small { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; max-width:118px; text-align:left; color:inherit; }
.record-latest-note { margin-top:16px; padding:12px 14px; background:#f2edff; border-left:3px solid #644595; font-size:13px; }
.record-latest-note p { margin:6px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }

#view-records #records-scroll tbody tr.work-contacted .record-owner-column { background:#fff0da; color:#844600; }
#view-records #records-scroll tbody tr.work-completed .record-owner-column { background:#dceeff; color:#124c84; }
#view-records #records-scroll .record-owner-button strong:empty { display:none; }

/* İsim ve süreç durumu için yüksek kontrastlı sabit sütun. */
#view-records #records-scroll tbody .record-owner-column {
    background:#ffd4d4;
    color:#7f1515;
    border-left:4px solid #dc2626;
    border-right:1px solid #eaa0a0;
    border-top:1px solid #fff;
    padding:8px;
}
#view-records #records-scroll tbody tr:nth-child(even) .record-owner-column,
#view-records #records-scroll tbody tr:hover .record-owner-column { background:#ffd4d4; }
#view-records #records-scroll tbody tr.work-contacted .record-owner-column {
    background:#ffdda3;
    color:#713900;
    border-left-color:#e87500;
    border-right-color:#eab973;
}
#view-records #records-scroll tbody tr.work-completed .record-owner-column {
    background:#bfdcff;
    color:#103f80;
    border-left-color:#2563eb;
    border-right-color:#91b7e8;
}
#view-records #records-scroll .record-owner-button { gap:4px; color:inherit; text-decoration:none; }
#view-records #records-scroll .record-owner-button strong.record-owner-name { font-size:14px; font-weight:800; line-height:1.3; color:#172b3a; }
#view-records #records-scroll .record-owner-button .record-owner-status { display:block; font-size:11px; font-weight:700; line-height:1.35; color:inherit; }
#view-records #records-scroll .record-owner-button small.record-owner-note { font-size:11px; font-weight:400; line-height:1.4; padding-top:4px; border-top:1px solid #0002; color:#263746; }
#view-records #records-scroll .record-owner-button:hover { color:inherit; text-decoration:none; }
#view-records #records-scroll .record-owner-button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }

#view-records #records-scroll .record-owner-column { width:120px; min-width:120px; max-width:120px; }
#view-records #records-scroll .record-owner-button small { max-width:100%; }

/* Ortak üst menü: açık etiketler ve tam genişlikte çalışma alanı. */
.top-nav-layout .sidebar {
    position:sticky; inset:auto; top:0; z-index:60;
    width:100%; padding:10px 20px;
    flex-direction:row; align-items:center; gap:20px;
    transform:none; box-shadow:0 2px 8px #122a2118;
}
.top-nav-layout .brand { padding:0; flex:none; gap:8px; }
.top-nav-layout .brand-mark { width:32px; height:32px; font-size:20px; }
.top-nav-layout .brand > span:last-child { display:block; }
.top-nav-layout .brand strong { font-size:16px; }
.top-nav-layout .brand small { display:none; }
.top-nav-layout .nav { display:flex; flex:1; width:auto; gap:4px; min-width:0; overflow-x:auto; }
.top-nav-layout .nav-item { flex:none; width:auto; gap:6px; padding:10px 11px; border-radius:6px; font-size:12px; white-space:nowrap; }
.top-nav-layout .nav-icon { display:none; }
.top-nav-layout .nav-label { position:static; display:block; transform:none; padding:0; background:none; color:inherit; font-size:inherit; }
.top-nav-layout .nav-item.active { background:#28523f; box-shadow:inset 0 -3px #74d6a8; }
.top-nav-layout .nav-item:focus-visible { outline:2px solid #74d6a8; outline-offset:-2px; }
.top-nav-layout .sidebar-account { flex:none; width:auto; flex-direction:row; margin:0; padding:0 0 0 14px; border-top:0; border-left:1px solid #ffffff26; }
.top-nav-layout .sidebar-user-name { max-width:130px; font-size:12px; }
.top-nav-layout .main { margin-left:0; padding:0 24px 50px; }
.top-nav-layout.records-workspace .main { padding-top:14px; padding-bottom:90px; }
.top-nav-layout .mobile-menu { display:none; }
.top-nav-layout.records-workspace .topbar { display:none; }
.top-nav-layout .loading { position:fixed; inset:auto 18px 18px auto; z-index:55; display:flex; align-items:center; gap:10px; padding:12px 16px; border:1px solid #c9d9cf; border-radius:8px; background:#fff; backdrop-filter:none; box-shadow:0 4px 16px #163a2d15; pointer-events:none; }
.top-nav-layout .loading.hidden { display:none; }
.top-nav-layout .loading span { width:20px; height:20px; }
.top-nav-layout .loading p { margin:0; }
@media(max-width:1200px) {
    .top-nav-layout .sidebar { flex-wrap:wrap; gap:8px 16px; padding:10px 16px; }
    .top-nav-layout .nav { order:3; flex-basis:100%; }
    .top-nav-layout .sidebar-account { margin-left:auto; }
}
@media(max-width:760px) {
    .top-nav-layout .main { padding-left:12px; padding-right:12px; }
    .top-nav-layout .sidebar { padding:8px 12px; }
    .top-nav-layout .nav-item { padding:9px 10px; }
    .top-nav-layout .topbar > div { margin-left:0; }
}

.top-nav-layout .nav-item[hidden] { display:none; }
.activity-dashboard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.activity-dashboard-section { min-width:0; background:#fff; border:1px solid #dde5df; border-radius:8px; overflow:hidden; }
.activity-dashboard-section > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-top:4px solid; border-bottom:1px solid #e3e9e5; }
.activity-dashboard-section h2 { font-size:15px; line-height:1.4; }
.activity-dashboard-section > header > strong { font-size:22px; }
.dashboard-missing > header { background:#fff1f1; border-top-color:#dc2626; color:#922020; }
.dashboard-pending > header { background:#fff3df; border-top-color:#e87500; color:#713900; }
.dashboard-approved > header { background:#eaf3ff; border-top-color:#2563eb; color:#103f80; }
.activity-dashboard-list { max-height:65vh; overflow:auto; }
.activity-dashboard-row { padding:16px; border-bottom:1px solid #e3e9e5; }
.activity-dashboard-row:last-child { border-bottom:0; }
.activity-dashboard-row > strong { display:block; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.activity-dashboard-row > small { display:block; margin-top:5px; font-size:12px; color:#536259; overflow-wrap:anywhere; }
.activity-dashboard-row > p { margin:8px 0; font-size:12px; color:#536259; }
@media(max-width:1000px) { .activity-dashboard { grid-template-columns:1fr; } .activity-dashboard-list { max-height:400px; } }

.dashboard-counters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:24px; }
.dashboard-counters > div { display:grid; gap:8px; padding:18px 20px; background:#fff; border:1px solid #dde5df; border-top:4px solid #116a4b; border-radius:7px; }
.dashboard-counters span { font-size:14px; font-weight:700; }
.dashboard-counters strong { font-size:30px; font-variant-numeric:tabular-nums; }
.dashboard-counters small { font-size:12px; color:#536259; }
.dashboard-counters > .counter-completed { border-top-color:#2563eb; }
.dashboard-counters > .counter-ongoing { border-top-color:#e87500; }
@media(max-width:600px) { .dashboard-counters { grid-template-columns:1fr; gap:10px; } }

/* İş takibi: ölçülü özet, hizalı filtreler ve tek müşteri tablosu. */
.work-summary { display:flex; gap:32px; padding:18px 0 22px; margin-bottom:20px; border-bottom:1px solid #dce5df; }
.work-summary > div { display:flex; align-items:center; gap:14px; }
.work-summary span { color:#536259; font-size:13px; }
.work-summary strong { font-size:25px; font-variant-numeric:tabular-nums; }
.work-summary-pending strong { color:#a45100; }
.work-summary-approved strong { color:#1d4ed8; }
.work-toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.work-toolbar label { display:grid; gap:7px; font-size:12px; font-weight:700; color:#536259; }
.work-toolbar input,.work-toolbar select { height:40px; min-width:190px; padding:0 12px; border:1px solid #cbdad1; border-radius:6px; background:#fff; color:#17221d; font-size:13px; }
.work-toolbar .work-search-label { flex:1; max-width:430px; }
.work-toolbar input:focus,.work-toolbar select:focus { outline:2px solid #74d6a8; outline-offset:1px; }
#work-result-count { margin-left:auto; padding-bottom:12px; font-size:12px; color:#536259; }
.work-table-wrap { overflow-x:auto; background:#fff; border:1px solid #dce5df; border-radius:8px; }
.work-tracking-table { width:100%; border-collapse:collapse; }
.work-tracking-table th { background:#edf4ef; color:#536259; font-size:11px; text-align:left; padding:13px 18px; white-space:nowrap; }
.work-tracking-table td { padding:16px 18px; min-width:0; max-width:none; border-top:1px solid #e6ece8; vertical-align:middle; font-size:13px; }
.work-tracking-table tbody tr:hover { background:#f8faf9; }
.work-tracking-table td:first-child { width:42%; min-width:260px; }
.work-company-name { display:block; font-size:14px; line-height:1.5; color:#17221d; overflow-wrap:anywhere; }
.work-tax { display:block; margin-top:5px; font-size:11px; color:#64746b; }
.work-employee-name { font-size:13px; font-weight:700; color:#243f31; }
.work-status { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:5px; background:#f0f3f1; white-space:nowrap; font-size:11px; font-weight:700; }
.work-status:before { content:''; width:6px; height:6px; background:currentColor; border-radius:50%; }
.work-status-contacted { background:#fff0d6; color:#955000; }
.work-status-completed { background:#e0edff; color:#1b4fac; }
.work-tracking-table time { font-size:12px; color:#64746b; white-space:nowrap; }
.work-detail-button { border:1px solid #cbdad1; border-radius:5px; background:#fff; color:#116a4b; padding:8px 10px; font-size:12px; font-weight:700; white-space:nowrap; transition:background .15s; }
.work-detail-button:hover { background:#edf7f1; border-color:#8cbba2; }
.work-detail-button:focus-visible { outline:2px solid #116a4b; outline-offset:2px; }
@media(max-width:650px) { .work-summary { gap:16px; flex-wrap:wrap; } .work-summary > div { gap:8px; } .work-summary strong { font-size:22px; } .work-toolbar label,.work-toolbar .work-search-label { width:100%; max-width:none; } .work-toolbar input,.work-toolbar select { width:100%; } #work-result-count { margin-left:0; padding:0; } }
@media(prefers-reduced-motion:reduce) { .work-detail-button { transition:none; } }

/* CRM genel bakış: müşteri bazında, sade ve güçlü tipografi. */
.dashboard-workspace { background:#f5f7f8; }
.dashboard-workspace .topbar { display:none; }
#view-dashboard { padding-top:30px; padding-bottom:30px; }
.crm-dashboard-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.crm-dashboard-heading h2 { font-size:28px; letter-spacing:-.8px; line-height:1.3; color:#152c25; }
.crm-dashboard-heading > div > p:last-child { margin:8px 0 0; font-size:13px; color:#6a7974; }
.crm-dashboard-heading .eyebrow { font-size:10px; margin-bottom:10px; letter-spacing:1.7px; }
.dashboard-freshness { display:flex; align-items:center; gap:7px; color:#6a7974; white-space:nowrap; font-size:11px; }
.dashboard-freshness i { width:6px; height:6px; border-radius:50%; background:#2d9568; }
#view-dashboard .dashboard-counters { gap:0; background:#fff; border:1px solid #e2e8e5; border-radius:12px; overflow:hidden; margin-bottom:12px; box-shadow:0 3px 16px #163a2d04; }
#view-dashboard .dashboard-counters > div { padding:26px 28px; border:0; border-radius:0; background:transparent; gap:10px; }
#view-dashboard .dashboard-counters > div + div { border-left:1px solid #e8edea; }
#view-dashboard .dashboard-counters span { font-size:12px; font-weight:600; color:#64746d; }
#view-dashboard .dashboard-counters strong { font-size:40px; font-weight:700; line-height:1.15; letter-spacing:-1.3px; color:#153f2f; }
#view-dashboard .counter-ongoing strong { color:#a35b10; }
#view-dashboard .counter-completed strong { color:#2858a1; }
#view-dashboard .dashboard-counters small { font-size:11px; color:#718078; }
.dashboard-count-note { margin:0 0 28px; font-size:11px; color:#74827c; }
#view-dashboard .activity-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
#view-dashboard .activity-dashboard-section { border:1px solid #e2e8e5; border-radius:10px; box-shadow:0 2px 12px #163a2d03; }
#view-dashboard .activity-dashboard-section > header { background:#fff; color:#20392e; border-top:0; padding:22px; }
#view-dashboard .activity-dashboard-section h2 { font-size:16px; margin-top:7px; letter-spacing:-.25px; }
.dashboard-section-kicker { font-size:9px; font-weight:700; letter-spacing:1.2px; color:#7c8882; }
#view-dashboard .activity-dashboard-section > header > strong { display:grid; place-items:center; min-width:34px; height:34px; padding:0 10px; border-radius:7px; font-size:17px; background:#edf3ef; }
#view-dashboard .dashboard-pending > header > strong { background:#fff1dc; color:#a35b10; }
#view-dashboard .dashboard-approved > header > strong { background:#e9f1ff; color:#2858a1; }
#view-dashboard .activity-dashboard-row { padding:20px 22px; border-bottom-color:#edf1ee; }
.customer-dashboard-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.customer-dashboard-row > div { min-width:0; }
.customer-dashboard-row strong { display:block; color:#253b30; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.dashboard-customer-meta { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:10px; font-size:11px; color:#7a8881; }
.dashboard-owner { background:#f0f4f1; border-radius:4px; padding:4px 7px; color:#435b4b; font-weight:600; }
.dashboard-detail-link { flex:none; border:1px solid #d9e5dd; background:#fff; border-radius:6px; padding:8px 10px; color:#226044; font-size:11px; font-weight:700; transition:background .15s; }
.dashboard-detail-link:hover { background:#edf7f1; }
.dashboard-detail-link:focus-visible { outline:2px solid #116a4b; outline-offset:3px; }
#view-dashboard .dashboard-missing { grid-column:1/-1; }
#view-dashboard .dashboard-missing > header { padding:18px 22px; }
#view-dashboard .dashboard-missing > header > strong { background:#fff0ef; color:#a6463e; }
#view-dashboard .dashboard-missing .activity-dashboard-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
#view-dashboard .dashboard-missing .activity-dashboard-row { border-bottom:0; }
#view-dashboard .empty { padding:36px 20px; min-height:0; font-size:12px; }
@media(max-width:800px) { .crm-dashboard-heading { align-items:flex-start; flex-direction:column; gap:12px; } .crm-dashboard-heading h2 { font-size:24px; } #view-dashboard .activity-dashboard { grid-template-columns:1fr; } #view-dashboard .dashboard-missing .activity-dashboard-list { grid-template-columns:1fr; } }
@media(max-width:600px) { #view-dashboard .dashboard-counters { grid-template-columns:1fr; } #view-dashboard .dashboard-counters > div { padding:18px 22px; } #view-dashboard .dashboard-counters > div + div { border-left:0; border-top:1px solid #e8edea; } #view-dashboard .dashboard-counters strong { font-size:32px; } .customer-dashboard-row { gap:12px; } }
@media(prefers-reduced-motion:reduce) { .dashboard-detail-link { transition:none; } }

/* Yönetim ekranlarında tek başlık ve ortak boşluk/yazı düzeni. */
.content-workspace { background:#f5f7f8; }
.content-workspace .topbar { display:none; }
.content-workspace .view { padding:30px 0 36px; }
.content-workspace .section-intro { margin:0 0 28px; align-items:flex-start; }
.content-workspace .section-intro h2 { font-size:28px; line-height:1.3; letter-spacing:-.8px; color:#152c25; }
.content-workspace .section-intro .eyebrow { margin:0 0 10px; font-size:10px; letter-spacing:1.6px; }
.content-workspace .section-intro p:last-child { font-size:13px; line-height:1.6; margin:8px 0 0; color:#6a7974; max-width:680px; }
#view-work .work-summary { gap:0; padding:0; margin:0 0 26px; border:1px solid #e2e8e5; border-radius:9px; background:#fff; width:fit-content; overflow:hidden; }
#view-work .work-summary > div { display:grid; gap:8px; padding:18px 26px; min-width:170px; }
#view-work .work-summary > div + div { border-left:1px solid #e8edea; }
#view-work .work-summary span { font-size:12px; }
#view-work .work-summary strong { font-size:28px; line-height:1.2; }
.completed-summary { display:flex; align-items:center; gap:18px; padding:18px 22px; margin-bottom:24px; border:1px solid #e2e8e5; border-radius:8px; width:fit-content; background:#fff; }
.completed-summary span { font-size:13px; color:#64746d; }
.completed-summary strong { font-size:26px; color:#2858a1; }
.content-workspace .work-table-wrap { border-color:#e2e8e5; border-radius:10px; }
.content-workspace .work-tracking-table th { background:#f0f4f2; padding:15px 20px; letter-spacing:.4px; }
.content-workspace .work-tracking-table td { padding:18px 20px; }
/* SMTP ayarları: bölüm açıklaması ve eş ölçülü alanlar. */
.settings-form { max-width:1360px; border:1px solid #e2e8e5; background:#fff; border-radius:10px; overflow:hidden; }
.settings-section { display:grid; grid-template-columns:230px minmax(0,1fr); gap:32px; padding:28px; border-bottom:1px solid #e8edea; }
.settings-section-heading h3 { font-size:15px; color:#20392e; line-height:1.4; }
.settings-section-heading p { margin:8px 0 0; color:#718078; font-size:12px; line-height:1.7; max-width:210px; }
.settings-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 20px; align-items:start; }
.settings-fields label { display:flex; flex-direction:column; gap:8px; min-width:0; color:#41574b; font-size:12px; font-weight:600; }
.settings-fields input,.settings-fields select { width:100%; height:42px; min-width:0; padding:0 12px; border:1px solid #cddad2; border-radius:6px; background:#fcfdfc; color:#17221d; font:400 13px Arial,Helvetica,sans-serif; }
.settings-fields small { font-size:11px; font-weight:400; line-height:1.5; color:#7b8881; }
.settings-fields input:focus,.settings-fields select:focus { outline:2px solid #74d6a8; outline-offset:1px; background:#fff; }
.settings-note { margin:0; padding:18px 28px; font-size:12px; line-height:1.7; color:#718078; background:#fafcfb; }
.settings-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; border-top:1px solid #e8edea; padding:20px 28px; }
.settings-actions .filter-button { height:40px; font-size:13px; border-radius:6px; }
.settings-secondary-button { min-height:40px; padding:9px 14px; border:1px solid #cddad2; border-radius:6px; color:#315a46; background:#fff; font-size:12px; font-weight:600; }
.settings-secondary-button:hover { background:#f0f6f2; }
#mail-form-message { flex-basis:100%; margin:0; color:#435b4b; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#mail-form-message:empty { display:none; }
/* Kullanıcı alanlarında aynı form ölçüleri ve okunur liste satırları. */
#view-users .user-form { max-width:1100px; gap:22px; padding:26px; border-radius:10px; box-shadow:none; border-color:#e2e8e5; }
#view-users .user-form label { align-content:start; color:#41574b; font-size:12px; font-weight:600; }
#view-users .user-form input,#view-users .user-form select { height:42px; font-size:13px; font-weight:400; border-radius:6px; background:#fcfdfc; }
#view-users .user-form small { font-size:11px; font-weight:400; line-height:1.5; }
#view-users .user-form > div { align-self:end; }
#user-form-message { grid-column:1/-1; font-size:12px; }
#user-form-message:empty { display:none; }
#users-list { gap:0; border:1px solid #e2e8e5; border-radius:10px; overflow:hidden; background:#fff; }
#users-list .management-row { border:0; border-bottom:1px solid #e8edea; border-radius:0; padding:20px 22px; font-size:13px; }
#users-list .management-row:last-child { border-bottom:0; }
#users-list .management-row small { font-size:12px; }
@media(max-width:900px) { .settings-section { grid-template-columns:1fr; gap:20px; padding:22px; } .settings-section-heading p { max-width:none; } }
@media(max-width:600px) { .content-workspace .view { padding-top:24px; } .content-workspace .section-intro h2 { font-size:24px; } #view-work .work-summary { width:100%; } #view-work .work-summary > div { min-width:0; flex:1; padding:15px 12px; } #view-work .work-summary span { font-size:11px; } .settings-fields { grid-template-columns:1fr; } .settings-note,.settings-actions { padding:18px 22px; } .settings-actions button { width:100%; } #view-users .user-form { padding:20px; } }

.auth-page { background:#f3f6f4; }
.auth-panel { padding:34px; border-radius:12px; border:1px solid #dce5df; box-shadow:0 16px 50px #173c2910; }
.auth-brand { display:flex; align-items:center; gap:10px; margin-bottom:30px; text-decoration:none; color:#20392e; font-size:19px; }
.auth-panel form { display:grid; gap:18px; }
.auth-panel [hidden],#account-password-field[hidden] { display:none; }
.auth-panel h1 { font-size:25px; line-height:1.35; }
.auth-panel .eyebrow { margin:0; font-size:10px; }
.auth-description { color:#64746d; font-size:13px; line-height:1.7; margin:0 0 4px; }
.auth-panel label { font-size:12px; font-weight:600; color:#41574b; }
.auth-panel input { height:44px; font-size:14px; border-radius:6px; }
.auth-panel .filter-button { height:44px; border-radius:6px; font-size:13px; }
.auth-text-button { border:0; background:none; color:#315a46; font-size:12px; padding:2px; text-align:center; }
.auth-text-button:hover { text-decoration:underline; }
.auth-message { font-size:12px; line-height:1.7; margin:0; overflow-wrap:anywhere; }
.auth-message:empty { display:none; }
.auth-login-link { display:flex; align-items:center; justify-content:center; text-decoration:none; margin-top:24px; }
#password-success h1 { margin:12px 0; }
@media(max-width:520px) { .auth-panel { padding:26px; } }

/* Lex kurumsal logosu: oran korunur, koyu menüde beyaz zemin kullanılır. */
.sidebar .lex-brand { display:flex; align-items:center; justify-content:center; flex:none; width:64px; padding:6px 3px; margin-bottom:20px; border-radius:5px; background:#fff; }
.sidebar .lex-brand .lex-logo { display:block; width:58px; height:auto; object-fit:contain; }
.top-nav-layout .sidebar .lex-brand { width:110px; padding:6px 8px; margin-bottom:0; }
.top-nav-layout .sidebar .lex-brand .lex-logo { width:94px; height:auto; }
.auth-panel .lex-auth-brand { display:flex; justify-content:center; margin:0 0 30px; padding:0; }
.lex-auth-brand img { display:block; width:180px; max-width:100%; height:auto; object-fit:contain; }
@media(max-width:600px) { .top-nav-layout .sidebar .lex-brand { width:96px; } .top-nav-layout .sidebar .lex-brand .lex-logo { width:80px; } .lex-auth-brand img { width:160px; } }