/* Origin Visa — interactive materials checklist (09.3) */
.origin-cl{--cl-bg:rgba(17,25,45,.72);--cl-line:rgba(148,163,184,.16);--cl-txt:#E7ECF6;--cl-txt2:#A6B1C8;--cl-txt3:#697590;--cl-gold:#D4AF37;--cl-gold2:#E8CE8F;--cl-green:#34D399;background:var(--cl-bg);border:1px solid var(--cl-line);border-radius:16px;padding:18px 18px 16px;color:var(--cl-txt);font-family:inherit}
.origin-cl *{box-sizing:border-box}
.origin-cl-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.origin-cl-title{font-size:16px;font-weight:700;line-height:1.35;margin:0 0 4px}
.origin-cl-intro{font-size:12.5px;color:var(--cl-txt2);line-height:1.55;margin:0;max-width:56ch}
.origin-cl-note{font-size:12px;color:var(--cl-txt3);margin:8px 0 0;line-height:1.5}
.origin-cl-progress{min-width:120px;text-align:right}
.origin-cl-pct{font-size:22px;font-weight:800;color:var(--cl-gold2);font-variant-numeric:tabular-nums;line-height:1}
.origin-cl-pct small{font-size:12px;font-weight:600;color:var(--cl-txt3);margin-left:2px}
.origin-cl-bar{height:7px;border-radius:99px;background:rgba(148,163,184,.14);margin-top:8px;overflow:hidden}
.origin-cl-bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cl-gold),var(--cl-green));border-radius:99px;transition:width .25s ease}
.origin-cl-count{font-size:11.5px;color:var(--cl-txt3);margin-top:5px}
.origin-cl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.origin-cl-tab{appearance:none;border:1px solid var(--cl-line);background:rgba(148,163,184,.06);color:var(--cl-txt2);font:inherit;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer;transition:.15s}
.origin-cl-tab:hover{border-color:rgba(217,180,91,.4);color:var(--cl-txt)}
.origin-cl-tab.on{border-color:var(--cl-gold);background:rgba(217,180,91,.12);color:var(--cl-gold2)}
.origin-cl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.origin-cl-item{border:1px solid var(--cl-line);border-radius:12px;padding:12px 12px 10px;background:rgba(7,11,21,.35);transition:border-color .15s,background .15s}
.origin-cl-item.done{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.06)}
.origin-cl-row{display:flex;align-items:flex-start;gap:10px}
.origin-cl-check{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--cl-gold);cursor:pointer}
.origin-cl-body{flex:1;min-width:0}
.origin-cl-item-title{font-size:14px;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.origin-cl-badge{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.02em}
.origin-cl-badge.req{background:rgba(217,180,91,.14);color:var(--cl-gold2)}
.origin-cl-badge.opt{background:rgba(148,163,184,.12);color:var(--cl-txt3)}
.origin-cl-desc{font-size:12.5px;color:var(--cl-txt2);line-height:1.5;margin:4px 0 0}
.origin-cl-note-wrap{margin-top:8px}
.origin-cl-note-input{width:100%;font:inherit;font-size:12.5px;color:var(--cl-txt);background:rgba(7,11,21,.55);border:1px solid var(--cl-line);border-radius:8px;padding:8px 10px;resize:vertical;min-height:36px}
.origin-cl-note-input::placeholder{color:var(--cl-txt3)}
.origin-cl-note-input:focus{outline:none;border-color:rgba(217,180,91,.5)}
.origin-cl-actions,.origin-cl-expand{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.origin-cl .btn-cl{appearance:none;font:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:10px 16px;cursor:pointer;border:1px solid rgba(217,180,91,.45);background:transparent;color:var(--cl-gold2);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.origin-cl .btn-cl:hover{background:rgba(217,180,91,.1)}
.origin-cl .btn-cl.primary{background:linear-gradient(135deg,var(--cl-gold),#C9A04A);color:#12224A;border:none}
.origin-cl .btn-cl.ghost{border-color:var(--cl-line);color:var(--cl-txt2)}
.origin-cl-toast{font-size:12px;color:var(--cl-green);margin-top:8px;min-height:1.2em}
.origin-cl-tips{margin-top:12px;padding-top:10px;border-top:1px solid var(--cl-line);font-size:12px;color:var(--cl-txt3);line-height:1.55}
.origin-cl-tips em{display:block;font-style:normal;color:var(--cl-gold2);font-weight:700;margin-bottom:4px}
.origin-cl-collapsed .origin-cl-item:nth-child(n+5){display:none}
@media print{
  .origin-cl-actions,.origin-cl-tabs,.origin-cl-toast,.origin-cl-expand{display:none!important}
  .origin-cl{border:1px solid #ccc;background:#fff;color:#111;break-inside:avoid}
  .origin-cl-desc,.origin-cl-intro,.origin-cl-note,.origin-cl-tips{color:#333}
  .origin-cl-item{break-inside:avoid}
}
@media (max-width:520px){
  .origin-cl{padding:14px}
  .origin-cl-progress{text-align:left;width:100%}
  .origin-cl-head{flex-direction:column}
}