/* ArcShare Tether Mode v1 */

.tether-option{margin-top:0;padding:16px 0;border:0;border-top:1px solid var(--b2);border-radius:0;background:transparent}
.tether-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}
.tether-toggle-row>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.tether-title{font-size:14px;font-weight:500;color:var(--t0)}
.tether-sub{font-size:12px;line-height:1.5;color:var(--t2)}
.tether-toggle-row input{position:absolute;opacity:0;pointer-events:none}
.tether-switch{position:relative;flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:var(--s3);border:1px solid var(--b2);transition:.15s}
.tether-switch:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:var(--t3);transition:.15s}
.tether-toggle-row input:checked+.tether-switch{background:rgba(88,166,255,.2);border-color:rgba(88,166,255,.45)}
.tether-toggle-row input:checked+.tether-switch:after{transform:translateX(16px);background:var(--acc2)}
.tether-detail{margin-top:8px;font:12px/1.5 var(--sans);color:var(--t2)}

.tether-resume-hint{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 12px;border:1px solid rgba(88,166,255,.18);border-radius:10px;background:rgba(88,166,255,.045)}
.tether-resume-icon{font-size:18px;color:var(--acc2);line-height:1}
.tether-resume-hint strong{display:block;font-size:11px;color:var(--t1)}
.tether-resume-hint div div{margin-top:2px;font-size:12px;line-height:1.5;color:var(--t2)}

.tether-badge{background:rgba(88,166,255,.09);border-color:rgba(88,166,255,.28);color:var(--acc2)}
.tether-zero{color:var(--acc2)}
.tether-sender-state{display:flex;gap:10px;align-items:flex-start;padding:11px 16px;border-top:1px solid var(--r1);background:rgba(88,166,255,.025)}
.tether-source-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--go);flex:0 0 auto}
.tether-sender-state strong{display:block;font:500 13px/1.5 var(--sans);color:var(--t1)}
.tether-sender-state span{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--t2)}

.tether-receive-card{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:0;border:0;border-radius:0;background:transparent}
.tether-receive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.tether-kicker{font:500 13px var(--sans);color:var(--acc2)}
.tether-name{margin-top:5px;font-size:16px;font-weight:500;color:var(--t0);overflow-wrap:anywhere}
.tether-meta{margin-top:3px;font:12px/1.5 var(--mono);color:var(--t2)}
.tether-online{flex:0 0 auto;padding:5px 8px;border-radius:4px;border:1px solid rgba(245,174,65,.25);background:rgba(245,174,65,.06);font:500 12px var(--sans);color:var(--amber,#e7a33f)}
.tether-online.is-online{border-color:rgba(34,201,122,.26);background:rgba(34,201,122,.07);color:var(--go,#06ffa5)}
.tether-explain{font-size:13px;line-height:1.5;color:var(--t2)}
.tether-receive-btn{min-height:46px;border:0;border-radius:6px;background:var(--acc);color:#fff;font:500 14px var(--sans);cursor:pointer;transition:.15s}
.tether-receive-btn:hover{background:var(--acc-hover)}
.tether-receive-btn:disabled{opacity:.55;cursor:wait;transform:none}
.tether-progress-track{height:5px;border-radius:999px;background:var(--s3);overflow:hidden}
.tether-progress-fill{height:100%;width:0;border-radius:inherit;background:var(--acc2);transition:width .2s}
.tether-recipient-status,.tether-lane{padding:8px 9px;border:1px solid var(--b2);border-radius:8px;background:var(--s2);font:12px/1.5 var(--mono);color:var(--t2)}
.tether-lane{border-color:rgba(88,166,255,.15);background:rgba(88,166,255,.03);color:var(--t2)}

@media(max-width:640px){
  .tether-receive-head{flex-direction:column}
  .tether-online{align-self:flex-start}
}


/* Airlock v1 */
.airlock-divider{height:1px;margin:12px 0;background:var(--b2)}
.airlock-toggle-row{padding-top:1px}
.airlock-title{color:var(--amber,#e7a33f)}
.airlock-detail{color:var(--t2)}
.airlock-toggle-row input:checked+.tether-switch{background:rgba(245,174,65,.16);border-color:rgba(245,174,65,.48)}
.airlock-toggle-row input:checked+.tether-switch:after{background:var(--amber,#e7a33f)}
.airlock-badge{background:rgba(245,174,65,.09);border-color:rgba(245,174,65,.32);color:var(--amber,#e7a33f)}
.airlock-sender-card .tether-sender-state{background:rgba(245,174,65,.025)}
.airlock-sender-card .tether-source-dot{background:var(--amber,#e7a33f)}
.airlock-receive-card{border-color:rgba(245,174,65,.24);background:transparent}
.airlock-receive-card .tether-kicker{color:var(--amber,#e7a33f)}
.airlock-receive-card .tether-lane{border-color:rgba(245,174,65,.2);background:rgba(245,174,65,.035)}
.airlock-proof:empty{display:none}
.airlock-proof{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid rgba(34,201,122,.24);border-radius:9px;background:rgba(34,201,122,.045);font:10px/1.5 var(--mono);color:var(--t2)}
.airlock-proof strong{font:650 11px/1.45 var(--sans);color:var(--t0)}
.airlock-proof span{display:block}
.airlock-proof-badge{align-self:flex-start;padding:3px 6px;border-radius:5px;border:1px solid rgba(34,201,122,.25);background:rgba(34,201,122,.06);font:750 8.5px var(--mono);letter-spacing:.08em;color:var(--go,#06ffa5)}
.airlock-provenance{color:var(--t1)}
.airlock-scope{color:var(--t3);font-size:9px}

.tether-toggle-row input:focus-visible+.tether-switch{outline:2px solid var(--acc2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.tether-switch,.tether-switch:after,.tether-progress-fill,.tether-receive-btn{transition:none}}