.dropdown-card-preview>small{color:#7b87a0;font-size:9px;font-weight:800}.dropdown-card-preview>p{color:#69758d;margin:0;font-size:9px;line-height:1.35}.dropdown-card-preview{gap:7px}.dropdown-card-frames{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.dropdown-card-frame{background:#fff;border:1px solid #e6e6eb;border-radius:7px;align-content:start;gap:5px;padding:8px 9px;display:grid}.dropdown-card-frame small{color:#8d8d97;letter-spacing:.03em;font-size:8px;font-weight:800}.dropdown-card-frame p{color:#6a6a72;margin:0;font-size:8px;line-height:1.4}.dropdown-card-ticket{background:#fafafa;border:1px solid #d4d4da;border-radius:5px;gap:3px;padding:5px 6px;display:grid}.dropdown-card-ticket b{color:var(--ink);font-size:8px;font-weight:800}.dropdown-card-status{border-radius:3px;justify-self:start;padding:1px 5px;font-size:7px;font-weight:800}.dropdown-card-status.is-unread{background:var(--ink);color:#fff}.dropdown-card-trigger{border:1px solid var(--ink);color:var(--ink);border-radius:4px;justify-self:start;align-items:center;gap:2px;padding:2px 6px;font-size:8px;font-weight:800;display:inline-flex}.dropdown-card-trigger svg{color:var(--ink)}.dropdown-card-menu{border:1px solid var(--line);background:#fff;border-radius:5px;gap:2px;margin:0;padding:4px;list-style:none;display:grid}.dropdown-card-menu li{color:#4d4d57;border-radius:3px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:4px;padding:3px 4px;font-size:8px;font-weight:700;display:grid}.dropdown-card-menu li>i{color:var(--ink);font-size:8px;font-style:normal;font-weight:800}.dropdown-card-menu li.is-active{color:var(--ink);background:#f0f0f0;font-weight:800}.dropdown-card-menu li.is-disabled{color:#9a9aa3}.dropdown-card-menu li.is-disabled>span{text-decoration:line-through}.dropdown-card-menu li.is-disabled small{color:#8a8a92;background:#efeff1;border-radius:2px;padding:0 3px;font-size:7px;font-weight:700}.dropdown-card-menu li.is-danger,.dropdown-card-menu li.is-danger>i{color:#a83a44}.dropdown-card-arrow{color:#6a6a72;align-content:center;justify-items:center;gap:2px;font-size:7px;font-weight:700;display:grid}.dropdown-card-arrow b{color:var(--ink);font-size:13px}.dropdown-card-preview .dropdown-card-conclusion{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 4px 4px 0;margin:0;padding:5px 7px;font-size:9px;line-height:1.45}.dropdown-card-preview .dropdown-card-conclusion b{background:var(--ink);color:#fff;letter-spacing:.03em;border-radius:3px;margin-right:5px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.term-interactive-demo.dropdown-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.dropdown-interaction-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.dropdown-interaction-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.dropdown-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dropdown-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.dropdown-demo-ticket{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.dropdown-demo-ticket.is-closed{border-color:var(--ink);background:#f0f0f0}.dropdown-demo-ticket header{gap:2px;display:grid}.dropdown-demo-ticket header small{color:var(--muted);font-size:11px;font-weight:700}.dropdown-demo-ticket header b{color:var(--ink);font-size:14px;font-weight:800}.dropdown-demo-ticket dl{grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:0;display:grid}.dropdown-demo-ticket dt{color:var(--muted);font-size:12px}.dropdown-demo-ticket dd{color:var(--ink);margin:0;font-size:13px;font-weight:700}.dropdown-demo-ticket-status{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}.dropdown-demo-ticket-status.is-unread{background:var(--ink);color:#fff}.dropdown-demo-ticket-status.is-read{color:var(--ink);border:1px solid var(--ink);background:#fff}.dropdown-demo-ticket-status.is-closed{color:#fff;background:#a83a44}.dropdown-demo-ticket>p{color:#595963;margin:0;font-size:12px;line-height:1.55}.dropdown-demo-wrapper{justify-items:start;gap:8px;display:grid;position:relative}.dropdown-demo-trigger{border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:14px;font-weight:700;display:inline-flex}.dropdown-demo-trigger.is-open{border-color:var(--ink)}.dropdown-demo-trigger.is-disabled{opacity:.6;cursor:not-allowed}.dropdown-demo-trigger-label{color:var(--ink)}.dropdown-demo-trigger svg{color:var(--muted);transition:transform .15s}.dropdown-demo-trigger svg.is-open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.dropdown-demo-trigger svg{transition:none}}.dropdown-demo-menu{border:1px solid var(--line);background:var(--color-white);z-index:5;border-radius:8px;gap:2px;min-width:min(100%,300px);margin:0;padding:5px;list-style:none;display:grid;position:relative;box-shadow:0 8px 22px #2222221f}.dropdown-demo-item{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;font-weight:650;display:grid}.dropdown-demo-item:hover:not(.is-disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.dropdown-demo-item:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.dropdown-demo-item.is-active{border-color:var(--ink);color:var(--ink);background:#f0f0f0;font-weight:800}.dropdown-demo-item.is-disabled{color:#9a9aa3;cursor:not-allowed}.dropdown-demo-item.is-disabled:hover{background:0 0;border-color:#0000}.dropdown-demo-item.is-destructive{color:#a83a44}.dropdown-demo-item.is-destructive:hover{color:#a83a44;background:#fff5f6;border-color:#a83a44}.dropdown-demo-item-label{min-width:0}.dropdown-demo-item-hint{color:var(--muted);font-size:11px;font-weight:600}.dropdown-demo-item.is-destructive .dropdown-demo-item-hint{color:#a83a44}.dropdown-demo-item-reason{color:#8a8a92;background:#efeff1;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.dropdown-demo-confirm{background:#fff5f6;border:1px solid #a83a44;border-left-width:4px;border-radius:8px;gap:10px;padding:12px 14px;display:grid}.dropdown-demo-confirm p{color:#5d3a3e;margin:0;font-size:13px;line-height:1.55}.dropdown-demo-confirm strong{color:#a83a44}.dropdown-demo-confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.dropdown-interaction-demo .dropdown-demo-confirm-primary{background:var(--color-rausch-600);min-width:148px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.dropdown-interaction-demo .dropdown-demo-confirm-primary:hover:not(:disabled){color:var(--color-white);background:#c8093a}.dropdown-demo-confirm-cancel{min-width:0}.dropdown-demo-status{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 6px 6px 0;margin:0;padding:11px 12px;font-size:12.5px;line-height:1.6}.dropdown-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dropdown-demo-reset{min-width:0}.dropdown-demo-actions-note{color:var(--muted);font-size:12px;line-height:1.5}.dropdown-knowledge-list,.dropdown-how-list{gap:8px;margin:0;padding-left:20px;display:grid}.dropdown-knowledge-list li,.dropdown-how-list li{color:#51515b;font-size:13.5px;line-height:1.6}.dropdown-knowledge-list b,.dropdown-how-list b{color:var(--ink);font-weight:800}.dropdown-how-list{padding-left:24px}.dropdown-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dropdown-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.dropdown-example.is-good{border-left:4px solid #4d805d}.dropdown-example.is-bad{border-left:4px solid #b04c52}.dropdown-example b{color:var(--ink);font-size:13px;font-weight:800}.dropdown-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.dropdown-card-frames{grid-template-columns:1fr}.dropdown-card-arrow{display:none}.dropdown-example-grid{grid-template-columns:1fr}.dropdown-demo-menu{min-width:min(100%,260px)}}.term-card .dropdown-card-preview[data-b4-skin=dropdown]{--ink:#7b5420;--muted:#806c54;--line:#c9ac78;--soft:#fff3d8;--color-faint:#ffebbd;--accent:#7b5420;color:#3e2e20;background:#fff1d4;border:2px solid #a97837;box-shadow:5px 5px #d8b46e}.term-interactive-demo.dropdown-interaction-demo[data-b4-skin=dropdown]{--ink:#6a4a22;--muted:#6a5a45;--line:#c89b54;--soft:#fff1d2;--color-faint:#ffebc2;--accent:#e0b34c;--color-rausch-600:#b44e40;color:#332719;background:#f7e4bd;border:2px solid #81592c;box-shadow:8px 8px #c6914f}.term-interactive-demo.dropdown-interaction-demo[data-b4-skin=dropdown] button:focus-visible{outline-offset:3px;outline:3px solid #7b4b94}.term-interactive-demo.dropdown-interaction-demo[data-b4-skin=dropdown] .dropdown-demo-confirm-primary{color:#fff8ef!important;background:#b44e40!important;border-color:#b44e40!important}