.hlo-panel,.hlo-custom{display:grid;gap:12px}.hlo-hero,.hlo-custom-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-color:color-mix(in srgb,var(--pink) 30%,var(--border)) !important;background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 7%,var(--bg-card)),color-mix(in srgb,var(--green) 6%,var(--bg-card))) !important}.hlo-hero h3,.hlo-custom-head h3,.hlo-display h3,.hlo-section-head h3{margin:0 0 4px !important}.hlo-hero p,.hlo-custom-head p,.hlo-section-head p{max-width:680px;margin:0;color:var(--text-secondary);font-size:.76rem;line-height:1.45}.hlo-display-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hlo-display-grid label{display:grid;gap:5px;color:var(--text-secondary);font-size:.72rem;font-weight:800}.hlo-display-grid select{min-height:38px;padding:7px 10px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font:inherit}.hlo-rows{display:grid;gap:7px;margin-top:11px}.hlo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--green) 22%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--green) 3%,var(--bg-card))}.hlo-toggle{display:grid;grid-template-columns:20px 28px minmax(0,1fr);align-items:center;gap:7px;min-width:0}.hlo-toggle input{width:18px;height:18px;accent-color:var(--pink)}.hlo-toggle b,.hlo-toggle small{display:block}.hlo-toggle b{font-size:.79rem}.hlo-toggle small{margin-top:2px;color:var(--text-secondary);font-size:.65rem}.hlo-row-actions,.hlo-record-actions{display:flex;flex-wrap:wrap;gap:5px}.hlo-records{display:grid;gap:11px}.hlo-records-cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.hlo-records-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hlo-records-list,.hlo-records-table{grid-template-columns:1fr}.hlo-records-list .hlo-record,.hlo-records-table .hlo-record{padding-block:10px !important}.hlo-records-table .hlo-record-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.hlo-record h4{margin:0 0 5px;font-size:.88rem}.hlo-record p{margin:0 0 8px;color:var(--text-secondary);font-size:.72rem;line-height:1.4}.hlo-record-values{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 10px}.hlo-record-values span{padding:4px 7px;border-radius:8px;background:color-mix(in srgb,var(--yellow) 9%,var(--bg-card));color:var(--text-secondary);font-size:.67rem}.hlo-record-values b{color:var(--text-primary)}.hlo-empty{padding:28px !important}.hlo-empty .btn{margin-top:10px}.hg-density-compact .hg-workspace-view .card{padding:10px !important}.hg-density-compact .hg-workspace-view{--sp-3:8px}.hg-density-spacious .hg-workspace-view .card{padding:20px !important}.hg-density-spacious .hg-workspace-view{--sp-3:18px}@media (max-width:720px){.hlo-hero,.hlo-custom-head,.hlo-row{align-items:stretch;flex-direction:column}.hlo-hero>.btn,.hlo-custom-head>.btn{width:100%}.hlo-display-grid{grid-template-columns:1fr}.hlo-row-actions{padding-left:55px}}@media (max-width:440px){.hlo-row-actions{padding-left:0}.hlo-row-actions .btn{flex:1 1 auto}.hlo-records-cards,.hlo-records-gallery{grid-template-columns:1fr}}