.navigation-page{gap:24px;max-width:1200px;margin:auto;display:grid}.navigation-page h1{margin:0 0 8px}.navigation-page header p{color:var(--muted,#53647d);margin:0}.navigation-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.navigation-cards a{border:1px solid var(--border,#dce3f0);color:inherit;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;text-decoration:none;display:flex}.navigation-cards a:hover{border-color:var(--primary,#2449e8)}.navigation-cards a svg{width:24px;height:24px;color:var(--primary,#2449e8)}.navigation-cards a span{color:var(--muted,#53647d);font-size:14px;line-height:1.5}.navigation-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.navigation-results a{background:#fff;border:1px solid #dce3f0;border-radius:10px;padding:14px 18px;text-decoration:none;display:block}.navigation-search{border:1px solid #dce3f0;border-radius:10px;width:100%;padding:14px}.task-create{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.task-create label{flex:1;gap:8px;min-width:180px;display:grid}.task-create input,.task-create textarea{border:1px solid #dce3f0;border-radius:8px;width:100%;min-width:0;padding:12px}.task-create .task-description-field{flex-basis:100%}.task-create textarea{resize:vertical}.task-link-picker{width:100%;min-width:0}.task-link-picker summary{cursor:pointer;color:#2449e8;align-items:center;gap:8px;padding:8px 0;font-weight:600;display:flex}.task-link-picker summary:before{content:"+";font-size:20px}.task-link-picker[open] summary:before{content:"−"}.task-link-count{background:#eaf0ff;border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:12px;display:inline-grid}.task-link-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:12px 0;display:grid}.task-link-fields>div{min-width:0}.task-selected-listings{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.task-selected-listings li{border:1px solid var(--crm-line,#dce6f5);background:var(--crm-surface-raised,#f4f7fc);color:var(--crm-ink,#061843);overflow-wrap:anywhere;border-radius:7px;padding:5px 9px;font-size:13px}.task-link-fields label{min-width:0;margin-bottom:8px}.task-link-fields .dropdown{width:100%}.task-link-fields .system-pagination{flex-wrap:wrap;gap:6px;margin-top:12px}.task-link-fields .system-pagination>div{flex-wrap:wrap}.task-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.task-list li{background:#fff;border:1px solid #dce3f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:20px;scroll-margin-top:24px;display:flex}.task-list li:target{border-color:#2449e8;box-shadow:0 0 0 2px #2449e814}.task-description{white-space:pre-wrap;color:#53647d;margin:0;font-size:14px;line-height:1.6}.task-list li div{overflow-wrap:anywhere;gap:8px;min-width:0;display:grid}.task-list time{color:#53647d;font-size:14px}.task-links,.task-list li .task-links{flex-wrap:wrap;gap:8px;display:flex}.task-links a,.navigation-results .task-links a{color:#2449e8;background:#f6f9ff;border:1px solid #dce6f5;border-radius:7px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:13px;line-height:1.4;text-decoration:none;display:inline-flex}.task-links a:hover{border-color:#2449e8}.task-links svg{flex:none}.task-links span{overflow-wrap:anywhere}.navigation-results .task-links{margin-top:8px}.gallery-nav-group-label{color:#53647d;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px 4px;font-size:11px;font-weight:700;display:block}.gallery-sidebar-collapsed .gallery-nav-group-label{display:none}.navigation-page .marketing-tabs button{cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px}.navigation-page .marketing-tabs button[aria-pressed=true]{color:#2449e8;border-bottom-color:#2449e8}@media (max-width:720px){.task-create{grid-template-columns:minmax(0,1fr);display:grid}.task-link-fields{grid-template-columns:minmax(0,1fr)}.task-list li{flex-direction:column;align-items:flex-start}.navigation-cards{grid-template-columns:1fr}}.task-list>li{align-items:flex-start;padding:18px}.task-list>li>.task-card-content{flex:1}.task-list li .task-card-heading{align-items:center;gap:8px;display:flex}.task-card-heading>strong{font-size:15px;line-height:1.45}.task-source{color:var(--crm-muted,#53647d);font-size:11px;font-weight:700}.tasks-page .task-description{font-size:13px;line-height:1.6}.task-context{min-width:0}.task-context>summary{width:fit-content;color:var(--crm-blue,#2449e8);cursor:pointer;padding-block:4px;font-size:12px}.task-context[open]>p{max-height:320px;margin-block:8px 0;overflow:auto}.task-links a{min-width:0;max-width:min(100%,380px)}.task-links span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-preview-list{margin:0;padding:0;list-style:none;display:grid}.task-preview-list>li{border-bottom:1px solid var(--crm-line,#dce3f0);min-width:0;padding:15px 0}.task-preview-list>li:first-child{padding-top:2px}.task-preview-list>li:last-child{border-bottom:0;padding-bottom:0}.task-preview-main{color:var(--crm-ink,#152a4b);align-items:flex-start;gap:10px;text-decoration:none;display:flex}.task-preview-main>svg{color:var(--crm-muted,#53647d);flex:none;margin-top:2px}.task-preview-main>span{flex:1;min-width:0}.task-preview-main strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:650;line-height:1.5;display:-webkit-box;overflow:hidden}.task-preview-main time{color:var(--crm-muted,#53647d);align-items:center;gap:4px;margin-top:5px;font-size:11px;display:flex}.task-preview-list .task-links{margin:7px 0 0;gap:6px 12px;margin-inline-start:28px}.task-preview-list .task-links a{min-height:24px;color:var(--crm-blue,#2449e8);background:0 0;border:0;border-radius:0;max-width:100%;padding:0;font-size:12px;line-height:1.5}.task-preview-list .task-links a:hover{text-decoration:underline}.task-preview-list .task-links svg{width:13px;height:13px}.ov-tasks .ov-text-button{font-size:13px;line-height:1.4}html[data-crm-theme=dark] .ov-tasks .ov-text-button{color:#83c3ff}html[dir=rtl] .task-preview-main>.lucide-chevron-right{transform:rotate(180deg)}