:root { --bg:#f5f7f9; --panel:#ffffff; --line:#d9e0e6; --text:#20262d; --muted:#66727f; --head:#1f4e79; --soft:#eaf2f8; --danger:#9b2c2c; --ok:#2f6f44; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial, Helvetica, sans-serif; color:var(--text); background:var(--bg); font-size:15px; line-height:1.45; }
a { color:#1d5f91; text-decoration:none; } a:hover { text-decoration:underline; }
.topbar { background:#fff; border-bottom:1px solid var(--line); padding:10px 28px; display:flex; justify-content:flex-start; align-items:center; gap:24px; min-height:72px; }
.brand { display:flex; align-items:center; gap:8px; flex:0 0 auto; font-weight:800; letter-spacing:.2px; color:var(--head); font-size:17px; }
.brand-mark { display:block; width:31px; height:31px; overflow:hidden; flex:0 0 31px; }
.brand-mark img { width:109px; max-width:none; height:31px; display:block; }
.brand-name { color:#1e2d52; font-size:25px; line-height:1; letter-spacing:-.6px; }
.brand span { border-left:1px solid #cbd5df; padding-left:9px; white-space:nowrap; }
.brand .brand-mark { border-left:0; padding-left:0; }
.site-footer { display:flex; width:100%; max-width:none; box-sizing:border-box; justify-content:center; align-items:center; margin:34px auto 0; padding:18px 24px 24px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; text-align:center !important; }
.nav { display:flex; align-items:center; flex:1 1 auto; flex-wrap:nowrap; gap:4px; margin:0; overflow-x:auto; }
.nav a { color:#33404c; font-size:14px; font-weight:700; padding:9px 10px; border-radius:6px; white-space:nowrap; }
.nav a:hover { background:#f1f5f8; text-decoration:none; color:var(--head); }
.userbox { display:flex; align-items:center; gap:10px; flex:0 0 auto; min-width:0; padding:5px 0 5px 12px; text-align:left; color:var(--muted); line-height:1.2; font-size:12px; background:transparent; border:0; border-left:1px solid var(--line); border-radius:0; }
.userbox form { margin:0; }
.user-identity { display:flex; flex-direction:column; gap:2px; white-space:nowrap; }
.user-identity strong { color:#33404c; font-size:13px; }
.user-identity span { color:var(--muted); font-size:11px; }
.user-link { color:#1d5f91; white-space:nowrap; }
.container { max-width:1500px; margin:20px auto; padding:0 18px 40px; }
h1 { font-size:28px; margin:0 0 18px; color:#183b5b; } h2 { font-size:21px; margin-top:0; }
.page-heading, .section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.page-heading { margin-bottom:16px; }
.page-heading h1, .section-heading h2 { margin-bottom:4px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:16px; margin-bottom:16px; }
.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; margin-bottom:16px; }
.stat { background:#fff; border:1px solid var(--line); border-left:4px solid var(--head); padding:13px 14px; border-radius:5px; }
.stat span { display:block; color:var(--muted); font-size:14px; }
.stat strong { display:block; font-size:24px; color:#183b5b; margin-top:3px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
.detail-grid > div { display:flex; flex-direction:column; gap:3px; }
.detail-grid .full { grid-column:1/-1; }
.tag-list { display:flex; gap:8px; flex-wrap:wrap; }
.kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-bottom:16px; }
.kpi { background:#fff; border:1px solid var(--line); border-left:4px solid var(--head); padding:14px; border-radius:5px; }
.kpi .n { font-size:28px; font-weight:700; margin-top:5px; }
.muted { color:var(--muted); }
.toolbar { display:flex; gap:8px; flex-wrap:wrap; align-items:end; margin-bottom:12px; }
.toolbar .grow { flex:1 1 260px; }
label { display:block; font-size:14px; color:#52606d; margin-bottom:5px; font-weight:600; }
input, select, textarea { width:100%; padding:8px 9px; border:1px solid #bcc7d1; border-radius:4px; background:white; font:inherit; }
textarea { min-height:90px; resize:vertical; }
button, .btn { display:inline-block; border:1px solid #1f4e79; background:#1f4e79; color:white; padding:8px 11px; border-radius:4px; cursor:pointer; font:inherit; text-decoration:none; }
button:hover, .btn:hover { opacity:.92; text-decoration:none; }
.btn.secondary { background:#fff; color:#1f4e79; }
.btn.danger { background:#fff; color:var(--danger); border-color:#bb7777; }
.btn.small { padding:6px 9px; font-size:14px; }
table { width:100%; border-collapse:collapse; background:#fff; }
th, td { border:1px solid var(--line); padding:9px 10px; vertical-align:top; font-size:14px; }
th { background:var(--soft); text-align:left; color:#244968; position:sticky; top:0; z-index:1; }
tr:nth-child(even) td { background:#fbfcfd; }
.table-wrap { overflow:auto; max-height:68vh; border:1px solid var(--line); background:#fff; }
.table-wrap table th, .table-wrap table td { border-left:0; border-right:0; }
.actions { white-space:normal; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.actions form { display:block; }
.actions details { width:100%; }
.actions details[open] summary { margin-bottom:6px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; }
.grid .full { grid-column:1/-1; }
.notice { padding:10px 12px; border:1px solid #d4dde5; background:#f7fafc; border-radius:4px; margin-bottom:12px; }
.notice.error { border-color:#e0b0b0; background:#fff6f6; color:#7f1d1d; }
.notice.success { border-color:#b7ddc3; background:#f0fff4; color:#166534; }
.badge { display:inline-block; padding:3px 8px; border-radius:10px; background:#edf2f7; font-size:14px; }
.badge.ok { background:#e7f5ec; color:var(--ok); }
.badge.deleted { background:#fdecec; color:var(--danger); }
.badge.secondary { background:#edf5fb; color:#1f4e79; }
.login { max-width:420px; margin:10vh auto; background:#fff; border:1px solid var(--line); padding:24px; border-radius:7px; }
.password-card { margin:4vh auto; }
.otp-input { letter-spacing:6px; font-size:20px; font-weight:700; text-align:center; }
.compact-form { min-width:240px; padding:10px 0; }
.compact-form label { margin-top:7px; }
.compact-form button { margin-top:8px; }
.permissions-form{min-width:320px;max-width:420px}
.permissions-form fieldset{border:1px solid var(--border);border-radius:7px;margin:10px 0;padding:8px 12px}
.permissions-form legend{font-weight:700;font-size:13px;color:#17365d;padding:0 4px}
.permissions-form label.report-check{min-height:auto;padding:3px 0}
.status-form { display:flex; gap:5px; margin-top:7px; min-width:210px; }
.status-form select { min-width:120px; padding:5px 6px; }
.inline-add { display:flex; gap:6px; align-items:center; }
.inline-add select { min-width:190px; }
.add-panel, .relationship-card { margin-top:12px; border:1px solid var(--line); border-radius:5px; padding:10px 12px; background:#fbfcfd; }
.add-panel summary, .relationship-card summary { cursor:pointer; color:#1f4e79; }
.add-panel form, .relationship-card form { margin-top:12px; }
.check { width:auto; margin-right:6px; }
.compact-table { max-height:360px; }
tr.overdue td { background:#fff2f2 !important; }
.task-complete { display:flex; gap:5px; min-width:230px; }
.task-complete input { min-width:150px; }
details > summary { list-style:none; cursor:pointer; }
pre.json { white-space:pre-wrap; word-break:break-word; max-width:600px; font-size:14px; margin:0; }
.audit-table { max-height:420px; }

/* Products workspace */
.products-page { --product-radius:10px; }
.products-heading { align-items:center; margin-bottom:18px; }
.products-heading h1 { margin-bottom:3px; }
.products-heading p { margin:0; }
.products-heading-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
.products-primary { padding:10px 15px; font-weight:700; box-shadow:0 2px 5px rgba(31,78,121,.16); }
.products-primary span { font-size:18px; line-height:0; margin-right:3px; }
.product-filters { display:grid; grid-template-columns:minmax(300px,1fr) 210px 190px auto auto; align-items:end; gap:12px; padding:16px; margin-bottom:16px; background:#fff; border:1px solid var(--line); border-radius:var(--product-radius); box-shadow:0 2px 8px rgba(24,59,91,.05); }
.product-filters label { color:#334b60; }
.product-filters input,.product-filters select { min-height:42px; border-color:#c9d4de; border-radius:6px; }
.product-filters input:focus,.product-filters select:focus { outline:3px solid rgba(31,78,121,.12); border-color:#1f4e79; }
.search-field { position:relative; }
.search-field > span { position:absolute; left:12px; top:50%; transform:translateY(-52%); color:#6b7c8d; font-size:22px; line-height:1; pointer-events:none; }
.search-field input { padding-left:39px; }
.filter-submit,.filter-reset { min-height:42px; display:flex; align-items:center; justify-content:center; padding-left:16px; padding-right:16px; }
.product-list-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:var(--product-radius); box-shadow:0 2px 8px rgba(24,59,91,.05); }
.product-list-heading { display:flex; justify-content:space-between; align-items:center; padding:15px 18px; border-bottom:1px solid var(--line); }
.product-list-heading h2 { margin:0 0 2px; font-size:18px; color:#183b5b; }
.product-list-heading p { margin:0; font-size:14px; }
.product-table-wrap { max-height:68vh; border:0; }
.product-table { min-width:1450px; table-layout:fixed; }
.product-table .col-code { width:9%; }
.product-table .col-product { width:20%; }
.product-table .col-status { width:12%; }
.product-table .col-buy-price,.product-table .col-sell-price { width:13%; }
.product-table .col-company { width:9%; }
.product-table .col-price-date { width:11%; }
.product-table .col-actions { width:480px; }
.product-table th { padding:11px 14px; background:#edf3f7; color:#36566f; border-bottom:1px solid #cfdae3; font-size:13px; letter-spacing:.02em; text-transform:uppercase; }
.product-table td { padding:13px 14px; vertical-align:middle; border-bottom:1px solid #e4e9ee; }
.product-table tbody tr { transition:background .15s ease; }
.product-table tbody tr:hover td { background:#f5f9fc; }
.product-code { display:inline-block; font-family:Consolas,monospace; font-size:13px; color:#43566a; background:#f1f4f6; border:1px solid #dde4e9; border-radius:5px; padding:4px 7px; }
.product-name { display:inline-block; color:#174f7b; font-size:16px; font-weight:700; line-height:1.25; }
.product-meta { display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:5px; font-size:13px; color:#66798a; }
.product-meta span { position:relative; }
.product-meta span + span::before { content:"•"; position:absolute; left:-9px; color:#a1adb7; }
.product-status-badge { display:inline-flex; align-items:center; max-width:100%; padding:5px 9px; border-radius:999px; background:#eaf2f8; color:#234e70; font-size:13px; font-weight:700; line-height:1.25; }
.metric-value { color:#263b4d; font-size:16px; }
.metric-unit { color:var(--muted); font-size:13px; }
.company-count { display:inline-flex; align-items:baseline; gap:4px; padding:5px 9px; border:1px solid #cfdae3; border-radius:999px; background:#fff; color:#1f4e79; }
.company-count span { font-size:12px; color:#66798a; }
.latest-price-date { display:inline-flex; padding:5px 8px; border-radius:5px; background:#f1f6fa; color:#1f4e79; font-weight:700; white-space:nowrap; }
.price-cell { color:#244968; font-size:14px; }.price-cell.sale{color:#17633a}
.product-actions { display:flex; flex-wrap:nowrap; align-items:center; gap:6px; white-space:nowrap; }
.product-actions form { display:flex; flex:0 0 auto; margin:0; }
.product-actions .btn { flex:0 0 auto; margin:0; }
.empty-state { display:flex; flex-direction:column; align-items:center; gap:4px; padding:40px 20px; color:var(--muted); text-align:center; }
.empty-state strong { color:#334b60; font-size:17px; }

/* Guided product entry form */
.product-form-page { max-width:1280px; margin:0 auto; }
.product-form-heading { align-items:center; margin-bottom:18px; }
.product-form-heading h1 { margin-bottom:3px; }
.product-form-heading p { max-width:780px; margin:0; }
.product-entry-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:0 2px 9px rgba(24,59,91,.06); }
.form-section { padding:20px 22px 22px; border-bottom:1px solid #e2e8ed; }
.form-section:last-of-type { border-bottom:0; }
.form-section-title { display:flex; align-items:center; gap:11px; margin-bottom:18px; }
.form-section-title > span { display:flex; flex:0 0 32px; width:32px; height:32px; align-items:center; justify-content:center; border-radius:50%; background:#1f4e79; color:#fff; font-weight:700; }
.form-section-title h2 { margin:0 0 1px; color:#183b5b; font-size:19px; }
.form-section-title p { margin:0; color:var(--muted); font-size:13px; }
.product-form-grid { gap:17px 20px; }
.product-form-grid input,.product-form-grid select,.product-form-grid textarea { min-height:43px; border-color:#c8d3dd; border-radius:6px; }
.product-form-grid input:focus,.product-form-grid textarea:focus { outline:3px solid rgba(31,78,121,.11); border-color:#1f4e79; }
.code-input { font-family:Consolas,monospace; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.field-help { display:block; margin-top:5px; color:#6b7884; font-size:12px; line-height:1.4; }
.suggestion-bar { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.suggestion-bar button { min-height:0; padding:5px 9px; border:1px solid #c7d5e0; border-radius:999px; background:#f4f8fb; color:#285577; font-size:12px; line-height:1.25; }
.suggestion-bar button:hover { opacity:1; background:#e8f1f7; border-color:#8ca9bf; }
.suggestion-bar .custom-suggestion { border-style:dashed; background:#fff; color:#526575; }
.product-form-actions { display:flex; align-items:center; gap:8px; padding:17px 22px; background:#f7f9fb; border-top:1px solid #e2e8ed; }
.product-form-actions .btn { min-width:120px; text-align:center; }
.record-form-page { max-width:1280px; margin:0 auto; }
.provider-form-page { max-width:1280px; margin:0 auto; }
.required-note { color:#7a3d00; }
.price-preview { margin-top:8px; padding:8px 10px; border-left:3px solid #1f4e79; background:#f3f7fa; color:#36566f; font-size:13px; }
.main-price-heading { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-left:4px solid #1f4e79; background:#eef4f8; color:#526575; font-size:13px; }
.main-price-heading strong { color:#183b5b; font-size:15px; }
.additional-prices-panel { margin-top:8px; padding:16px; border:1px solid #cfdbe5; border-radius:8px; background:#f8fafc; }
.additional-prices-heading { align-items:center; margin-bottom:12px; }
.additional-prices-heading h3 { margin:0 0 2px; color:#183b5b; font-size:17px; }
.additional-prices-heading p { margin:0; }
.additional-price-option-list { display:flex; flex-direction:column; gap:12px; }
.price-option-card { padding:14px; border:1px solid #c8d5df; border-radius:7px; background:#fff; }
.price-option-card-header { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }
.price-option-card-header strong { color:#234e70; }
.price-option-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px 13px; }
.price-option-grid .wide { grid-column:span 2; }
.price-option-grid label { font-size:12px; }
.price-option-grid input { min-height:39px; }
.price-option-note { margin:12px 0 0; font-size:13px; }
.provider-channel-buttons { display:flex; flex-wrap:wrap; gap:6px; }
#provider-channel-list { display:flex; flex-direction:column; gap:8px; }
.provider-channel-row { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr) auto; gap:10px; align-items:end; padding:11px; border:1px solid #cfdae3; border-radius:7px; background:#f8fafc; }
.provider-channel-row .btn { margin-bottom:1px; }
.provider-location-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:13px; }
.provider-location-toolbar p { margin:0; max-width:750px; }
.provider-location-list { display:flex; flex-direction:column; gap:12px; }
.provider-location-card { padding:14px; border:1px solid #c8d5df; border-radius:8px; background:#f9fbfc; }
.provider-location-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 14px; }
.provider-location-grid .wide { grid-column:span 2; }
.provider-location-example { margin:13px 0 0; font-size:13px; }
.organization-page { --organization-radius:10px; }
.organization-heading { align-items:center; }
.organization-heading p { margin:0; max-width:900px; }
.organization-filters { display:grid; grid-template-columns:minmax(300px,1.6fr) repeat(5,minmax(145px,.55fr)) auto auto; align-items:end; gap:11px; padding:16px; margin-bottom:16px; background:#fff; border:1px solid var(--line); border-radius:var(--organization-radius); box-shadow:0 2px 8px rgba(24,59,91,.05); }
.organization-filters label { color:#334b60; }
.organization-filters input,.organization-filters select { min-height:42px; border-color:#c9d4de; border-radius:6px; }
.organization-filters input:focus,.organization-filters select:focus { outline:3px solid rgba(31,78,121,.12); border-color:#1f4e79; }
.organization-list-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:var(--organization-radius); box-shadow:0 2px 8px rgba(24,59,91,.05); }
.organization-table-wrap { max-height:68vh; border:0; }
.organization-table { min-width:1180px; }
.organization-table th { padding:11px 13px; background:#edf3f7; color:#36566f; border-bottom:1px solid #cfdae3; font-size:13px; letter-spacing:.02em; text-transform:uppercase; }
.organization-table td { padding:12px 13px; vertical-align:middle; }
.organization-name { color:#174f7b; font-size:15px; font-weight:700; }
.organization-email { margin-top:4px; }
.organization-actions { display:flex; flex-wrap:nowrap; gap:6px; white-space:nowrap; }
.attachment-manager { display:flex; flex-direction:column; gap:12px; }
.attachment-existing-list,.attachment-page-list { display:flex; flex-direction:column; gap:8px; }
.attachment-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px; border:1px solid #d4dde5; border-radius:7px; background:#fff; }
.attachment-row form { margin:0; }
.attachment-empty { padding:13px; border:1px dashed #c8d3dd; border-radius:7px; text-align:center; }
.attachment-upload-box { display:grid; grid-template-columns:1fr 1.2fr; gap:14px; padding:13px; border:1px solid #cad7e1; border-radius:8px; background:#f7fafc; }
.attachment-upload-box input[type="file"] { padding:7px; background:#fff; }
.attachment-pending-list { display:flex; flex-direction:column; gap:6px; }
.attachment-pending { display:flex; justify-content:space-between; gap:10px; padding:8px 10px; border-radius:5px; background:#eef4f8; color:#526575; font-size:13px; }
.attachment-pending.success { background:#edf8f1; color:#27663c; }.attachment-pending.error { background:#fff0f0; color:#8b2c2c; }
.attachment-form-section { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.attachment-form-section h2 { margin-bottom:3px; }
.heading-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.workspace-tabs { display:flex; gap:5px; overflow-x:auto; margin:0 0 16px; padding:6px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.workspace-tabs a { flex:0 0 auto; padding:9px 12px; border-radius:6px; color:#34566f; text-decoration:none; font-weight:700; }
.workspace-tabs a:hover,.workspace-tabs a.active { background:#1f4e79; color:#fff; }
.period-filter-card { margin-bottom:16px; padding:14px 16px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.period-filter-heading,.period-filter-controls { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.period-filter-heading h2 { margin:0 0 2px; font-size:17px; }
.period-filter-heading p { margin:0; }
.period-range { flex:0 0 auto; padding:6px 10px; border-radius:999px; background:#eef5fb; color:#1f4e79; font-size:13px; font-weight:700; }
.period-filter-controls { margin-top:11px; align-items:flex-end; }
.period-presets { display:flex; flex-wrap:wrap; gap:6px; }
.period-presets a { padding:8px 11px; border:1px solid #c7d5e0; border-radius:7px; color:#34566f; text-decoration:none; font-weight:700; }
.period-presets a:hover,.period-presets a.active { border-color:#1f4e79; background:#1f4e79; color:#fff; }
.custom-period-form { display:flex; align-items:flex-end; gap:7px; }
.custom-period-form label { font-size:12px; }
.custom-period-form input { min-height:36px; padding:5px 7px; }
.partial-date-note { margin-top:10px; padding:8px 10px; border-left:3px solid #c58b17; border-radius:5px; background:#fff8e7; color:#5f4a18; font-size:13px; }
.metric-grid { display:grid; grid-template-columns:repeat(6,minmax(135px,1fr)); gap:12px; margin-bottom:16px; }
.commercial-metrics { grid-template-columns:repeat(5,minmax(135px,1fr)); }
.status-metric-grid { grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); }
.sell-status-metrics { grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; }
.sell-status-metrics .metric-card { min-height:80px; padding:10px 9px; }
.sell-status-metrics .metric-card span { font-size:12px; line-height:1.25; }
.sell-status-metrics .metric-card strong { font-size:23px; }
.metric-card { display:flex; min-height:94px; flex-direction:column; justify-content:space-between; padding:15px; border:1px solid #d2dde5; border-radius:9px; background:#fff; color:#40586b; text-decoration:none; box-shadow:0 2px 7px rgba(24,59,91,.05); }
.metric-card.active { border:2px solid #1f4e79; background:#eef5fb; box-shadow:0 3px 10px rgba(31,78,121,.14); }
.metric-card strong { color:#183b5b; font-size:28px; }.metric-card.warning{border-left:4px solid #c58b17}.metric-card.danger{border-left:4px solid #b34444}
.project-grid { display:grid; grid-template-columns:repeat(3,minmax(260px,1fr)); gap:14px; }
.project-card { display:flex; min-height:210px; flex-direction:column; padding:17px; border:1px solid #d0dbe4; border-radius:10px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 2px 8px rgba(24,59,91,.05); }
.project-card:hover { border-color:#7fa1bb; box-shadow:0 5px 14px rgba(24,59,91,.11); }.project-card.risk{border-left:5px solid #b34444}
.project-card-top,.project-card-footer { display:flex; justify-content:space-between; gap:10px; }.project-card h2{margin:15px 0 5px;font-size:19px}.project-card p{margin:0;color:var(--muted)}
.project-code { font-family:Consolas,monospace; color:#1f4e79; font-weight:700; }.project-metrics{display:flex; gap:16px; margin:auto 0 17px; color:#607588}.project-card-footer{padding-top:11px;border-top:1px solid #e4e9ed;color:#607588;font-size:13px}
.project-status-summary{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:9px;margin-bottom:14px}.project-status-card{display:flex;min-height:82px;flex-direction:column;justify-content:space-between;padding:11px 13px;border:1px solid #d2dde5;border-radius:8px;background:#fff;color:#40586b;text-decoration:none}.project-status-card strong{color:#183b5b;font-size:25px}.project-status-card.active{border:2px solid #1f4e79;background:#eef5fb}.project-status-card.danger{border-left:4px solid #b34444}.project-status-card.success{border-left:4px solid #2e7d4f}.project-filter-form{display:grid;grid-template-columns:minmax(280px,1fr) 170px 190px 220px auto;gap:9px;align-items:end;margin-bottom:15px}.project-filter-form button{height:40px}.project-card-goal{display:-webkit-box;min-height:38px;margin-top:9px;overflow:hidden;color:#40586b;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-card-footer span:first-child{max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-create-form{display:grid;gap:14px}.project-form-section{margin:0;padding:18px}.project-form-section h2{margin:0 0 14px;color:#183b5b;font-size:20px}.project-form-section .section-heading{align-items:center}.project-form-section .section-heading label{margin:0}.project-check-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:270px;margin-top:10px;padding:10px;border:1px solid #d5e0e8;border-radius:7px;background:#fafcfd;overflow:auto}.project-check-list label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border:1px solid transparent;border-radius:5px;background:#fff;cursor:pointer}.project-check-list label:hover{border-color:#9eb5c7}.project-check-list input{width:auto}.project-check-list span{display:flex;min-width:0;flex-direction:column}.project-check-list small{color:var(--muted)}.project-member-picker{grid-template-columns:repeat(4,minmax(0,1fr));max-height:180px}.project-form-submit{display:flex;justify-content:flex-end;padding:2px 0 14px}.project-form-submit button{min-width:190px}.project-detail-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:10px 12px}.project-detail-summary>div{padding:3px 12px;border-right:1px solid #dfe7ed}.project-detail-summary>div:last-child{border:0}.project-detail-summary span,.project-plan-grid span{display:block;color:var(--muted);font-size:12px}.project-detail-summary strong{display:block;margin-top:3px}.project-status-editor{padding:10px 14px}.project-status-editor .inline-add{margin:0}.project-outline h2{margin-bottom:3px}.project-plan-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-top:13px}.project-plan-grid>div{padding:13px;border:1px solid #dbe4ea;border-radius:7px;background:#f8fafc}.project-plan-grid>div:last-child{grid-column:1/-1}.project-plan-grid strong{display:block;margin-top:5px;line-height:1.5}.pre-line{white-space:pre-line}.project-tag-list{display:flex;flex-wrap:wrap;gap:7px;min-height:38px;margin:10px 0}.project-tag-list a{padding:6px 9px;border:1px solid #cad7e1;border-radius:999px;background:#f4f8fb;text-decoration:none}.project-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.project-member-list>div{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #dce5eb;border-radius:7px}.project-member-list span:not(.member-avatar){display:flex;min-width:0;flex-direction:column}.project-member-list small{color:var(--muted)}.member-avatar{display:grid;flex:0 0 32px;height:32px;place-items:center;border-radius:50%;background:#244f7c;color:#fff;font-weight:700}
.workspace-columns,.report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.project-list-row{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid #e5eaee}
.report-bar { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #e2e8ed; }.report-bar strong{font-size:18px;color:#1f4e79}
.compact-status-card { padding-top:10px; padding-bottom:10px; }
.crm-table-wrap table { min-width:940px; }.crm-followup-form{display:grid;grid-template-columns:165px minmax(190px,1fr) 145px 145px auto;gap:6px;align-items:center;min-width:720px}.crm-followup-form input,.crm-followup-form select{min-height:34px;padding:5px 7px}.crm-detail-form{display:grid;grid-template-columns:180px minmax(260px,1fr) 170px 170px auto;gap:10px;align-items:end}.crm-detail-form button{margin-bottom:1px}.crm-status-only-form{display:flex;align-items:flex-end;gap:7px}.crm-status-only-form label{margin:0}.crm-status-only-form select{min-width:190px;min-height:38px}.item-decision-form{display:grid;grid-template-columns:minmax(165px,1fr) minmax(190px,1.4fr) auto;gap:7px;align-items:center;min-width:500px}.item-decision-form select,.item-decision-form input{min-height:36px;padding:6px 8px}.sales-price-section{border-left:4px solid #2e7d4f}.sales-price-section h2{color:#17633a}.danger-zone{display:flex;justify-content:flex-end;margin-bottom:10px}
.quotation-heading{align-items:center;margin-bottom:8px}.quotation-heading h1{margin-bottom:2px}.quotation-heading p{margin:0}.quotation-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:9px 12px;margin-bottom:10px}.quotation-summary>div{min-width:0;padding:2px 11px;border-right:1px solid #e3e8ec}.quotation-summary>div:last-child{border-right:0}.quotation-summary span{display:block;color:var(--muted);font-size:12px;line-height:1.2}.quotation-summary strong{display:block;margin-top:2px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quotation-crm-card{display:flex;flex-direction:column;padding:14px 16px}.quotation-crm-card>.crm-status-bar{order:1}.quotation-crm-card>.crm-meta-form,.quotation-crm-card>.crm-owner-line{order:2}.quotation-crm-card>#quotation-items{order:3}.quotation-crm-card>#quotation-tasks{order:4}.quotation-crm-card>#quotation-documents{order:5}.crm-status-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.crm-status-bar h2{margin:0 0 3px}.crm-status-bar p{margin:0}.crm-owner-line{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;padding:10px 0 2px}.crm-owner-line>div{min-width:180px}.crm-current-note{flex:1 1 320px}.crm-meta-form{display:grid;grid-template-columns:220px minmax(280px,1fr) 174px;gap:10px;align-items:end;margin-top:10px;padding:10px 12px;border:1px solid #dbe4eb;border-radius:6px;background:#f8fafc}.crm-meta-form select,.crm-meta-form input,.crm-meta-form button{height:40px;min-height:40px;margin:0}.crm-meta-form button{width:100%;white-space:nowrap}.crm-subsection{margin-top:14px;padding-top:14px;border-top:1px solid #dce4ea}.crm-subsection h3{margin:0 0 4px;color:#244968;font-size:18px}.crm-subsection .section-heading p{margin:0}.crm-explainer{margin:9px 0;padding:9px 11px;border-left:4px solid #6f94b2;background:#f4f8fb;color:#435a6d;font-size:14px}
.quotation-item-list{display:grid;gap:12px;margin-top:12px}.quotation-item-card{overflow:hidden;border:1px solid #cad8e3;border-radius:8px;background:#fff}.quotation-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;background:#f3f7fa;border-bottom:1px solid #dbe5ec}.quotation-item-head>div:first-child{min-width:0}.item-sequence{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:50%;background:#244f7c;color:#fff;font-weight:700}.quotation-item-facts{display:flex;flex-wrap:wrap;gap:5px 18px;margin:7px 0 0 34px;color:#4d6374;font-size:14px}.quotation-item-state{display:flex;align-items:center;gap:8px;white-space:nowrap}.quotation-item-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;padding:12px 14px}.quotation-item-body h4{margin:0 0 8px;color:#244968;font-size:15px}.price-options{min-width:0}.price-options table{font-size:13px}.price-options th,.price-options td{padding:8px}.item-crm-decision{min-width:0;padding-left:14px;border-left:1px solid #dbe5ec}.item-crm-decision .item-decision-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;width:100%}.item-crm-decision .item-decision-form select,.item-crm-decision .item-decision-form input,.item-crm-decision .item-decision-form button{width:100%;min-width:0}.empty-price-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px dashed #bccbd6;border-radius:6px;background:#fafcfd;color:var(--muted)}
.records-filter-bar{margin-bottom:12px}.records-filter-form{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(190px,1fr) minmax(210px,1.05fr) minmax(140px,.62fr) minmax(96px,.4fr) auto auto;gap:8px;align-items:end}.records-filter-form>div{min-width:0}.records-filter-form input,.records-filter-form select,.records-filter-form button,.records-filter-form .btn{height:40px;min-height:40px;margin:0}.records-filter-form button,.records-filter-form .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-left:14px;padding-right:14px}
.records-table-wrap{max-height:68vh}.records-table{width:100%;min-width:1440px;table-layout:fixed}.records-table .record-col-product{width:110px}.records-table .record-col-firm{width:240px}.records-table .record-col-status{width:145px}.records-table .record-col-class{width:95px}.records-table .record-col-price{width:115px}.records-table .record-col-delivery{width:120px}.records-table .record-col-moq{width:55px}.records-table .record-col-production{width:65px}.records-table .record-col-transit{width:65px}.records-table .record-col-payment{width:125px}.records-table .record-col-date{width:70px}.records-table .record-col-actions{width:235px}.records-table th,.records-table td{padding:10px;vertical-align:top;line-height:1.35}.records-table th:nth-child(7),.records-table th:nth-child(8),.records-table th:nth-child(9),.records-table td:nth-child(7),.records-table td:nth-child(8),.records-table td:nth-child(9){text-align:center}.record-main-price,.record-comparison-price,.record-quote-date{white-space:nowrap}.record-actions{display:flex;align-items:flex-start;gap:5px;white-space:nowrap}.record-actions form{display:block;margin:0}.record-actions .btn{white-space:nowrap}
.quotation-items-composer{margin-top:22px;padding:20px;border:1px solid #d8e2ec;border-radius:12px;background:#f8fbfd}.quotation-items-composer #quotation-item-list{display:grid;gap:14px;margin-top:14px}.quotation-items-composer .quotation-item-card{border:1px solid #ccd9e5;border-radius:10px;background:#fff;padding:16px}.quotation-items-composer .quotation-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quotation-item-grid{display:grid;grid-template-columns:2fr repeat(2,minmax(140px,1fr));gap:12px}.quotation-item-grid .full{grid-column:1/-1}.inline-add-panel{margin-top:16px;border-top:1px solid #dbe4ec;padding-top:12px}.inline-add-panel summary{cursor:pointer;color:#244f7e;font-weight:700}
@media (max-width:700px){ .attachment-upload-box{grid-template-columns:1fr}.attachment-row{align-items:flex-start;flex-direction:column} }
@media (max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1200px){.project-status-summary{grid-template-columns:repeat(4,1fr)}.project-filter-form{grid-template-columns:repeat(2,1fr)}.project-filter-form button{width:100%}.project-check-list{grid-template-columns:repeat(2,1fr)}.project-detail-summary{grid-template-columns:repeat(3,1fr);row-gap:9px}.project-detail-summary>div:nth-child(3){border-right:0}}
@media (max-width:760px){.metric-grid,.project-grid,.workspace-columns,.report-grid{grid-template-columns:1fr}.heading-actions{width:100%}.heading-actions .btn{flex:1 1 100%;text-align:center}}
@media (max-width:900px){.period-filter-heading,.period-filter-controls,.custom-period-form{align-items:stretch;flex-direction:column}.custom-period-form .btn{width:100%}}
@media (max-width:900px){.crm-detail-form{grid-template-columns:1fr 1fr}.crm-detail-form button{grid-column:1/-1}.item-decision-form{grid-template-columns:1fr;min-width:260px}.crm-status-only-form{align-items:stretch;flex-direction:column}}
@media (max-width:1100px){.quotation-summary{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.quotation-summary>div:nth-child(3){border-right:0}.crm-meta-form{grid-template-columns:1fr 1fr}.crm-meta-form button{grid-column:1/-1}.quotation-item-body{grid-template-columns:1fr}.item-crm-decision{padding:12px 0 0;border-left:0;border-top:1px solid #dbe5ec}}
@media (max-width:1250px){.records-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.records-filter-form button,.records-filter-form .btn{width:100%}}
@media (max-width:700px){.quotation-summary{grid-template-columns:1fr 1fr}.quotation-summary>div:nth-child(3){border-right:1px solid #e3e8ec}.quotation-summary>div:nth-child(even){border-right:0}.crm-status-bar,.quotation-item-head{flex-direction:column}.crm-status-only-form,.quotation-item-state{width:100%}.quotation-item-state{justify-content:space-between}.crm-meta-form{grid-template-columns:1fr}.quotation-item-facts{margin-left:0}}
@media (max-width:700px){.records-filter-form{grid-template-columns:1fr}}
@media (max-width:700px){.project-status-summary,.project-filter-form,.project-check-list,.project-member-picker,.project-plan-grid,.project-detail-summary{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-detail-summary>div{border-right:0;border-bottom:1px solid #dfe7ed}.project-plan-grid>div:last-child{grid-column:auto}.project-card-footer{align-items:flex-start;flex-direction:column}.project-card-footer span:first-child{max-width:100%}}
@media (max-width:900px){.quotation-item-grid{grid-template-columns:1fr}.quotation-item-grid .full{grid-column:auto}}
@media (max-width:1450px){ .organization-filters{grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(150px,.6fr))}.organization-filters .organization-search{grid-column:span 2} }
@media (max-width:850px){ .organization-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-filters .organization-search{grid-column:1/-1} }
@media (max-width:560px){ .organization-filters{grid-template-columns:1fr}.organization-filters .organization-search{grid-column:auto}.organization-filters .btn,.organization-filters button{width:100%} }
@media (max-width:1000px){ .price-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:1000px){ .provider-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){ .provider-channel-row{grid-template-columns:1fr}.provider-location-toolbar .btn{width:100%} }
@media (max-width:600px){ .price-option-grid,.provider-location-grid{grid-template-columns:1fr}.price-option-grid .wide,.provider-location-grid .wide{grid-column:auto}.additional-prices-heading .btn{width:100%} }
@media (max-width:1050px){ .product-filters{grid-template-columns:minmax(260px,1fr) 190px 180px}.filter-submit,.filter-reset{grid-row:2}.filter-submit{grid-column:2}.filter-reset{grid-column:3} }
@media (max-width:700px){ .product-filters{grid-template-columns:1fr}.product-search,.filter-status,.filter-deleted,.filter-submit,.filter-reset{grid-column:1;grid-row:auto}.products-heading{align-items:flex-start}.products-heading-actions{width:100%;justify-content:stretch}.products-heading-actions .btn{flex:1 1 100%;text-align:center}.product-list-heading{padding:13px 14px}.product-table-wrap{max-height:none}.form-section{padding:17px 15px}.product-form-actions{padding:15px;flex-direction:column}.product-form-actions .btn{width:100%} }
@media (max-width:800px){ .grid,.detail-grid{grid-template-columns:1fr} .detail-grid .full{grid-column:auto}.topbar{padding:9px 14px;gap:8px;min-height:60px}.brand-mark img{width:109px}.brand-name{font-size:22px}.brand>span:last-child{display:none}.nav{order:3;flex-basis:100%;width:100%;overflow-x:auto}.topbar{flex-wrap:wrap}.userbox{margin-left:auto;border-left:0;padding-left:0}.user-link{display:none}.table-wrap{max-height:none} }
.project-status-editor .inline-add{align-items:flex-end}.project-status-editor select,.project-status-editor button{height:40px;min-height:40px;margin:0}.project-status-editor button{display:inline-flex;align-items:center;justify-content:center}
.project-status-editor{padding:14px}.project-status-editor h2{margin-bottom:3px}.project-status-actions{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(540px,1.45fr);gap:14px;margin-top:12px;padding:12px;border:1px solid #dbe4ea;border-radius:8px;background:#f8fafc}.project-status-form,.project-update-form{display:flex;align-items:flex-end;gap:9px;margin:0}.project-status-form>div{flex:1}.project-update-form{display:grid;grid-template-columns:minmax(260px,1fr) 165px auto}.project-update-form>div{min-width:0}.project-update-form textarea{min-height:40px;resize:vertical}.project-status-form select,.project-status-form button,.project-update-form input,.project-update-form button{height:40px;min-height:40px;margin:0}.project-status-form button,.project-update-form button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.project-update-history{display:grid;gap:8px;margin-top:12px}.project-update-history article{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:11px 13px;border-left:4px solid #2f5c89;border-radius:5px;background:#f5f8fb}.project-update-history article>div{display:flex;flex-direction:column}.project-update-history article span{color:var(--muted);font-size:13px}.project-update-history article p{margin:0;white-space:pre-wrap}
.project-status-form,.project-update-form{align-self:start}.project-update-form textarea{height:40px;min-height:40px;padding-top:9px;padding-bottom:9px}
.product-table td,.organization-table td,.records-table td,.quotation-item-head a,.quotation-item-facts span,.project-tag-list a,.project-member-list strong,.detail-grid strong,.project-plan-grid strong,.relationship-readonly dd,.attachment-row strong{overflow-wrap:anywhere;word-break:break-word}.relationship-readonly{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin:12px 0 2px}.relationship-readonly div{min-width:0;padding:9px 10px;border:1px solid #dce5eb;border-radius:6px;background:#f8fafc}.relationship-readonly dt{color:var(--muted);font-size:12px}.relationship-readonly dd{margin:3px 0 0;font-weight:700}.relationship-readonly .full{grid-column:1/-1}.page-heading>.heading-actions{max-width:100%}
@media (max-width:700px){.relationship-readonly{grid-template-columns:1fr}}
.task-status-summary{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:9px;margin-bottom:14px}.task-status-card{display:flex;min-height:82px;flex-direction:column;justify-content:space-between;padding:11px 13px;border:1px solid #d2dde5;border-radius:8px;background:#fff;color:#40586b;text-decoration:none}.task-status-card strong{color:#183b5b;font-size:25px}.task-status-card.active{border:2px solid #1f4e79;background:#eef5fb}.task-status-card.danger{border-left:4px solid #b34444}.task-status-card.warning{border-left:4px solid #c58b17}.task-status-card.success{border-left:4px solid #2e7d4f}.task-filter-card{padding:13px 15px;margin-bottom:14px}.task-filter-form{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(210px,1fr) 180px 110px auto;gap:9px;align-items:end}.task-filter-form>div{min-width:0}.task-filter-form button{height:40px}.task-create-card{padding:15px 18px}.task-create-card>summary{font-size:17px}.task-create-form{display:grid;gap:12px;margin-top:14px}.task-create-form>section{padding:15px;border:1px solid #d9e3ea;border-radius:8px;background:#fafcfd}.task-create-form h2{margin:0 0 10px;color:#244968;font-size:18px}.task-create-form section>p{margin:-5px 0 10px}.task-assignee-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:180px;overflow:auto}.task-assignee-picker label{display:flex;align-items:center;gap:8px;margin:0;padding:9px 10px;border:1px solid #d6e0e7;border-radius:6px;background:#fff;cursor:pointer}.task-assignee-picker input{width:auto}.task-create-submit{display:flex;justify-content:flex-end}.task-create-submit button{min-width:190px}.task-list-card{padding:0;overflow:hidden}.task-list-card>.section-heading{padding:15px 17px 10px}.task-list-card>.section-heading h2,.task-list-card>.section-heading p{margin:0}.task-table-wrap{margin:0;max-height:68vh}.task-table{min-width:1180px;table-layout:fixed}.task-table th:nth-child(1){width:145px}.task-table th:nth-child(2){width:210px}.task-table th:nth-child(3){width:290px}.task-table th:nth-child(4){width:145px}.task-table th:nth-child(5){width:100px}.task-table th:nth-child(6){width:250px}.task-table th,.task-table td{padding:11px;vertical-align:top}.task-description{margin-top:6px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.task-complete{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:6px}.task-complete input,.task-complete button{min-height:36px;margin:0}
@media (max-width:1200px){.task-status-summary{grid-template-columns:repeat(3,1fr)}.task-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.task-filter-form button{width:100%}.task-assignee-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.task-status-summary,.task-filter-form,.task-assignee-picker{grid-template-columns:1fr}.task-create-card{padding:13px}.task-create-form>section{padding:12px}.task-create-submit button{width:100%}.task-table-wrap{max-height:none}}
@media (max-width:1050px){.project-status-actions{grid-template-columns:1fr}.project-update-form{grid-template-columns:1fr 165px auto}}
@media (max-width:700px){.project-status-form,.project-update-form{display:grid;grid-template-columns:1fr}.project-status-form button,.project-update-form button{width:100%}.project-update-history article{grid-template-columns:1fr;gap:5px}}
/* Görev ayrıntısı ve kompakt liste */
.task-table.compact{min-width:980px;table-layout:fixed}.task-table.compact th:nth-child(1){width:145px}.task-table.compact th:nth-child(2){width:220px}.task-table.compact th:nth-child(3){width:280px}.task-table.compact th:nth-child(4){width:150px}.task-table.compact th:nth-child(5){width:90px}.task-table.compact th:nth-child(6){width:105px}.task-table.compact th,.task-table.compact td{padding:10px 11px;vertical-align:middle}.task-title-link{display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin-bottom:14px;overflow:hidden}.task-detail-summary>div{display:grid;gap:4px;padding:14px 16px;border-right:1px solid var(--border)}.task-detail-summary>div:last-child{border-right:0}.task-detail-summary span,.task-context-grid span{color:var(--muted);font-size:13px}.task-detail-card{padding:17px;margin-bottom:14px}.task-full-description{padding:14px;border:1px solid var(--border);border-radius:7px;background:#fafcfd}.task-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.task-context-grid>div{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:6px}.task-update-form{display:grid;grid-template-columns:180px 210px 180px;gap:10px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fafcfd}.task-update-form .full{grid-column:1/-1}.task-update-submit{display:flex;justify-content:flex-end}.task-update-timeline{display:grid;gap:9px;margin-top:15px}.task-update-timeline article{padding:12px 14px;border-left:4px solid #315b85;border-radius:5px;background:#f5f8fa}.task-update-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.task-update-meta span{color:var(--muted);font-size:13px}.task-documents-readonly{margin-top:10px}
@media (max-width:700px){.task-detail-summary,.task-context-grid,.task-update-form{grid-template-columns:1fr}.task-detail-summary>div{border-right:0;border-bottom:1px solid var(--border)}.task-update-meta{display:grid;gap:3px}}
.report-builder-card{margin:18px 0;padding:0;overflow:hidden;border-color:#c7d7e8}.report-builder-card>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;cursor:pointer;background:#f5f8fb;list-style:none}.report-builder-card>summary::-webkit-details-marker{display:none}.report-builder-card>summary span:first-child{display:flex;flex-direction:column;gap:3px}.report-builder-card>summary strong{font-size:18px;color:#17365d}.report-builder-card>summary small{color:#64748b;font-size:14px}.report-builder-toggle{color:#1f4e79;font-weight:700}.report-builder-form{padding:18px}.report-builder-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(170px,1fr));gap:14px;align-items:end}.report-builder-grid label:not(.report-check){display:block;margin-bottom:6px;font-weight:700}.report-builder-grid input,.report-builder-grid select{width:100%}.report-record-picker{grid-row:span 2}.report-record-picker select{min-height:126px}.report-record-picker small{display:block;color:#64748b;margin-top:5px;line-height:1.35}.report-check{display:flex;align-items:center;gap:9px;min-height:42px}.report-check input{width:auto}.report-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding-top:14px;border-top:1px solid #d8e1ea}.report-builder-footer p{margin:0;color:#64748b;font-size:13px}.reports-page .report-tabs{margin-bottom:16px}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.report-workspace-intro{margin-bottom:12px}.archive-timeline{position:relative;padding-left:30px}.archive-timeline:before{content:"";position:absolute;left:34px;top:26px;bottom:26px;width:2px;background:#d7e0e8}.archive-event{position:relative;display:grid;grid-template-columns:16px 100px 1fr;gap:14px;padding:12px 0;align-items:start}.archive-dot{width:12px;height:12px;border-radius:50%;background:#1f4e79;border:3px solid #fff;box-shadow:0 0 0 2px #1f4e79;z-index:1}.archive-event time{font-weight:700;color:#475569}.archive-event div:last-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.archive-event p{flex-basis:100%;margin:2px 0 0;color:#64748b}.report-price-filter{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;align-items:end;margin-top:14px}.report-price-filter label{display:block;font-weight:700;margin-bottom:5px}.report-price-filter select,.report-price-filter input{width:100%}.report-price-table{min-width:1180px}.hash-short{font-size:12px;background:#eef3f7;padding:4px 6px;border-radius:4px}.global-report-builder{margin-bottom:18px}.inline-actions{display:flex;gap:6px;align-items:center}.inline-actions form{margin:0}.notice.success{background:#edf7ef;border:1px solid #a8d5b0;color:#245a2d;padding:12px 14px;border-radius:7px;margin-bottom:14px}
@media(max-width:1100px){.report-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-price-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.report-builder-grid,.report-price-filter,.report-metrics{grid-template-columns:1fr}.report-record-picker{grid-row:auto}.report-builder-footer{align-items:stretch;flex-direction:column}.archive-event{grid-template-columns:16px 1fr}.archive-event time{grid-column:2}.archive-event div:last-child{grid-column:2}}
.notification-panel{padding:18px 20px}.notification-count{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#fff1e6;color:#a64b00;font-size:12px;vertical-align:middle}.notification-list{display:grid;gap:8px}.notification-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:7px;background:#fff}.notification-item.unread{border-left:4px solid #d97706;background:#fffaf4}.notification-item.read{border-left:4px solid #d6dee7}.notification-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-top:6px}.notification-item.unread .notification-dot{background:#d97706}.notification-content{min-width:0}.notification-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.notification-heading strong{color:#17365d}.notification-meta{color:var(--muted);font-size:12px;white-space:nowrap}.notification-content p{margin:4px 0 8px;color:#475569}.notification-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.notification-actions form{margin:0}.notification-read-label{color:#64748b;font-size:12px}.notification-item .btn{padding:5px 9px;font-size:12px}@media(max-width:700px){.notification-heading{display:grid;gap:3px}.notification-meta{white-space:normal}}
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:8px;border:1px solid #d5dee8;border-radius:50%;background:#fff;color:#17365d;font-size:20px;text-decoration:none}.notification-bell:hover{background:#f4f7fa}.notification-badge{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}.notification-preview{position:absolute;right:24px;top:58px;z-index:5;display:none;width:330px;padding:8px;border:1px solid #d8e1ea;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.12)}.userbox{position:relative}.userbox:hover .notification-preview,.notification-bell:focus+.notification-preview{display:block}.notification-preview-row{display:flex;justify-content:space-between;gap:10px;padding:9px 8px;border-bottom:1px solid #edf1f5;font-size:12px}.notification-preview-row.unread{font-weight:700;background:#fffaf4}.notification-preview-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-preview-row a{color:#1f4e79}.notification-preview-empty{padding:12px 8px;color:#64748b;font-size:12px}.notification-preview-all{display:block;padding:9px 8px;text-align:center;color:#1f4e79;font-size:12px;font-weight:700}.notification-item{grid-template-columns:8px minmax(0,1fr)}.notification-heading{align-items:center}.notification-content p{display:inline;margin:0 14px 0 0}.notification-actions{display:inline-flex;vertical-align:middle}.notification-item{display:block;padding:10px 12px}.notification-item .notification-dot{display:inline-block;margin:0 8px 1px 0}.notification-content{display:inline}.notification-heading{display:inline-flex;gap:10px}.notification-meta{font-weight:400}.notification-item .notification-content>p{margin-left:10px}.notification-item .notification-actions{margin-left:8px}
.notification-page-list{display:grid;gap:6px}.notification-line{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border:1px solid #dbe3eb;border-left:4px solid #dbe3eb;border-radius:7px;background:#fff}.notification-line.unread{border-left-color:#d97706;background:#fffaf4}.notification-line-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#cbd5e1}.notification-line.unread .notification-line-dot{background:#d97706}.notification-line strong{flex:0 0 210px;color:#17365d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-line-message{flex:1;min-width:0;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-line-meta{flex:0 0 125px;color:#64748b;font-size:12px;white-space:nowrap}.notification-line form{margin:0}.notification-line-read{flex:0 0 46px;color:#64748b;font-size:12px}.notification-line .btn{flex:0 0 auto;padding:5px 9px;font-size:12px}@media(max-width:800px){.notification-line{flex-wrap:wrap}.notification-line strong{flex-basis:calc(100% - 20px)}.notification-line-message{flex-basis:100%;order:3}.notification-line-meta{flex:1;order:4}.notification-line .btn,.notification-line form,.notification-line-read{order:5}}