.idf-shell{--idf-bg:#f7f8fb;--idf-ink:#141721;--idf-soft:#5a6170;--idf-line:#d8dce5;--idf-card:#fff;--idf-accent:#222a44;box-sizing:border-box;color:var(--idf-ink);background:linear-gradient(135deg,#f8f9fc,#f1f4f9);border:1px solid var(--idf-line);border-radius:24px;margin:clamp(16px,3vw,36px) auto;padding:clamp(18px,3vw,30px);width:min(calc(100% - 28px),1180px);font:inherit;box-shadow:0 16px 45px rgba(20,23,33,.08)}
.idf-shell *{box-sizing:border-box}.idf-frame{max-width:1120px;margin:auto}.idf-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;color:var(--idf-soft);margin-bottom:8px}.idf-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.idf-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.05;color:var(--idf-ink)}.idf-head p{max-width:760px;margin:.55rem 0 0;color:var(--idf-soft)}.idf-small-link{white-space:nowrap;color:var(--idf-accent);font-weight:700}.idf-form{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,.7fr) minmax(170px,.8fr) auto;gap:12px;margin-top:22px;align-items:end}.idf-form label{display:grid;gap:6px;font-size:.86rem;font-weight:700;color:var(--idf-soft)}.idf-form input,.idf-form select,.idf-form button,.idf-actions button,.idf-actions a{font:inherit}.idf-form input,.idf-form select{width:100%;min-height:46px;border:1px solid #c8ceda;background:#fff;color:#111827;border-radius:12px;padding:10px 12px}.idf-form input:focus,.idf-form select:focus,.idf-actions button:focus,.idf-actions a:focus,.idf-primary:focus,.idf-bridge:focus,.idf-history-item:focus{outline:3px solid rgba(55,88,170,.28);outline-offset:2px}.idf-primary{min-height:46px;border:0;border-radius:12px;background:var(--idf-accent);color:#fff;font-weight:800;padding:10px 18px;cursor:pointer}.idf-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}.idf-actions button,.idf-actions a{min-height:42px;border:1px solid #cbd1dc;background:#fff;color:#1e293b;border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:700;cursor:pointer}.idf-actions button[aria-pressed="true"]{background:#e9edf7;border-color:#9eabc5}.idf-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:22px;margin-top:24px}.idf-grid h3{margin:0 0 10px;font-size:1rem;color:var(--idf-ink)}.idf-bridges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.idf-bridge,.idf-history-item{display:grid;gap:5px;text-decoration:none;background:var(--idf-card);border:1px solid var(--idf-line);border-radius:16px;padding:14px;color:var(--idf-ink);transition:transform .16s ease,border-color .16s ease}.idf-bridge:hover,.idf-history-item:hover{transform:translateY(-2px);border-color:#aeb7c8}.idf-bridge strong{font-size:1rem}.idf-bridge span:not(.idf-bridge-meta),.idf-history-item span{font-size:.84rem;line-height:1.35;color:var(--idf-soft)}.idf-bridge-meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.idf-history{display:grid;gap:8px}.idf-history-item{padding:11px 12px}.idf-status{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--idf-line);color:var(--idf-soft);font-size:.83rem}.idf-muted{color:var(--idf-soft);margin:.2rem 0;font-size:.9rem}.idf-shell[data-icu-discovery-fabric="error"]{border-style:dashed}
@media(max-width:900px){.idf-form{grid-template-columns:1fr 1fr}.idf-query{grid-column:1/-1}.idf-primary{width:100%}.idf-grid{grid-template-columns:1fr}.idf-bridges{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.idf-shell{border-radius:18px;width:min(calc(100% - 18px),1180px);padding:16px}.idf-head{display:grid}.idf-small-link{justify-self:start}.idf-form{grid-template-columns:1fr}.idf-query{grid-column:auto}.idf-bridges{grid-template-columns:1fr}.idf-actions>*{flex:1 1 auto;text-align:center}.idf-form input,.idf-form select,.idf-primary,.idf-actions button,.idf-actions a{min-height:48px}}
@media(prefers-reduced-motion:reduce){.idf-bridge,.idf-history-item{transition:none}}