@import url('../radar/style.css?v=2');

.radar-loading { min-height: 100vh; display: grid; place-items: center; font: 600 14px var(--font-sans); color: var(--text-muted); }
.radar-auth { min-height: 100vh; display: grid; grid-template-columns: minmax(320px, .9fr) minmax(440px, 1.1fr); }
.radar-auth-aside { display: flex; flex-direction: column; padding: 32px 42px; color: #fff; background: var(--bg-sidebar); }
.radar-auth-copy { max-width: 440px; margin: auto 0; }
.radar-auth-copy small { color: #a5b4fc; font-weight: 800; letter-spacing: .12em; }
.radar-auth-copy h1 { margin: 14px 0; font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.02; letter-spacing: -.06em; }
.radar-auth-copy p { color: #cbd5e1; line-height: 1.6; }
.radar-auth-main { display: grid; align-content: center; gap: 20px; padding: 48px clamp(28px, 8vw, 120px); }
.radar-auth-main h2 { margin: 0; font-size: 2rem; letter-spacing: -.04em; }
.radar-auth-form { display: grid; gap: 14px; max-width: 420px; padding: 24px; border: 1px solid var(--border-mid); border-radius: 14px; background: #fff; box-shadow: var(--shadow-lg); }
.radar-auth-form label { display: grid; gap: 6px; color: var(--text-muted); font-size: 12px; font-weight: 700; }
.radar-auth-form input { width: 100%; padding: 10px 12px; border: 1px solid var(--border-mid); border-radius: 8px; font: inherit; }
.radar-auth-error { max-width: 420px; padding: 10px 12px; border-radius: 8px; color: var(--danger); background: var(--danger-light); font-size: 13px; }
.radar-empty { padding: 28px; border: 1px dashed var(--border-dark); border-radius: 10px; color: var(--text-muted); text-align: center; }
.radar-data-list { display: grid; gap: 10px; }
.radar-data-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid var(--border-mid); border-radius: 10px; background: #fff; }
.radar-data-row small { display: block; margin-top: 3px; color: var(--text-muted); }
.radar-amount { font-weight: 800; white-space: nowrap; }
.radar-amount.positive { color: var(--success); }.radar-amount.negative { color: var(--danger); }
.radar-kpi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.radar-kpi { padding: 16px; border: 1px solid var(--border-mid); border-radius: 10px; background: #fff; }.radar-kpi small { display:block; color:var(--text-muted); font-weight:700; letter-spacing:.05em; }.radar-kpi b { display:block; margin-top:8px; font-size:1.35rem; }
.radar-modal-form label { display:grid; gap:6px; margin-bottom:12px; color:var(--text-muted); font-size:12px; font-weight:700; }.radar-modal-form input,.radar-modal-form select,.radar-modal-form textarea { width:100%; padding:9px 10px; border:1px solid var(--border-mid); border-radius:7px; font:inherit; }
.radar-project-filters { display:flex; gap:10px; margin:0 0 14px; }.radar-project-filters input,.radar-project-filters select { min-height:38px; padding:8px 10px; border:1px solid var(--border-mid); border-radius:8px; background:#fff; font:inherit; }.radar-project-filters input { flex:1; }
.radar-project-toolbar { display:flex; align-items:center; gap:12px; margin:0 0 18px; }.radar-project-toolbar .radar-project-filters { flex:1; margin:0; }.radar-project-toolbar > .btn { min-height:38px; white-space:nowrap; } @media (max-width:780px) { .radar-project-toolbar { align-items:stretch; flex-direction:column; }.radar-project-toolbar > .btn { width:100%; } }
.radar-modal-form label small { font-weight: 500; letter-spacing: 0; }.radar-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }.radar-form-wide { grid-column:1 / -1; }.radar-margin-preview { display:grid; align-content:center; gap:4px; min-height:80px; margin-bottom:12px; padding:12px; border:1px solid #c7d2fe; border-radius:9px; background:#f5f7ff; }.radar-margin-preview small { color:var(--primary); font-size:11px; font-weight:800; letter-spacing:.08em; }.radar-margin-preview strong { color:var(--text); font-size:1.25rem; }.radar-margin-preview span { color:var(--text-muted); font-size:11px; }
.radar-form-section { margin: 4px 0 18px; }.radar-form-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:0 0 10px; }.radar-form-section h3 { margin:0; color:var(--text); font-size:15px; }.radar-form-section p { margin:3px 0 0; color:var(--text-muted); font-size:12px; line-height:1.35; }.radar-row-add { min-height:34px; padding:6px 10px; white-space:nowrap; }.radar-line-table { overflow:hidden; border:1px solid var(--border-mid); border-radius:9px; background:#fff; }.radar-line-table-head,.radar-line-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(110px,.46fr) 34px; gap:8px; align-items:center; }.radar-expense-table .radar-line-table-head,.radar-expense-table .radar-line-row { grid-template-columns:minmax(0,1fr) minmax(100px,.65fr) minmax(100px,.45fr) 34px; }.radar-line-table-head { padding:8px 10px; color:var(--text-muted); border-bottom:1px solid var(--border-mid); background:#f8fafc; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.radar-line-row { padding:8px 10px; border-bottom:1px solid var(--border-mid); }.radar-line-row:last-child { border-bottom:0; }.radar-line-row input,.radar-line-row select { min-width:0; margin:0; }.radar-row-remove { width:32px; height:32px; padding:0; border:0; border-radius:7px; color:var(--text-muted); background:transparent; font:700 22px/1 var(--font-sans); cursor:pointer; }.radar-row-remove:hover,.radar-row-remove:focus-visible { color:var(--danger); background:var(--danger-light); }
.radar-project-row { align-items:center; }.radar-project-actions { display:grid; justify-items:end; gap:7px; }.radar-project-tasks { min-height:32px; padding:5px 9px; font-size:12px; white-space:nowrap; }.radar-task-groups { display:grid; gap:16px; }.radar-task-group { padding:14px; border:1px solid var(--border-mid); border-radius:12px; background:#f8fafc; }.radar-task-group > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; }.radar-task-group h3 { margin:0; color:var(--text); font-size:15px; }.radar-task-group > header span { display:grid; min-width:24px; height:24px; place-items:center; padding:0 7px; border-radius:999px; color:var(--primary); background:#e8e7ff; font-size:12px; font-weight:800; }.radar-filter-note { display:block; margin-top:3px; color:var(--text-muted); font-weight:500; }
.radar-task-row { align-items:center; }.radar-task-actions { display:grid; justify-items:end; gap:7px; }.radar-task-edit { min-height:32px; padding:5px 9px; font-size:12px; white-space:nowrap; }
.radar-last-comment { max-width:620px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.task-view { width:min(1080px,calc(100vw - 32px)); }.task-view footer { display:none; }.task-view .radar-modal-form,.task-view .radar-modal-fields { overflow:hidden; }.task-view .radar-modal-fields { padding:0; }.task-view-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); height:min(620px,calc(100dvh - 180px)); }.task-view-main { overflow-y:auto; padding:20px 24px; }.radar-comment-panel { display:flex; min-height:0; flex-direction:column; padding:20px; border-left:1px solid var(--border-mid); background:#f8fafc; }.radar-comment-panel h3 { margin:0 0 12px; color:var(--text); font-size:15px; }.radar-comment-panel .radar-comments { min-height:0; flex:1; overflow-y:auto; align-content:start; padding-right:5px; }.radar-comment-panel form { flex:0 0 auto; display:grid; gap:8px; padding-top:10px; border-top:1px solid var(--border-mid); }.radar-task-view-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--border-mid); }.radar-task-view-head h3,.radar-view-section h3 { margin:0; color:var(--text); }.radar-task-view-head p { margin:5px 0 0; color:var(--text-muted); }.radar-status-kanban { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:6px; padding:4px 0; }.radar-status-step { flex:0 0 auto; min-height:32px; padding:6px 9px; border:1px solid var(--border-mid); border-radius:999px; color:var(--text-muted); background:#fff; font:700 11px var(--font-sans); cursor:pointer; }.radar-status-step.active { border-color:var(--primary); color:#fff; background:var(--primary); box-shadow:0 4px 10px rgba(79,70,229,.2); }.radar-status-comment-note { grid-column:1 / -1; margin:0; padding:8px 10px; border-radius:8px; color:#5b21b6; background:#ede9fe; font-size:12px; }.radar-view-section { margin:0 0 20px; }.radar-view-section > h3 { margin-bottom:10px; font-size:15px; }.radar-view-note { margin:0 0 10px; color:var(--text-muted); font-size:12px; }.radar-view-list { display:grid; gap:6px; margin-bottom:10px; }.radar-view-list > div { display:flex; justify-content:space-between; gap:10px; padding:9px 10px; border:1px solid var(--border-mid); border-radius:8px; background:#fff; }.radar-view-list p,.radar-comments > p { margin:0; color:var(--text-muted); font-size:13px; }.radar-inline-form { display:grid; grid-template-columns:minmax(0,1fr) 140px auto; gap:8px; }.radar-inline-form input,.radar-inline-form select { min-width:0; }.radar-inline-form .btn { min-width:96px; }.radar-inline-form#task-add-expense { grid-template-columns:minmax(0,1fr) 110px 130px auto; }.radar-comments { display:grid; gap:8px; margin:0 0 10px; }.radar-comments article { padding:10px; border-left:3px solid var(--primary); border-radius:0 8px 8px 0; background:#fff; }.radar-comments strong { color:var(--text); font-size:13px; }.radar-comments time { margin-left:8px; color:var(--text-muted); font-size:11px; }.radar-comments p { margin:5px 0 0; white-space:pre-wrap; line-height:1.4; }

/* The modal keeps its actions visible while long project/task forms scroll. */
.radar-modal-card { max-height: min(760px, calc(100dvh - 32px)); display:flex; flex-direction:column; }.radar-modal-card > header { flex:0 0 auto; }.radar-modal-form { min-height:0; flex:1; overflow:hidden; padding:0; gap:0; }.radar-modal-fields, #radar-modal-fields { min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:20px 24px; }.radar-modal-card footer { flex:0 0 auto; position:relative; z-index:1; }

@media (max-width: 780px) { .radar-auth { grid-template-columns: 1fr; }.radar-auth-aside { min-height: 270px; padding: 26px; }.radar-auth-main { padding: 32px 20px; }.radar-kpi-grid,.radar-form-grid { grid-template-columns: 1fr; }.radar-form-wide { grid-column:auto; }.radar-project-filters { flex-direction:column; }.radar-modal-overlay { align-items:stretch; padding:12px; }.radar-modal-card { width:100%; max-height:calc(100dvh - 24px); margin:auto 0; border-radius:18px; }.task-view { width:100%; }.radar-modal-card header { padding:18px 20px; }.radar-modal-fields, #radar-modal-fields { padding:18px 20px; }.task-view .radar-modal-fields { padding:0; overflow-y:auto; }.radar-modal-card footer { padding:14px 20px calc(14px + env(safe-area-inset-bottom)); }.radar-modal-card footer .btn { min-height:44px; }.radar-form-section-head { align-items:center; }.radar-form-section-head p { max-width:190px; }.radar-line-table-head { display:none; }.radar-line-row,.radar-expense-table .radar-line-row { grid-template-columns:minmax(0,1fr) 38px; gap:7px; padding:10px; }.radar-line-row select,.radar-line-row input { grid-column:1; }.radar-line-row .radar-row-remove { grid-column:2; grid-row:1 / span 3; align-self:center; }.radar-assignment-row select { grid-row:1; }.radar-assignment-row input { grid-row:2; }.radar-expense-row input[data-expense-title] { grid-row:1; }.radar-expense-row select { grid-row:2; }.radar-expense-row input[data-expense-amount] { grid-row:3; }.radar-project-row { align-items:flex-start; }.radar-project-actions,.radar-task-actions { justify-items:start; }.radar-task-group { padding:12px; }.radar-inline-form { grid-template-columns:1fr; }.radar-last-comment { max-width:250px; }.task-view-layout { display:block; height:auto; }.task-view-main,.radar-comment-panel { overflow:visible; padding:18px 20px; }.radar-comment-panel { border-top:1px solid var(--border-mid); border-left:0; }.radar-comment-panel .radar-comments { max-height:320px; overflow-y:auto; }.radar-task-view-head { grid-template-columns:minmax(0,1fr) auto; } }

/* Task-view actions are deliberately not nested forms: Safari would submit the modal form. */
.radar-comment-panel .radar-comment-compose { flex:0 0 auto; display:grid; gap:8px; padding-top:10px; border-top:1px solid var(--border-mid); }

/* Projects: compact operational cards with room for six columns on wide displays. */
.radar-project-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.radar-project-card { display:flex; min-width:0; min-height:238px; flex-direction:column; gap:10px; padding:14px; border:1px solid var(--border-mid); border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.035); }.radar-project-card-head,.radar-project-card-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }.radar-project-card h3 { margin:0; overflow:hidden; color:var(--text); font-size:15px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }.radar-project-card > p { min-height:18px; margin:-5px 0 0; overflow:hidden; color:var(--text-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.radar-project-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(135deg,#6366f1,#06b6d4); font-weight:800; }.radar-project-stage { max-width:130px; overflow:hidden; color:var(--primary); font-size:11px; font-weight:800; text-align:right; text-overflow:ellipsis; white-space:nowrap; }.radar-project-card-money { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:9px; border-radius:8px; background:#f8fafc; }.radar-project-card-money span,.radar-project-card-meta { color:var(--text-muted); font-size:10px; font-weight:700; }.radar-project-card-money b { display:block; margin-top:3px; color:var(--text); font-size:12px; }.radar-project-card-meta { display:grid; gap:4px; min-height:30px; font-weight:600; }.radar-project-card-footer { margin-top:auto; }.radar-project-card-footer b { font-size:11px; }.radar-project-card-footer span { display:flex; gap:5px; }.radar-project-card .btn { min-height:30px; padding:5px 7px; font-size:11px; }.project-view { width:min(680px,calc(100vw - 32px)); }.project-view footer { display:none; }.radar-project-view { display:grid; gap:18px; }.radar-project-view-title { display:flex; align-items:center; gap:12px; }.radar-project-view-title h3 { margin:0; color:var(--text); }.radar-project-view-title p { margin:4px 0 0; color:var(--text-muted); font-size:13px; }.radar-project-view-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.radar-project-view-grid div { padding:10px; border-radius:9px; background:#f8fafc; }.radar-project-view-grid small { display:block; color:var(--text-muted); font-size:9px; font-weight:800; letter-spacing:.04em; }.radar-project-view-grid b { display:block; margin-top:5px; color:var(--text); font-size:14px; }.radar-project-view-details { display:grid; gap:10px; margin:0; }.radar-project-view-details div { display:grid; grid-template-columns:150px 1fr; gap:10px; }.radar-project-view-details dt { color:var(--text-muted); font-size:12px; }.radar-project-view-details dd { margin:0; color:var(--text); font-size:13px; font-weight:700; }.radar-project-view-actions { display:flex; justify-content:flex-end; }
.radar-project-card h3,.radar-task-row strong { cursor:pointer; }.radar-project-card h3:hover,.radar-task-row strong:hover { color:var(--primary); text-decoration:underline; text-underline-offset:3px; }.radar-project-card [data-view-project],.radar-task-row [data-view-task],.radar-task-row [data-edit-task] { display:none; }
.radar-task-row.is-completed { opacity:.48; background:#f8fafc; }.radar-task-row.is-completed strong { color:var(--text-muted); text-decoration:line-through; }.radar-task-row.is-completed strong:hover { color:var(--primary); }.radar-completed-note { grid-column:1 / -1; margin:0; padding:8px 10px; border-radius:8px; color:var(--text-muted); background:#f1f5f9; font-size:12px; }
.radar-project-card.is-completed { opacity:.52; background:#f8fafc; }.radar-project-card.is-completed h3 { color:var(--text-muted); text-decoration:line-through; }.radar-project-card.is-completed h3:hover { color:var(--primary); }
.radar-custom-field-rows { display:grid; gap:8px; }.radar-custom-field-row { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 34px; gap:8px; align-items:center; }.radar-custom-field-row input { min-width:0; margin:0; }.radar-account-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; }.radar-account-card { display:grid; gap:10px; min-height:132px; padding:16px; border:1px solid var(--border-mid); border-radius:12px; background:#fff; }.radar-account-card small { color:var(--text-muted); font-size:11px; font-weight:800; text-transform:uppercase; }.radar-account-card h3 { margin:4px 0 0; color:var(--text); font-size:16px; }.radar-account-card > b { color:var(--text); font-size:22px; }.radar-detail-chips { display:flex; flex-wrap:wrap; gap:5px; }.radar-detail-chips span { max-width:100%; padding:4px 7px; overflow:hidden; color:var(--text-muted); border-radius:6px; background:#f1f5f9; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.radar-operation-list { display:grid; gap:8px; }.radar-operation { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:13px 14px; border:1px solid var(--border-mid); border-radius:10px; background:#fff; }.radar-operation > div { min-width:0; }.radar-operation strong { display:block; overflow:hidden; color:var(--text); text-overflow:ellipsis; white-space:nowrap; }.radar-operation small { display:block; margin-top:4px; color:var(--text-muted); font-size:12px; }.radar-operation .radar-detail-chips { margin-top:8px; }.radar-operation > b { flex:0 0 auto; font-size:15px; }.radar-operation.income > b { color:var(--success); }.radar-operation.expense > b { color:var(--danger); } @media (max-width:780px) { .radar-custom-field-row { grid-template-columns:1fr 1fr 34px; }.radar-operation { padding:12px; }.radar-operation > b { font-size:14px; } }
.radar-role-checks { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.radar-role-checks label { display:block; padding:7px 9px; border:1px solid var(--border-mid); border-radius:8px; background:#f8fafc; font-size:13px; }.radar-role-checks input { width:auto; margin:0 4px 0 0; }
@media (min-width: 1500px) { .radar-project-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media (max-width: 780px) { .radar-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.radar-project-card { min-height:232px; padding:10px; gap:8px; }.radar-project-stage { max-width:72px; }.radar-project-card-head .radar-project-icon { width:30px; height:30px; flex-basis:30px; }.radar-project-card-footer { align-items:flex-end; }.radar-project-card-footer span { display:grid; gap:4px; }.radar-project-card .btn { padding:5px 6px; }.radar-project-view-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.radar-project-view-details div { grid-template-columns:1fr; gap:3px; }.radar-project-view-actions .btn { width:100%; } }

.radar-cache-section { display:flex; align-items:flex-start; flex-direction:column; gap:14px; }.radar-cache-section h2 { margin:0; }.radar-cache-section p { max-width:560px; margin:7px 0 0; color:var(--text-muted); font-size:13px; line-height:1.5; }.radar-cache-section .btn { white-space:nowrap; } @media (max-width:780px) { .radar-cache-section .btn { width:100%; } }

.radar-cms-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid var(--border-mid); border-radius:10px; color:var(--primary); background:#f8fafc; font-weight:800; }.radar-modal-form label:has([name="projectIcon"]) { display:none; }
.radar-cms-icon img,.radar-catalog-item i img { width:100%; height:100%; object-fit:contain; }
.radar-debt-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }.radar-debt-card { display:grid; gap:8px; padding:16px; border:1px solid var(--border-mid); border-radius:12px; background:#fff; cursor:pointer; transition:border-color .15s,box-shadow .15s; }.radar-debt-card:hover,.radar-debt-card:focus-visible { border-color:#a5b4fc; box-shadow:0 8px 18px rgba(79,70,229,.10); outline:0; }.radar-debt-card-head { display:flex; justify-content:space-between; gap:8px; color:var(--text-muted); font-size:11px; font-weight:700; }.radar-debt-type { padding:4px 7px; border-radius:999px; color:var(--primary); background:#eef2ff; }.radar-debt-card h3 { margin:0; font-size:16px; }.radar-debt-card > b { font-size:22px; }.radar-debt-card p,.radar-debt-card small { margin:0; color:var(--text-muted); font-size:12px; line-height:1.45; }.radar-debt-warning { display:flex; justify-content:space-between; gap:12px; margin:0 0 18px; padding:11px 12px; border:1px solid #fecaca; border-radius:9px; color:#991b1b; background:#fff1f2; font-size:13px; }.radar-schedule-table { overflow-x:auto; border:1px solid var(--border-mid); border-radius:9px; }.radar-schedule-table > div { display:grid; grid-template-columns:110px repeat(4,minmax(105px,1fr)); gap:8px; min-width:600px; padding:9px 10px; border-bottom:1px solid var(--border-mid); font-size:12px; }.radar-schedule-table > div:first-child { color:var(--text-muted); background:#f8fafc; font-size:10px; font-weight:800; letter-spacing:.04em; }.radar-schedule-table > div:last-child { border-bottom:0; }
.radar-debt-view { display:grid; gap:18px; }.radar-debt-view-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:16px; border:1px solid #c7d2fe; border-radius:12px; background:linear-gradient(135deg,#f5f7ff,#fff); }.radar-debt-view-hero h3 { margin:9px 0 4px; color:var(--text); font-size:20px; }.radar-debt-view-hero p { margin:0; color:var(--text-muted); font-size:13px; }.radar-debt-view-hero > div:last-child { display:grid; justify-items:end; gap:10px; }.radar-debt-view-hero > div:last-child > b { font-size:24px; }.radar-debt-view .radar-project-view-grid div { min-height:62px; }.radar-debt-view .radar-view-section { margin:0; }.radar-debt-view .radar-view-section > h3 { margin-bottom:5px; }.radar-debt-view .radar-view-note { margin-bottom:12px; line-height:1.45; }.radar-schedule-table > div:not(:first-child):hover { background:#f8fafc; }.radar-schedule-table .radar-schedule-grace { color:#166534; background:#f0fdf4; }.radar-schedule-table .radar-schedule-grace b { color:#166534; }
@media (max-width:780px) { .radar-debt-view-hero { align-items:stretch; flex-direction:column; }.radar-debt-view-hero > div:last-child { justify-items:start; }.radar-debt-view-hero .btn { width:100%; }.radar-debt-warning { align-items:flex-start; flex-direction:column; }.radar-debt-grid { grid-template-columns:1fr; } }
.radar-field-hints { display:flex; flex-wrap:wrap; gap:6px; margin:-5px 0 12px; }.radar-field-hints button { min-height:28px; padding:4px 8px; border:1px solid var(--border-mid); border-radius:999px; color:var(--text-muted); background:#f8fafc; font:600 11px var(--font-sans); cursor:pointer; }.radar-field-hints button:hover,.radar-field-hints button:focus-visible { border-color:#a5b4fc; color:var(--primary); background:#eef2ff; outline:0; }
.radar-cms-suggestions { display:grid; gap:4px; margin:6px 0 2px; padding:5px; border:1px solid var(--border-mid); border-radius:10px; background:#fff; box-shadow:0 10px 22px rgba(15,23,42,.10); }.radar-cms-suggestions[hidden] { display:none; }.radar-cms-suggestions button { display:flex; align-items:center; gap:10px; width:100%; min-height:42px; padding:7px 9px; border:0; border-radius:7px; color:var(--text); background:transparent; font:600 13px var(--font-sans); text-align:left; cursor:pointer; }.radar-cms-suggestions button:hover,.radar-cms-suggestions button:focus-visible { background:#eef2ff; color:var(--primary); outline:0; }.radar-cms-suggestions i { display:grid; place-items:center; width:28px; height:28px; min-width:28px; overflow:hidden; border-radius:7px; background:#f1f5f9; font-style:normal; }.radar-cms-suggestions i img { display:block; width:100%; height:100%; max-height:28px; object-fit:contain; }

/* Settings catalogues */
.radar-catalog-groups { display:grid; gap:18px; max-width:980px; }.radar-catalog-group { padding:18px; border:1px solid var(--border-mid); border-radius:14px; background:#fff; box-shadow:0 2px 10px rgba(15,23,42,.025); }.radar-catalog-group > header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }.radar-catalog-group h3 { margin:0; color:var(--text); font-size:16px; }.radar-catalog-group > header .btn { min-height:36px; padding:7px 12px; }.radar-catalog-group > div { display:flex; flex-wrap:wrap; gap:8px; }.radar-catalog-item { display:inline-flex; align-items:center; min-height:38px; max-width:100%; gap:8px; padding:7px 10px; border:1px solid var(--border-mid); border-radius:9px; color:var(--text); background:#f8fafc; font:600 13px var(--font-sans); cursor:pointer; text-align:left; }.radar-catalog-item:hover,.radar-catalog-item:focus-visible { border-color:#a5b4fc; background:#eef2ff; outline:0; }.radar-catalog-item i { display:grid; width:20px; height:20px; flex:0 0 20px; place-items:center; border-radius:5px; background:#fff; font-style:normal; }.radar-catalog-item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.radar-catalog-item small { color:var(--primary); font-size:11px; font-weight:700; }.radar-catalog-group > div > p { margin:0; color:var(--text-muted); font-size:13px; }.radar-catalog-image-preview { display:block; width:52px; height:52px; margin:-3px 0 12px; object-fit:contain; border:1px solid var(--border-mid); border-radius:9px; background:#f8fafc; }.radar-toggle-label { grid-template-columns:auto 1fr; align-items:center; }.radar-toggle-label input { width:auto; }
.radar-section:has(.radar-catalog-groups) > .section-actions { margin-bottom:18px; }.radar-section:has(.radar-catalog-groups) > .section-actions h2 { margin-bottom:6px; }.radar-section:has(.radar-catalog-groups) > .section-actions small { display:block; max-width:620px; color:var(--text-muted); line-height:1.5; }
@media (max-width:780px) { .radar-catalog-group { padding:14px; }.radar-catalog-group > header { align-items:flex-start; }.radar-catalog-item { width:100%; justify-content:flex-start; min-height:44px; }.radar-catalog-item small { margin-left:auto; } }

/* Spacing and layout alignment for texts, headers, and buttons */
.section-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}
.section-actions h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--text-main);
}
.radar-section {
  margin-bottom: 32px;
}
.radar-section:last-child {
  margin-bottom: 0;
}
@media (max-width: 780px) {
  .section-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
  }
  .section-actions span {
    width: 100%;
    display: flex;
    gap: 8px;
  }
  .section-actions span .btn {
    flex: 1;
    text-align: center;
    justify-content: center;
  }
}

/* Proposal editor responsive layout and item cards */
.radar-modal-card.proposal-editor-view {
  width: min(680px, calc(100vw - 32px));
}
.radar-modal-card.proposal-editor-view footer {
  display: flex !important;
}

.radar-proposal-items-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 0;
  margin-top: 10px;
}

.radar-proposal-item-card {
  position: relative;
  padding: 16px;
  border: 1px solid var(--border-mid);
  border-radius: 12px;
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.radar-proposal-item-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.radar-proposal-item-card input,
.radar-proposal-item-card select {
  width: 100%;
  margin: 0;
}

.radar-proposal-item-card-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

.radar-proposal-item-card-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr 1fr;
  gap: 10px;
}

.radar-proposal-item-card-grid-half {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 12px;
  align-items: center;
}

.radar-proposal-item-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  color: var(--text-muted);
  margin-bottom: 4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (max-width: 580px) {
  .radar-proposal-item-card-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .radar-proposal-item-card-grid-half {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* Bank accounts & integrations on Finance page */
.radar-finance-layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: start;
}
.radar-bank-card {
  background: var(--card-bg, #fff);
  border: 1px solid var(--border-mid);
  border-radius: 12px;
  padding: 18px;
  box-shadow: var(--shadow-sm);
  margin-bottom: 16px;
}
.radar-bank-card:last-child {
  margin-bottom: 0;
}
.bank-accounts-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bank-account-item-direct {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  background: var(--bg, #f8fafc);
  border-radius: 8px;
  border: 1px solid var(--border-light, #e2e8f0);
}
@media (max-width: 900px) {
  .radar-finance-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}