/* Meltech workspace: quiet surfaces, precise data, thumb-first navigation. */
:root { --bg:#f3f5f7; --surface-2:#f5f7f9; --border:#dfe4e9; --text:#202b37; --text-2:#526171; --text-3:#687685; --radius:12px; --radius-lg:16px; --sidebar-w:236px; }
:root[data-theme=dark] { --bg:#11171d; --surface-2:#222c35; --border:#33414d; --text:#edf2f6; --text-2:#bdc8d2; --text-3:#97a7b6; }
.app { height:100dvh; }
.main,.content,.content-inner { min-width:0; }
.content { padding:24px; scroll-behavior:smooth; }
.topbar { position:sticky; top:0; z-index:30; box-shadow:0 1px 0 var(--border); gap:12px; }
.page-title { font-size:21px; letter-spacing:-.025em; }
.page-sub { font-size:12px; }
.card-pad { padding:20px; }
.card-head { gap:14px; flex-wrap:wrap; }
.card-title { font-size:16px; }
.btn { border-radius:8px; min-height:36px; }
.btn-primary { color:#171e26; font-weight:600; }
.sidebar { background:#18232e; padding:14px 10px; }
.nav-item { min-height:42px; border-radius:8px; }
.nav-item.active { box-shadow:none; background:#c79a3b24; color:#f6d382; }
.nav-section { color:#9baab8; letter-spacing:.1em; font-size:10px; }
.brand { position:relative; }
.sidebar-collapse { margin-left:auto; color:#d8e1e9; font-size:26px; padding:4px; }
.sidebar-compact { --sidebar-w:76px; }
.sidebar-compact .brand>div:not(.brand-logo),.sidebar-compact .nav-item>span,.sidebar-compact .nav-section,.sidebar-compact .user-chip>div:not(.avatar) { display:none; }
.sidebar-compact .brand { padding:8px 0 16px; gap:2px; }
.sidebar-compact .nav-item { justify-content:center; }
.sidebar-compact .sidebar-collapse { transform:rotate(180deg); }
.table { width:100%; }
.table th { background:var(--surface-2); color:var(--text-2); font-size:11px; letter-spacing:.035em; }
.table td { padding-top:14px; padding-bottom:14px; }
.table tr:hover td { background:var(--surface-2); }
.table-sort { text-align:left; padding:0; font:inherit; text-transform:inherit; }
.table-tools { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:10px 0; font-size:12px; }
.table-tools select { background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:8px; }
.table-tools .btn { font-size:12px; }
button:disabled { cursor:default; opacity:.45; }
[hidden] { display:none !important; }
.badge { border-radius:6px; font-weight:600; line-height:1.5; white-space:normal; }
.badge-green { color:#156a49; background:#e7f4ed; }
.badge-red { color:#a52835; background:#fdebed; }
.badge-brand,.badge-amber { color:#805b14; background:#fcf3db; }
.badge-blue { color:#245a8d; background:#e9f2fc; }
.badge-gray { color:#526171; background:#edf0f3; }
.drawer { max-height:100dvh; }
.drawer-body { overscroll-behavior:contain; }
.drawer input,.drawer select,.drawer textarea { max-width:100%; }
.workspace-sheet { margin:auto; width:min(520px,calc(100% - 32px)); max-height:85dvh; overflow:auto; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:20px; box-shadow:var(--shadow-lg); }
.workspace-sheet::backdrop { background:#111e2e70; }
.workspace-sheet header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.workspace-sheet h2 { font-size:20px; }
.workspace-action { display:flex; align-items:center; gap:12px; width:100%; padding:15px 12px; text-align:left; border-bottom:1px solid var(--border); }
.workspace-action:hover { background:var(--surface-2); }
.workspace-filter { display:grid; gap:8px; padding:12px 0; }
.workspace-filter select { padding:12px; width:100%; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:8px; }
#mobileNav,.mobile-add,#mobilePriorities,.mobile-filter { display:none; }
.crm-skeleton { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; }
.crm-skeleton span { height:90px; border-radius:12px; background:var(--surface-2); animation:skeleton-pulse 1.3s ease-in-out infinite alternate; }
@keyframes skeleton-pulse { to { opacity:.4; } }
@media(min-width:901px) { .record-table-shell { overflow:auto; } }
@media(max-width:1100px) { .topbar .wake-lock-copy,.topbar .wake-lock-state { display:none; } .topbar .search-box { width:180px; } }
@media(max-width:900px) {
  .app { display:block; } .sidebar-collapse { display:none; } .sidebar-compact { --sidebar-w:236px; }
  .sidebar-compact .brand>div:not(.brand-logo),.sidebar-compact .nav-item>span,.sidebar-compact .nav-section,.sidebar-compact .user-chip>div:not(.avatar) { display:block; }
  .sidebar-compact .nav-item { justify-content:flex-start; }
  .main { height:100dvh; } .content { padding:16px 14px 150px; overflow-x:clip; }
  .topbar { padding:10px 14px; height:64px; min-height:64px; gap:10px; }
  .topbar .page-sub,.topbar .quick-add,.topbar #themeBtn,.topbar .wake-lock-control,.topbar .search-box,.topbar .menu-btn { display:none; }
  .page-title-wrap { flex:1; min-width:0; border:0; padding:0; } .page-title { font-size:20px; }
  .topbar .icon-btn { width:44px; height:44px; }
  #mobileNav { position:fixed; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); bottom:0; left:0; right:0; padding:6px 6px calc(6px + env(safe-area-inset-bottom)); background:var(--surface); border-top:1px solid var(--border); z-index:70; }
  .mobile-nav-item { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:52px; color:var(--text-2); font-size:11px; border-radius:10px; }
  .mobile-nav-item.active { background:var(--brand-050); color:var(--brand-700); font-weight:700; }
  .mobile-add { display:grid; place-items:center; position:fixed; bottom:calc(82px + env(safe-area-inset-bottom)); right:18px; width:52px; height:52px; border-radius:18px; font-size:30px; background:var(--brand); color:#17212b; box-shadow:0 5px 18px #18273825; z-index:60; }
  #mobilePriorities { display:grid; gap:10px; margin-bottom:24px; }
  #mobilePriorities h2 { font-size:22px; margin:12px 0 4px; }
  .mobile-home-search { text-align:left; padding:16px; border:1px solid var(--border); background:var(--surface); border-radius:12px; color:var(--text-2); }
  .priority-card { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; padding:16px; border:1px solid var(--border); background:var(--surface); border-radius:12px; min-height:78px; }
  .priority-card:first-of-type { border-left:3px solid var(--brand); }
  .priority-card strong { font-size:14px; display:block; } .priority-card small { display:block; color:var(--text-2); margin-top:4px; font-size:12px; } .priority-card>b { font-size:26px; font-variant-numeric:tabular-nums; }
  .mobile-activity { padding:18px 2px; } .mobile-activity h3 { margin-bottom:14px; font-size:16px; }
  .grid,.g-2,.g-3,.g-4,.command-grid,.company-detail-grid,.reply-analysis-layout { grid-template-columns:minmax(0,1fr) !important; }
  .card-pad { padding:16px; } .card-head,.list-toolbar { align-items:stretch; }
  .row { min-width:0; } .row.wrap { gap:10px; } .card-head>.row { flex-wrap:wrap; }
  .btn,.icon-btn,input:not([type=checkbox]):not([type=radio]),select { min-height:44px; }
  input,select,textarea { font-size:16px; max-width:100%; min-width:0; }
  .list-toolbar .search-box { width:100% !important; }
  .list-toolbar>div { width:100%; }
  .list-toolbar select,.list-toolbar label:has(input[type=checkbox]) { display:none; }
  .mobile-filter { display:inline-flex; }
  .table-tools { justify-content:flex-start; gap:6px; } .table-tools>span { flex:1; min-width:110px; }
  .record-table-shell { overflow:visible; border:0; }
  #view table,#view tbody { display:block; width:100%; min-width:0 !important; }
  #view thead { display:none; }
  #view tbody tr { display:block; border:1px solid var(--border); border-radius:12px; margin-bottom:12px; padding:12px; background:var(--surface); }
  #view tbody td { display:grid; grid-template-columns:minmax(78px,.35fr) minmax(0,1fr); gap:10px; border:0; padding:7px 0; white-space:normal; overflow-wrap:anywhere; min-width:0; }
  #view tbody td::before { content:attr(data-label); color:var(--text-2); font-size:11px; padding-top:3px; }
  #view tbody td:first-child,#view tbody td[colspan] { display:block; font-size:14px; padding-bottom:12px; }
  #view tbody td:first-child::before,#view tbody td[colspan]::before { display:none; }
  #view td .row { flex-wrap:wrap; }
  .t-strong,.muted,.mail-correspondent,.mail-body,.execution-row { overflow-wrap:anywhere; }
  .workspace-sheet { margin:auto 0 0; width:100%; max-width:none; border-radius:20px 20px 0 0; padding:20px 18px calc(24px + env(safe-area-inset-bottom)); }
  .drawer { top:0 !important; right:0; width:100% !important; max-width:100%; height:100dvh; border-radius:0; z-index:110; }
  .drawer-head { padding-top:calc(16px + env(safe-area-inset-top)); } .drawer-body { padding:16px; } #drawerFoot { flex-wrap:wrap; padding-bottom:calc(16px + env(safe-area-inset-bottom)); }
  .overlay { padding:12px; } .palette { width:100%; max-height:90dvh; } .palette-input input { min-width:0; }
  .mail-appbar { flex-wrap:wrap; padding:14px; } .mail-search { order:3; width:100%; } .mail-columns { display:block; } .mail-folders { width:100%; } .mail-folders nav { display:flex; } .mail-folders nav>* { flex:1; } .mail-compose-wide,.mail-account-card,.mail-sync-time { display:none; }
  .mail-reader { display:none; } .mail-message-copy { min-width:0; } .mail-message-copy b,.mail-message-copy strong,.mail-message-copy em { white-space:normal; overflow-wrap:anywhere; }
  .mail-correspondent { flex-wrap:wrap; } .mail-reader-content { padding:16px 0; } .mail-reader-content h2 { font-size:21px; }
  .crm-skeleton { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
.workspace-intro { margin-bottom:20px; }
.workspace-intro h2 { font-size:26px; }
.pipeline-board { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; align-items:start; }
.pipeline-column { background:var(--surface-2); padding:14px; border:1px solid var(--border); border-radius:12px; }
.pipeline-column h3 { font-size:14px; margin-bottom:16px; }
.pipeline-deal { display:block; width:100%; background:var(--surface); padding:16px; text-align:left; border:1px solid var(--border); border-radius:10px; margin:10px 0; }
.pipeline-deal small { display:block; color:var(--text-2); margin-top:6px; }
.report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
@media(max-width:900px) {
  #view tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4px 14px; }
  #view tbody td { display:block; font-size:12px; }
  #view tbody td::before { display:block; padding:0 0 3px; font-size:10px; }
  #view tbody td:first-child,#view tbody td[colspan] { grid-column:1/-1; }
  #view tbody td .badge { display:inline-block; width:auto; margin-top:3px; }
  #view tbody td[data-label=Email] { grid-column:1/-1; }
  .list-toolbar { padding:0; background:transparent; border:0; box-shadow:none; }
  .list-toolbar .search-box { height:46px; }
  .mobile-filter { width:auto; align-self:flex-start; }
  .report-grid,.pipeline-board { grid-template-columns:minmax(0,1fr); }
  .grid>[style*="grid-column"] { grid-column:auto !important; }
}
.drawer:not(.open) { box-shadow:none; visibility:hidden; }
@media(max-width:900px) { .drawer .mail-reader-toolbar { display:flex; flex-wrap:wrap; } .table-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } .table-tools>* { min-width:0 !important; width:100%; } .table-tools>span { text-align:center; font-size:11px; } }
@media(max-width:900px) {
  body[data-workspace-route=documents] #view>.row { flex-direction:column; }
  body[data-workspace-route=documents] #view>.row>.card { width:100% !important; }
  .card-head>div { min-width:0; max-width:100%; }
}

/* Preserve the original machined 3D styling on the new workspace components. */
.priority-card,.pipeline-deal { background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 91%,white),var(--surface) 58%,color-mix(in srgb,var(--surface) 93%,var(--brand-050))); box-shadow:var(--depth-surface); }
.mobile-home-search { box-shadow:var(--depth-inset); }
.mobile-add { background:var(--gold-grad); box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(92,62,16,.24),0 4px 0 #8d6722,0 9px 16px rgba(118,85,27,.2); }
.mobile-add:active { transform:translateY(3px); box-shadow:var(--depth-inset); }
@media(max-width:900px) { #view tbody tr { box-shadow:var(--depth-surface); } }
/* Quotation desk — raised panels and a legible pricing workspace. */
.quote-editor { padding:28px; border-top:3px solid var(--brand); }
.quote-eyebrow,.quote-caption,.quote-total-label { color:var(--text-2); }
.quote-title { font-size:30px; letter-spacing:-.8px; }
.quote-editor>.card-head { margin-bottom:24px; gap:24px; }
.quote-actions { flex-shrink:0; }
.quote-section-label { margin:28px 0 16px; font-size:15px; }
.quote-section-label>span { background:var(--brand-050); color:var(--brand-700); border-color:var(--border); border-radius:8px; padding:6px 9px; }
.quote-editor .quote-meta { grid-template-columns:repeat(4,minmax(0,1fr)); padding:20px; background:var(--surface-2); border:1px solid var(--border); border-radius:12px; box-shadow:var(--depth-inset); gap:18px; }
.quote-editor .quote-meta>.field:first-child { grid-column:1/-1; }
.quote-editor .field { min-width:0; margin:0; }
.quote-editor .field input,.quote-editor .field select { min-height:44px; width:100%; }
.quote-table-scroll { border-radius:12px; }
#qlTable { table-layout:fixed; min-width:780px; }
#qlTable th:nth-child(1) { width:16%; } #qlTable th:nth-child(2) { width:26%; }
#qlTable th:nth-child(3) { width:14%; } #qlTable th:nth-child(4),#qlTable th:nth-child(5) { width:10%; } #qlTable th:nth-child(6) { width:18%; }
#qlTable th { font-size:10px; letter-spacing:.2px; padding:14px 8px; }
#qlTable td { padding:12px 8px; }
#qlTable input { min-height:42px; box-shadow:var(--depth-inset); }
#qlTable .qltot { white-space:normal !important; overflow-wrap:anywhere; font-size:13px; }
.quote-total-band { background:linear-gradient(145deg,var(--surface),var(--brand-050)); box-shadow:var(--depth-surface); border-radius:12px; padding:24px; }
.quote-total-value { white-space:normal; overflow-wrap:anywhere; font-size:30px; }
#qlGrand { color:var(--brand-700) !important; }
#qlTerms { padding:16px !important; min-height:150px; }
@media(max-width:900px) {
 .quote-editor { padding:16px; } .quote-title { font-size:25px; }
 .quote-actions { width:100%; display:flex; } .quote-actions .btn-primary { flex:1; justify-content:center; }
 .quote-editor .quote-meta { grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:14px; gap:14px; }
 .quote-editor .quote-meta>.field:first-child { grid-column:1/-1; }
 .quote-table-scroll { overflow:visible; border:0; }
 #view #qlBody tr { padding:14px; gap:12px; }
 #view #qlBody td { padding:0; min-width:0; }
 #view #qlBody td:first-child { grid-column:auto; }
 #view #qlBody td:first-child::before { display:block; }
 #view #qlBody td:nth-child(2) { grid-column:1/-1; grid-row:2; }
 #view #qlBody td::before { font-size:11px; color:var(--text-2); padding-bottom:6px; }
 #qlTable input { font-size:16px !important; }
 #view #qlBody .quote-row-actions { grid-column:2; grid-row:1; text-align:right; align-self:center; }
 #qlTable .qltot { text-align:left; font-size:18px; padding-top:6px; }
 .quote-total-band { padding:18px; gap:16px; } .quote-total-value { font-size:25px; }
}
@media(max-width:380px) { .quote-editor .quote-meta { grid-template-columns:1fr !important; } }

/* Mobile home: visible navigation, readable cards, and safe screen spacing. */
@media (max-width:900px) {
  .mobile-home-automation { width:100%; min-height:48px; justify-content:center; font-weight:700; }
  .page-title { white-space:normal; overflow-wrap:anywhere; font-size:18px; line-height:1.25; }
  .topbar { height:auto; min-height:64px; overflow:visible; }
  .priority-card { min-width:0; }
  .priority-card>span { min-width:0; overflow-wrap:anywhere; }
  .priority-card>b { flex-shrink:0; }
  .command-intro { flex-direction:column; align-items:stretch; gap:14px; }
  .command-intro h1 { font-size:26px; line-height:1.2; }
  .command-intro>.btn { width:100%; justify-content:center; }
  .command-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .metric-card { min-width:0; padding:12px; }
  .metric-copy { min-width:0; }
  .metric-copy small,.metric-copy em { white-space:normal; overflow-wrap:anywhere; }
  .content { padding-bottom:calc(150px + env(safe-area-inset-bottom)); }
}

.calendar-shortcut { flex-shrink:0; gap:7px; }
@media(max-width:1100px) and (min-width:901px) { .calendar-shortcut span { display:none; } }
@media(max-width:900px) { .calendar-shortcut { display:inline-flex; min-height:44px; padding:8px 10px; font-size:12px; } }

/* Mobile thumb controls and paired, equal-size header actions. */
.mobile-bottom-automation { display:none; }
.mobile-header-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
@media(max-width:900px) {
 .mobile-bottom-automation { display:inline-flex; position:fixed; left:16px; bottom:calc(84px + env(safe-area-inset-bottom)); min-height:48px; padding:10px 16px; gap:9px; z-index:60; border-radius:14px; }
 .topbar { padding:10px 14px; gap:12px; align-items:center; }
 .topbar .page-title-wrap { flex:1 1 0; min-width:0; }
 .mobile-header-actions { gap:8px; }
 .topbar .mobile-header-actions>button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; margin:0; border-radius:10px; }
 .mobile-header-actions .calendar-shortcut span { display:none; }
 .mobile-header-actions .calendar-shortcut { background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,white),var(--surface-2)); box-shadow:inset 0 1px 0 var(--edge-light),0 2px 0 color-mix(in srgb,var(--border-strong) 48%,transparent),0 5px 9px rgba(35,31,22,.035); }
 .mobile-header-actions svg { width:20px; height:20px; }
}
/* A readable calendar grid; only the calendar region scrolls sideways. */
.calendar-scroll { min-width:0; max-width:100%; overflow-x:auto; padding:4px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
.calendar-grid { width:100%; }
.calendar-day { min-width:0; overflow:hidden; }
.calendar-date { line-height:1.4; }
.calendar-scroll-hint { display:none; }
.calendar-legend { padding-bottom:8px; }
.mobile-action-dock { display:contents; }
@media(max-width:900px) {
 .main { display:flex; flex-direction:column; }
 .topbar { flex-shrink:0; }
 .content { flex:1 1 0; min-height:0; margin-bottom:calc(148px + env(safe-area-inset-bottom)); padding-bottom:24px; scroll-padding-bottom:24px; }
 .mobile-action-dock { display:flex; position:fixed; bottom:calc(64px + env(safe-area-inset-bottom)); left:0; right:0; height:84px; padding:12px 16px 16px; align-items:center; justify-content:space-between; gap:16px; background:var(--surface); border-top:1px solid var(--border); z-index:65; }
 .mobile-action-dock .mobile-bottom-automation,.mobile-action-dock .mobile-add { position:static; margin:0; flex-shrink:0; min-height:48px; height:48px; }
 .mobile-action-dock .mobile-add { width:48px; }
 #mobileNav { height:calc(64px + env(safe-area-inset-bottom)); box-sizing:border-box; }
 #followupCalendarRoot { padding:14px; min-width:0; }
 .calendar-toolbar { display:flex; flex-direction:column; align-items:stretch; gap:14px; }
 .calendar-month-controls { display:grid !important; grid-template-columns:44px minmax(0,1fr) 44px; width:100%; gap:8px !important; }
 .calendar-month-controls .card-title { min-width:0 !important; font-size:16px; line-height:1.35; align-self:center; }
 .calendar-month-controls .btn { justify-content:center; padding:8px; min-height:44px; }
 .calendar-month-controls .btn:last-child { grid-column:1/-1; }
 .calendar-event-controls { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px !important; }
 .calendar-event-controls>.muted { flex:1 1 120px; line-height:1.5; }
 .calendar-event-controls>.btn { flex-shrink:0; }
 .calendar-scroll-hint { display:block; font-size:12px; color:var(--text-2); line-height:1.5; margin:14px 0 8px; }
 .calendar-grid { min-width:974px; }
 #followupCalendarRoot .calendar-day { min-height:138px !important; padding:10px !important; }
 #followupCalendarRoot .calendar-date { font-size:16px !important; font-weight:700; margin-bottom:8px; }
 #followupCalendarRoot .calendar-event { font-size:11px !important; white-space:normal !important; overflow-wrap:anywhere; line-height:1.4; padding:4px 6px !important; }
 .calendar-weekdays>div { font-size:12px !important; padding:8px 0; }
 .calendar-legend { gap:10px 16px !important; margin-top:18px !important; }
}
@media(max-width:900px) { .topbar .wake-lock-help { display:none; } }

.mobile-nav-item { position:relative; }
.mobile-notification-badge { position:absolute; top:2px; right:8px; min-width:18px; padding:2px 4px; border-radius:10px; background:var(--red); color:#fff; font-size:10px; font-weight:700; line-height:14px; }
.mobile-notification-badge[hidden] { display:none; }
@media(max-width:900px) {
 .notification-toolbar { flex-direction:column; align-items:stretch; gap:14px; }
 .notification-toolbar>.row { flex-wrap:wrap; }
 .notification-toolbar button { min-height:44px; }
 .notification-row { flex-wrap:wrap; padding:14px 0 !important; }
 .notification-row>.row { margin-left:43px; }
 .notification-row>.row button { min-width:44px; min-height:44px; }
 .notification-row .muted { overflow-wrap:anywhere; line-height:1.5; }
}

/* Outreach connection queue: full contact cards on desktop and mobile. */
.linkedin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.linkedin-summary>div{display:flex;flex-direction:column;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}
.linkedin-summary strong{font-size:24px}.linkedin-summary span{font-size:12px;color:var(--muted)}
.linkedin-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:12px;margin:16px 0}
.linkedin-filters label,.linkedin-note-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.linkedin-filters .input{width:100%;min-width:0}
.linkedin-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.linkedin-contact-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}
.linkedin-contact-card strong,.linkedin-contact-card .muted{overflow-wrap:anywhere}
.linkedin-contact-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.linkedin-note{width:100%;resize:vertical;box-sizing:border-box;min-height:86px;font-size:13px;line-height:1.5}
.linkedin-contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.linkedin-contact-actions .input{min-width:0;flex:1;min-height:40px}
.linkedin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:8px}
@media(max-width:768px){.linkedin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.linkedin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.linkedin-contact-list{grid-template-columns:minmax(0,1fr)}.linkedin-contact-card{padding:14px}.linkedin-contact-actions .btn,.linkedin-contact-actions .input{min-height:44px}.linkedin-contact-actions .input{flex-basis:100%}.linkedin-pagination{justify-content:space-between;gap:8px}}