.card-type-line{display:inline-flex;align-items:center;gap:.35rem;min-width:0;vertical-align:middle} .card-type-line-compact{gap:.25rem} .card-type-icons{display:inline-flex;align-items:center;gap:.16rem;flex:0 0 auto} .card-type-token{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:var(--card-type-token-bg,#bcc3ca);border:1px solid var(--card-type-token-border,rgba(0,0,0,.35));color:var(--card-type-token-fg,#101418);font-size:.72rem;font-weight:900;line-height:1;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.25)} .card-type-token img{display:block;width:72%;height:72%;aspect-ratio:auto;object-fit:contain;border-radius:0;background:transparent;filter:none!important;opacity:1} .card-type-token-creature img{width:76%!important;height:76%!important} .card-type-token-std-perm{--card-type-token-bg:#dfbd4f;--card-type-token-border:#987929;--card-type-token-fg:#17130a} .card-type-token-art-enchant-perm{--card-type-token-bg:#dc8245;--card-type-token-border:#9e5127;--card-type-token-fg:#1b0f08} .card-type-token-non-perm{--card-type-token-bg:#9a78c9;--card-type-token-border:#654993;--card-type-token-fg:#160f20} .card-type-token-spec-perm,.card-type-token-other{--card-type-token-bg:#bcc3ca;--card-type-token-border:#747d86;--card-type-token-fg:#101418} .card-type-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .card-type-line:not(.card-type-line-compact) .card-type-text{white-space:normal} .search-combobox-card-type .card-type-line,.editor-suggestion-mana+[aria-hidden]+span .card-type-line{max-width:100%} :is(.page>.page-heading,.content-shell>.page-heading,.home-shell>.page-heading,.deck-directory-shell>.page-heading,.library-shell>.page-heading,.operations-shell>.page-heading,.rules-shell>.page-heading,.admin-shell>.page-heading,.ruleset-admin>.page-heading,.deck-detail-shell>.page-heading,.card-browser-shell.browse-catalog>.page-heading,header.page-heading){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,320px)!important;align-items:center!important;gap:var(--ect-page-hdr-gap)!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:var(--ect-page-hdr-pad-y) var(--ect-page-hdr-pad-x)!important;border:1px solid var(--border)!important;border-radius:var(--ect-page-hdr-radius)!important;background:var(--ect-page-hdr-bg)!important;box-shadow:none!important;overflow:visible!important} :is(.page>.page-heading,.content-shell>.page-heading,.home-shell>.page-heading,.deck-directory-shell>.page-heading,.library-shell>.page-heading,.operations-shell>.page-heading,.rules-shell>.page-heading,.admin-shell>.page-heading,.ruleset-admin>.page-heading,.deck-detail-shell>.page-heading,.card-browser-shell.browse-catalog>.page-heading,header.page-heading)>:is(.heading-copy,div:first-child:not(.heading-actions):not(.library-heading-actions):not(.deck-directory-actions):not(.public-leader-heading-button)){grid-column:1!important;min-width:0!important;max-width:none!important;align-self:center!important} :is(.page-heading,.operations-heading.page-heading) :is(.eyebrow,.heading-copy>.eyebrow){margin:0 0 .2rem!important} :is(.page-heading,.operations-heading.page-heading) h1{margin:0!important;color:var(--text)!important;font-size:clamp(1.55rem,2.5vw,2.35rem)!important;font-weight:900!important;line-height:1.12!important;letter-spacing:-.035em!important} :is(.page-heading,.operations-heading.page-heading) p:not(.eyebrow){max-width:78ch!important;margin:.35rem 0 0!important;color:var(--muted)!important;line-height:1.35!important} :is(.page-heading,.operations-heading.page-heading)>:is(.heading-actions,.library-heading-actions,.deck-directory-actions),:is(.page-heading,.operations-heading.page-heading)>:is(.btn,.button,button,a.btn){grid-column:2!important;align-self:center!important;justify-self:end!important;display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;width:100%!important;max-width:320px!important;min-width:0!important} :is(.page-heading,.operations-heading.page-heading)>:is(.heading-actions,.library-heading-actions,.deck-directory-actions)>:is(.btn,.button,button,a.btn),:is(.page-heading,.operations-heading.page-heading)>:is(.btn,.button,button,a.btn){width:100%!important;min-height:38px!important;justify-content:center!important} .deck-detail-shell>.page-heading.public-deck-heading{grid-template-columns:auto minmax(0,1fr) minmax(180px,320px)!important;align-items:center!important;gap:var(--ect-page-hdr-gap)!important} .deck-detail-shell>.page-heading.public-deck-heading>.public-leader-heading-button{grid-column:1!important;width:52px!important;aspect-ratio:63/88!important;height:auto!important;padding:0!important;overflow:hidden!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--panel-2)!important;color:var(--muted)!important} .deck-detail-shell>.page-heading.public-deck-heading>.public-leader-heading-button img{width:100%!important;height:100%!important;object-fit:cover!important} .deck-detail-shell>.page-heading.public-deck-heading>.heading-copy.public-deck-heading-copy{grid-column:2!important;min-width:0!important;max-width:none!important} .deck-detail-shell>.page-heading.public-deck-heading>.heading-actions.public-deck-heading-actions{grid-column:3!important;display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;width:100%!important;max-width:320px!important} .deck-detail-shell>.page-heading.public-deck-heading .public-deck-subtitle,.deck-detail-shell>.page-heading.public-deck-heading .public-deck-heading-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.35rem!important;margin:.35rem 0 0!important} .deck-detail-shell>.page-heading.public-deck-heading .public-deck-heading-meta .folder-pill,.deck-detail-shell>.page-heading.public-deck-heading .public-deck-heading-meta #public-folder-pill{display:none!important} :is(.admin-shell,.ruleset-admin)>.admin-nav{order:initial!important;margin:0!important} .admin-shell,.ruleset-admin{display:grid;gap:var(--ect-section-gap,.65rem)} .admin-shell>.admin-nav,.admin-shell>.page-heading,.admin-shell>.notice,.admin-shell>.admin-major-section,.ruleset-admin>.admin-nav,.ruleset-admin>.page-heading,.ruleset-admin>.notice{margin:0} .admin-major-section{padding:0!important;overflow:clip} .admin-major-section>summary,.admin-minor-section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--ect-content-gap,.5rem);padding:.65rem .8rem;font-weight:900} .admin-major-section>summary::-webkit-details-marker,.admin-minor-section>summary::-webkit-details-marker{display:none} .admin-major-section>summary::after,.admin-minor-section>summary::after{content:"⌄";margin-left:auto;flex:0 0 auto;color:var(--muted);transition:transform .18s ease} .admin-major-section:not([open])>summary::after,.admin-minor-section:not([open])>summary::after{transform:rotate(-90deg)} .admin-major-section[open]>summary,.admin-minor-section[open]>summary{border-bottom:1px solid var(--border)} .admin-major-section>summary small{color:var(--muted);font-size:.75rem;font-weight:600;text-align:right} .admin-major-content{padding:0 .8rem .8rem} .admin-major-content>*+*{margin-top:var(--ect-section-gap,.65rem)} .admin-major-content.metric-grid,.admin-minor-section{margin:0} .admin-policy-groups,.admin-sortable{display:grid;gap:var(--ect-section-gap,.65rem)} .admin-minor-section{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-2) 82%,transparent)} .admin-minor-section>summary{padding:.55rem .7rem} .admin-minor-section>summary small{margin-left:.25rem;color:var(--muted)} .admin-minor-content{padding:var(--ect-panel-padding,.7rem)} .admin-sortable .sortable-item{transition:opacity .12s ease,transform .12s ease,border-color .12s ease} .admin-sortable .sortable-item.is-dragging{opacity:.45;transform:scale(.995);border-color:var(--accent)} .drag-handle{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:grab;user-select:none;touch-action:none} .drag-handle:active{cursor:grabbing} .admin-sort-status{min-height:1.2rem;margin:.55rem 0 0;color:var(--muted);font-size:.78rem} .ruleset-admin .policy-admin-group{margin-top:0} .ruleset-admin .policy-admin-group>.stack-list{padding:var(--ect-panel-padding,.7rem)} .ruleset-admin .admin-create-panel,.ruleset-admin .admin-action-grid{margin-top:var(--ect-section-gap,.65rem)} .admin-job-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--ect-grid-gap,.65rem)} .admin-job-actions form,.admin-job-actions .button{width:100%} .admin-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ect-grid-gap,.65rem)} .admin-filter-row label{display:grid;gap:.35rem} .price-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:var(--ect-grid-gap,.65rem)} .price-review-card{display:grid;gap:var(--ect-content-gap,.5rem);padding:var(--ect-panel-padding,.7rem)} .price-review-card-header{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:.8rem;align-items:start} .price-review-card-header>img{width:68px;aspect-ratio:63/88;object-fit:cover;border-radius:5px} .price-review-card-header h2{margin:.05rem 0 .3rem;font-size:1.08rem} .price-review-card-header p{margin:0;color:var(--muted)} .price-review-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem} .price-review-history{border:1px solid var(--border);border-radius:8px;padding:.65rem} .price-review-history summary{cursor:pointer;font-weight:800} .price-review-history pre{white-space:pre-wrap;margin:.6rem 0 0} .price-review-form{display:grid;gap:.75rem} .price-review-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem} .price-review-actions .button{width:100%} .button.warning{border-color:#d99a31;background:#9c5f0f;color:#fff} .status-reviewing{border-color:var(--border);color:var(--muted)} .status-marked{border-color:var(--accent);color:var(--accent)} .price-review-image-button{display:block;width:68px;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;overflow:hidden} .price-review-image-button>img{display:block;width:68px;aspect-ratio:63/88;object-fit:cover;border-radius:5px} .announcement-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ect-grid-gap,.65rem);margin-top:var(--ect-section-gap,.65rem)} .announcement-schedule-grid .metric-card p{margin:.35rem 0 0;color:var(--muted);font-size:.78rem} .ruleset-activation-dialog{max-width:min(820px,calc(100vw - 2rem));width:820px;border:1px solid var(--border);border-radius:14px;background:var(--panel-raised);color:var(--text);box-shadow:var(--shadow);padding:0} .ruleset-activation-dialog::backdrop{background:rgba(0,0,0,.72)} .ruleset-activation-form{display:grid;gap:var(--ect-content-gap,.5rem);padding:var(--ect-panel-padding,.7rem)} .ruleset-activation-form header{display:flex;align-items:start;justify-content:space-between;gap:var(--ect-content-gap,.5rem)} .ruleset-activation-form label{display:grid;gap:.3rem} .ruleset-activation-form textarea{min-height:130px} .ruleset-activation-form footer{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap} .account-avatar{width:1.55rem;height:1.55rem;flex:0 0 1.55rem;display:grid;place-items:center;border-radius:999px;background:var(--accent-faint);color:var(--accent);font-size:.66rem;font-weight:900} .account-preferences-form fieldset{border:1px solid var(--border);border-radius:10px;padding:.8rem;display:grid;gap:.55rem} .account-preferences-form legend{padding:0 .35rem;color:var(--muted);font-weight:800} .account-preferences-form fieldset>.checkbox-row{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:flex-start;gap:.55rem;width:100%} .account-preferences-form fieldset>.checkbox-row input[type="checkbox"]{flex:0 0 16px;margin:0!important} .account-preferences-form fieldset>.checkbox-row>span{display:inline;min-width:0} @media (max-width:760px){ :is(.page>.page-heading,.content-shell>.page-heading,.home-shell>.page-heading,.deck-directory-shell>.page-heading,.library-shell>.page-heading,.operations-shell>.page-heading,.rules-shell>.page-heading,.admin-shell>.page-heading,.ruleset-admin>.page-heading,.deck-detail-shell>.page-heading,.card-browser-shell.browse-catalog>.page-heading,header.page-heading){grid-template-columns:1fr!important;gap:var(--ect-content-gap,.5rem)!important;margin:0!important} :is(.page-heading,.operations-heading.page-heading)>:is(.heading-actions,.library-heading-actions,.deck-directory-actions),:is(.page-heading,.operations-heading.page-heading)>:is(.btn,.button,button,a.btn){grid-column:1!important;justify-self:stretch!important;max-width:none!important} .deck-detail-shell>.page-heading.public-deck-heading{grid-template-columns:auto minmax(0,1fr)!important} .deck-detail-shell>.page-heading.public-deck-heading>.heading-actions.public-deck-heading-actions{grid-column:1/-1!important;max-width:none!important} .admin-major-section{position:relative} .admin-major-section>summary{align-items:flex-start;flex-direction:column} .admin-major-section>summary::after{position:absolute;right:1rem} .price-review-card-header{grid-template-columns:54px minmax(0,1fr)} .price-review-card-header>img{width:54px} .price-review-pills{grid-column:1/-1;justify-content:flex-start} .price-review-actions{grid-template-columns:repeat(2,minmax(0,1fr))} .price-review-image-button,.price-review-image-button>img{width:54px} } .policy-tabs-row.panel,.policy-tabs-row,.policy-tabs-row .policy-toolbar,.policy-tabs-row .policy-color-filter,.policy-shell{overflow:visible!important} .policy-tabs-row{z-index:980!important} .policy-tabs-row .policy-color-filter[open]{z-index:1250!important} .policy-tabs-row .policy-color-menu{z-index:1300!important} .policy-tabs-row .policy-tabs{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.2rem!important;margin:0!important;padding:.35rem!important;border:1px solid var(--border)!important;border-radius:.95rem!important;background:color-mix(in srgb,var(--panel) 96%,transparent)!important} .policy-tabs-row .policy-tabs a{display:inline-flex!important;align-items:center!important;gap:.35rem!important;min-height:34px!important;padding:.35rem .65rem!important;border:1px solid transparent!important;border-radius:.6rem!important;background:transparent!important;color:var(--muted)!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important} .policy-tabs-row .policy-tabs a:hover{background:var(--panel-2)!important;color:var(--text)!important} .policy-tabs-row .policy-tabs a[aria-current="true"]{border-color:var(--accent)!important;background:var(--accent-faint)!important;color:var(--accent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 0 18px var(--accent-faint)!important} .policy-tabs-row .policy-tabs a[aria-current="true"] span{color:color-mix(in srgb,var(--accent) 72%,var(--text))!important} .policy-tabs-row .policy-tabs span{margin-left:0!important} .operations-shell .recent-user-action-form{display:inline-flex;flex-wrap:nowrap;align-items:center;min-width:0;width:max-content} .operations-shell .recent-user-action-form select{min-width:11rem} .operations-shell .recent-user-action-form button{white-space:nowrap} @media (max-width:760px){ .operations-shell .recent-user-action-form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto} .operations-shell .recent-user-action-form select{min-width:0;width:100%} } .policy-shell:has(#policy-color-filter[open]) .policy-tabs-row{position:relative;overflow:visible!important;z-index:2147482990!important} .policy-shell:has(#policy-color-filter[open]) .policy-section,.policy-shell:has(#policy-color-filter[open]) .policy-grid,.policy-shell:has(#policy-color-filter[open]) .policy-card{z-index:auto!important} #policy-color-filter[open] .multi-combo-panel{position:fixed!important;right:auto;width:min(260px,calc(100vw - 1rem));max-height:min(360px,calc(100dvh - 1rem));overflow:auto;z-index:2147483000!important} .policy-toolbar .policy-color-field{min-width:230px;margin:0} .policy-toolbar .policy-color-combo{min-width:230px} .policy-toolbar .policy-color-combo>summary{min-height:42px;padding:.55rem .7rem} .policy-color-combo .multi-combo-panel{min-width:250px} .policy-color-combo .multi-options label{display:flex;align-items:center;gap:.55rem} .policy-color-combo .mana-option-label{display:inline-flex;align-items:center;gap:.55rem;min-width:0} .policy-color-combo .mana-option-icons{display:inline-flex;align-items:center;gap:.15rem;min-width:1.25rem} .policy-color-combo .mana-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .policy-shell:has(.policy-color-combo[open]) .policy-tabs-row{position:relative;overflow:visible!important;z-index:2147482990!important} .policy-color-combo[open] .multi-combo-panel{position:fixed!important;right:auto;width:min(250px,calc(100vw - 1rem));max-height:min(360px,calc(100dvh - 1rem));overflow:auto;z-index:2147483000!important} @media (max-width:720px){ .policy-toolbar .policy-color-field,.policy-toolbar .policy-color-combo{width:100%;min-width:0} } .account-heading .heading-actions{display:none!important} .account-role-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem} .account-role-line .info-icon{flex:0 0 auto} .account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ect-content-gap,.5rem);margin-bottom:var(--ect-section-gap,.65rem)} .account-section-heading h2{margin:0!important} .account-section-heading .button{white-space:nowrap} .account-preferences-form{display:block!important} .account-preference-groups,.account-status-panel{display:grid;gap:.55rem} .account-status-panel>h2{margin-bottom:.45rem!important} .account-status-list{margin-bottom:.15rem!important} .account-preference-group,.account-subpanel,.danger-zone{padding:0!important;overflow:hidden;border:1px solid var(--border)!important;border-radius:1rem!important;background:linear-gradient(145deg,rgba(31,36,45,.92),rgba(18,22,30,.9))!important;box-shadow:none!important} .account-preference-group>summary,.account-subpanel>summary,.danger-zone>summary{display:flex;align-items:center;gap:var(--ect-content-gap,.5rem);min-height:40px;padding:.55rem .75rem!important;cursor:pointer;color:var(--text);font-weight:850;line-height:1.2;list-style:none} .account-preference-group>summary::-webkit-details-marker,.account-subpanel>summary::-webkit-details-marker,.danger-zone>summary::-webkit-details-marker{display:none} .account-preference-group>summary::before,.account-subpanel>summary::before,.danger-zone>summary::before{content:"⌄";display:inline-block;color:var(--muted);transform:rotate(-90deg);transition:transform .12s ease} .account-preference-group[open]>summary::before,.account-subpanel[open]>summary::before,.danger-zone[open]>summary::before{transform:rotate(0deg)} .account-preference-group[open]>summary,.account-subpanel[open]>summary,.danger-zone[open]>summary{border-bottom:1px solid var(--border-soft)} .account-preference-group[open]{overflow:visible} .account-preference-group-body,.account-subpanel-body{padding:var(--ect-panel-padding,.7rem)!important;display:grid;gap:var(--ect-section-gap,.65rem)} .account-preference-group-body.form-grid{display:grid!important} .account-preferences-form .preference-grid-appearance{grid-template-columns:repeat(2,minmax(0,1fr))!important} .account-preferences-form .preference-grid-workspace{grid-template-columns:repeat(3,minmax(0,1fr))!important} .preference-field{display:grid;gap:.4rem;min-width:0;color:var(--muted);font-size:.83rem;font-weight:700} .preference-field>.field-label{min-height:1.15rem} .account-preferences-form .preference-field>.field-label>label{display:inline!important;margin:0!important;color:inherit!important;font:inherit!important} .preference-checkbox-field{display:flex;align-items:center;gap:.45rem;min-width:0} .preference-checkbox-field>.checkbox-row{min-width:0} .preference-checkbox-field>.info-icon{margin-left:.1rem} .preference-field:has(.info-icon:hover),.preference-field:has(.info-icon:focus-visible),.preference-checkbox-field:has(.info-icon:hover),.preference-checkbox-field:has(.info-icon:focus-visible){position:relative;z-index:1400} .account-password-form{display:grid;gap:var(--ect-section-gap,.65rem)} .role-request-form{display:grid;gap:.8rem;max-width:760px} .role-request-capabilities{display:grid;gap:.25rem;padding:.7rem .8rem;border:1px solid var(--border-soft);border-radius:.75rem;background:var(--panel-2)} .role-request-capabilities strong{color:var(--text);font-size:.82rem} .role-request-capabilities p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45} .role-request-change-note{display:flex;align-items:flex-start;gap:.4rem;margin:0;color:var(--muted);font-size:.78rem;line-height:1.4} .role-request-change-note>span[aria-hidden="true"]{flex:0 0 auto;color:var(--accent);font-weight:900} .role-request-reason-field[hidden]{display:none!important} .role-request-reason-field small{color:var(--muted);font-size:.72rem;line-height:1.4} .role-request-form [data-role-request-submit]{justify-self:start;min-width:190px} .danger-zone{border-color:rgba(255,105,105,.68)!important} .danger-zone>summary{color:var(--danger)!important} .account-preference-group .checkbox-row{min-height:1.75rem} @media (max-width:640px){ .account-section-heading{align-items:stretch;flex-direction:column} .account-section-heading .button{width:100%} .role-request-form [data-role-request-submit]{justify-self:stretch;width:100%} .account-preferences-form .preference-grid-appearance,.account-preferences-form .preference-grid-workspace{grid-template-columns:1fr!important} } @media (min-width:641px) and (max-width:980px){ .account-preferences-form .preference-grid-workspace{grid-template-columns:repeat(2,minmax(0,1fr))!important} } .account-grid{align-items:start!important} .account-status-panel,.account-preferences-panel{align-self:start!important} .account-preferences-form label.checkbox-row,.account-preference-group-body label.checkbox-row,.account-preferences-form .form-grid label.checkbox-row{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:.55rem!important;width:auto!important;max-width:100%!important;color:var(--text)!important} .account-preferences-form label.checkbox-row input[type="checkbox"],.account-preference-group-body label.checkbox-row input[type="checkbox"]{width:auto!important;min-width:1rem!important;max-width:1rem!important;height:1rem!important;min-height:1rem!important;padding:0!important;margin:0!important;flex:0 0 auto!important;box-sizing:border-box!important} .account-preferences-form label.checkbox-row>span,.account-preference-group-body label.checkbox-row>span{min-width:0!important;width:auto!important} .accent-field{display:grid;gap:.4rem;color:var(--muted);font-size:.78rem;font-weight:650} .accent-picker{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.65rem} .accent-picker input[type="color"]{width:2.7rem!important;height:2.7rem!important;min-width:2.7rem!important;min-height:2.7rem!important;padding:0!important;border-radius:.65rem!important;overflow:hidden;cursor:pointer} .accent-picker input[type="color"]::-webkit-color-swatch-wrapper{padding:0} .accent-picker input[type="color"]::-webkit-color-swatch{border:0;border-radius:calc(.65rem - 1px)} .accent-picker input[type="color"]::-moz-color-swatch{border:0;border-radius:calc(.65rem - 1px)} .accent-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem} .accent-swatch{appearance:none;width:1.65rem;height:1.65rem;min-height:0;padding:0;border:2px solid color-mix(in srgb,var(--swatch) 50%,var(--border));border-radius:50%;background:var(--swatch);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer} .accent-swatch:hover{transform:scale(1.08)} .accent-swatch:focus-visible{outline:3px solid color-mix(in srgb,var(--swatch) 48%,transparent);outline-offset:2px} .accent-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--swatch)} .policy-tabs-row{position:relative;display:flex;align-items:center;gap:var(--ect-content-gap,.5rem);flex-wrap:nowrap;margin:0;padding:.3rem} .policy-tabs-row .policy-tabs{flex:1 1 auto;min-width:0;border:0!important;background:transparent!important} .policy-tabs-row .policy-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin:0;padding:0;border:0;background:transparent;box-shadow:none;flex:0 0 auto} .policy-tabs-row .policy-toolbar>label,.policy-tabs-row .policy-color-field{display:flex;align-items:center;gap:.4rem;min-width:0;margin:0;color:var(--muted);font-size:.72rem;font-weight:800} .policy-tabs-row .policy-sort-field select{width:10.5rem;min-height:2.35rem} .policy-tabs-row .policy-color-combo{width:11rem;min-width:11rem} .policy-tabs-row .policy-color-combo>summary{min-height:2.35rem} .management-row-button{color:var(--text);font:inherit;cursor:pointer} .management-row-button:hover{border-color:var(--accent);background:var(--accent-faint)} .management-row-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px} .management-row-button>span:first-child,.management-row-button>.tag-management-name{display:flex;align-items:center;gap:.6rem;min-width:0} .management-row-button strong,.management-row-button small{display:block} .management-row-button small{margin-top:.15rem;color:var(--muted)} @media (max-width:900px){ .policy-tabs-row{align-items:stretch;flex-wrap:wrap} .policy-tabs-row .policy-tabs{flex:1 1 100%} .policy-tabs-row .policy-toolbar{flex:1 1 100%;justify-content:flex-start} } @media (max-width:560px){ .policy-tabs-row .policy-toolbar{display:grid;grid-template-columns:1fr} .policy-tabs-row .policy-toolbar>label,.policy-tabs-row .policy-color-field{display:grid;gap:.3rem} .policy-tabs-row .policy-sort-field select,.policy-tabs-row .policy-color-combo{width:100%;min-width:0} } .announcement-admin-list{display:grid;gap:var(--ect-grid-gap,.65rem)} .announcement-admin-card{display:grid;gap:var(--ect-content-gap,.5rem);padding:var(--ect-panel-padding,.7rem)} .announcement-admin-form{display:grid;gap:var(--ect-content-gap,.5rem)} .announcement-publish-fields{display:grid;grid-template-columns:minmax(140px,.4fr) minmax(220px,1fr);gap:var(--ect-grid-gap,.65rem)} .announcement-publish-fields-create{grid-template-columns:minmax(140px,.4fr) minmax(260px,1fr) auto;align-items:end} .announcement-publish-fields-create>.button{min-height:42px;white-space:nowrap} .announcement-admin-actions{display:flex;gap:.5rem;flex-wrap:wrap} @media(max-width:760px){.announcement-publish-fields,.announcement-publish-fields-create{grid-template-columns:1fr}.announcement-publish-fields-create>.button{width:100%}} /* Administration remains responsive; only named data regions scroll horizontally. */ .admin-shell,.ruleset-admin,.admin-shell>*,.ruleset-admin>*,.admin-major-content,.admin-minor-content,.admin-form,.admin-form>*{min-width:0;max-width:100%;box-sizing:border-box} .admin-nav{max-width:100%;overscroll-behavior-inline:contain;scrollbar-width:thin} .operations-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch} .operations-table-wrap table{width:max-content;min-width:100%} .operations-table-wrap :is(th,td):first-child{position:sticky;left:0;z-index:1;background:var(--panel-raised,var(--panel));box-shadow:1px 0 0 var(--border)} .operations-table-wrap th:first-child{z-index:2} .ruleset-activation-dialog{width:min(820px,calc(var(--ect-visual-viewport-width,100vw) - 1rem));max-width:none;max-height:calc(var(--ect-visual-viewport-height,100dvh) - 1rem);overflow:auto} @media (max-width:850px){ .admin-shell>.admin-nav,.ruleset-admin>.admin-nav{display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto} .admin-shell>.admin-nav>a,.ruleset-admin>.admin-nav>a{flex:0 0 auto;min-height:44px} .ruleset-admin :is(.form-grid,.admin-action-grid,.metric-grid){grid-template-columns:minmax(0,1fr)!important} .ruleset-admin :is(.span-2,.span-3){grid-column:auto!important} .ruleset-admin :is(.admin-major-section,.admin-minor-section,.sortable-item,details,section,article,form){width:100%;min-width:0;max-width:100%} .ruleset-admin :is(h1,h2,h3,p,small,label,summary,legend){overflow-wrap:anywhere} .ruleset-admin :is(input,select,textarea){width:100%;min-width:0;max-width:100%} .admin-major-section>summary,.admin-minor-section>summary{min-height:44px} } @media (min-width:851px) and (max-width:1180px){ .admin-shell :is(.admin-form,.admin-action-grid),.ruleset-admin :is(.admin-form,.admin-action-grid),.admin-shell .empty-state,.ruleset-admin .empty-state{max-width:920px} }