/*@3.CORC.14*/
/*@3.CORC.1*/

.crx-body { padding: 1.4rem 1.5rem 1.1rem; }
.crx-load, .crx-err { padding: 2.5rem 0; text-align: center; color: var(--text-muted); }
.crx-err { color: var(--st-danger); }

.crx-head { margin-block-end: 1.1rem; padding-inline-end: 2.2rem; }
.crx-head h2 { font-size: 1.15rem; font-weight: 800; margin: 0; }
.crx-sub { margin: .3rem 0 0; font-size: .84rem; color: var(--text-secondary); }
.crx-edit {
  margin: .55rem 0 0; padding: .45rem .7rem;
  border-inline-start: 3px solid var(--st-warn);
  background: color-mix(in oklab, var(--st-warn) 8%, transparent);
  border-radius: var(--radius-sm);
  font-size: .78rem; color: var(--text-secondary);
}

/*@3.CORC.15*/
.crx-note { margin: 0 0 .7rem; font-size: .76rem; color: var(--text-muted); }

.crx-f { margin-block-end: .95rem; }
.crx-f:last-child { margin-block-end: 0; }
.crx-l { display: block; font-size: .82rem; font-weight: 600; margin-block-end: .35rem; }
.crx-req { color: var(--st-danger); margin-inline-start: .25rem; }
.crx-hint { margin: 0 0 .45rem; font-size: .74rem; line-height: 1.6; color: var(--text-muted); }

.crx-ins-load, .crx-ins-none {
  margin: 0; padding: .5rem 0;
  font-size: .78rem; color: var(--text-muted);
}
.crx-ins-q { margin-block-end: .5rem; }
.crx-ins-h {
  display: flex; align-items: center; gap: .5rem;
  margin: .7rem 0 .35rem;
  font-size: .68rem; font-weight: 800; letter-spacing: .05em;
  color: var(--text-muted);
}
.crx-ins-h::after { content: ''; flex: 1; border-block-start: 1px dotted var(--border-color); }
.crx-ins-l {
  display: grid; gap: .25rem;
  max-block-size: 13rem; overflow-y: auto;
  padding-inline-end: .2rem;
  overscroll-behavior: contain;
}
.crx-ins-i {
  display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap;
  inline-size: 100%; text-align: start;
  padding: .45rem .6rem;
  border: 1px solid transparent; border-radius: var(--radius-md);
  background: var(--bg-elevated); color: var(--text-primary);
  font: inherit; font-size: .82rem; cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.crx-ins-i:hover { border-color: var(--st-ok); background: color-mix(in oklab, var(--st-ok) 8%, transparent); }
.crx-ins-i:focus-visible { outline: 2px solid var(--st-accent); outline-offset: 2px; }
/*@3.CORC.17*/
.crx-ins-i.is-dir .crx-ins-m { color: var(--st-warn); }
.crx-ins-n { font-weight: 700; unicode-bidi: isolate; }
.crx-ins-n mark { background: color-mix(in oklab, var(--st-ok) 28%, transparent); color: inherit; border-radius: 3px; }
.crx-ins-m { font-size: .7rem; color: var(--text-muted); unicode-bidi: isolate; }
.crx-ins-ar { font-size: .74rem; color: var(--text-secondary); unicode-bidi: isolate; }

.crx-ins-free {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  margin-block-start: .6rem; padding-block-start: .6rem;
  border-block-start: 1px dotted var(--border-color);
  font-size: .76rem; color: var(--text-muted);
}
.crx-ins-free > p { flex: 1 1 11rem; margin: 0; line-height: 1.6; }

.crx-ins-on {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  padding: .55rem .7rem;
  border: 1px solid var(--st-ok); border-radius: var(--radius-md);
  background: color-mix(in oklab, var(--st-ok) 10%, transparent);
  font-size: .84rem;
}
.crx-ins-on.is-free { border-color: var(--st-warn); background: color-mix(in oklab, var(--st-warn) 10%, transparent); }
.crx-ins-on.is-free > i { color: var(--st-warn); }
.crx-ins-on > i { color: var(--st-ok); }
.crx-ins-on > b { flex: 1 1 8rem; unicode-bidi: isolate; }
.crx-ins-tag { font-size: .7rem; font-weight: 700; color: var(--st-warn); }
.crx-ins-x {
  flex: none; inline-size: 1.7rem; block-size: 1.7rem;
  border: 1px solid var(--border-color); border-radius: var(--radius-md);
  background: transparent; color: var(--text-muted);
  font: inherit; font-size: .75rem; cursor: pointer;
}
.crx-ins-x:hover { color: var(--st-danger); border-color: var(--st-danger); }

/*@3.CORC.9*/
.crx-r {
  display: grid;
  grid-template-columns: 1fr 1fr auto auto;
  gap: .4rem;
  margin-block-end: .45rem;
  align-items: center;
}
.crx-r > [data-rf="why"] { grid-column: 1 / -1; }
.crx-rdel {
  inline-size: 2rem; block-size: 2rem;
  border: 1px solid var(--border-color); border-radius: var(--radius-md);
  background: transparent; color: var(--text-muted); cursor: pointer;
}
.crx-rdel:hover { color: var(--st-danger); border-color: var(--st-danger); }
.crx-addres {
  margin-block-start: .3rem;
  padding: .4rem .8rem;
  border: 1px dashed var(--border-color); border-radius: var(--radius-md);
  background: transparent; color: var(--text-secondary);
  font: inherit; font-size: .8rem; cursor: pointer;
}
.crx-addres:hover { border-color: var(--st-accent); color: var(--st-accent); }

/*@3.CORC.10*/
/*@3.CORC.16*/
.crx-ins-shut {
  margin: 0; padding: .55rem .2rem;
  font-size: .78rem; line-height: 1.7; color: var(--text-muted);
}
.crx-msg { margin: 0 0 .5rem; font-size: .8rem; color: var(--st-ok); min-block-size: 1.1rem; }
.crx-msg.is-err { color: var(--st-danger); }
.crx-warn { margin: 0 0 .6rem; font-size: .74rem; color: var(--st-warn); }

/*@3.CORC.12*/
@media (max-width: 640px) {
  .crx-body { padding: 1.1rem 1rem 1rem; }
  /*@3.CORC.13*/
  .crx-r { grid-template-columns: 1fr auto; }
  .crx-r > [data-rf="title"], .crx-r > [data-rf="kind"] { grid-column: 1 / -1; }
}

/*@3.CORC.18*/
.crx-kept {
  display: flex; align-items: center; gap: .5rem; margin: 0 0 .55rem;
  font-size: .78rem; line-height: 1.7; color: var(--text-secondary);
  background: color-mix(in srgb, var(--gsf-tint, #a78bfa) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--gsf-tint, #a78bfa) 34%, transparent);
  border-radius: var(--radius-lg); padding: .45rem .7rem;
}
.crx-kept > i { color: var(--gsf-tint, #a78bfa); }