/* ArcShare Tether Mode v1 */

.tether-option{margin-top:10px;padding:12px 13px;border:1px solid rgba(88,166,255,.18);border-radius:10px;background:rgba(88,166,255,.035)}
.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:12px;font-weight:700;color:var(--t0)}
.tether-sub{font-size:10.5px;line-height:1.45;color:var(--t3)}
.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:9.5px/1.5 var(--mono);color:var(--t3)}

.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:10px;line-height:1.45;color:var(--t3)}

.tether-badge{background:rgba(88,166,255,.09)!important;border-color:rgba(88,166,255,.28)!important;color:var(--acc2)!important}
.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);box-shadow:0 0 9px currentColor;flex:0 0 auto}
.tether-sender-state strong{display:block;font:650 10.5px/1.4 var(--mono);color:var(--t1)}
.tether-sender-state span{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:var(--t3)}

.tether-receive-card{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:14px;border:1px solid rgba(88,166,255,.2);border-radius:12px;background:rgba(88,166,255,.035)}
.tether-receive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.tether-kicker{font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acc2)}
.tether-name{margin-top:5px;font-size:14px;font-weight:700;color:var(--t0);overflow-wrap:anywhere}
.tether-meta{margin-top:3px;font:10px/1.4 var(--mono);color:var(--t3)}
.tether-online{flex:0 0 auto;padding:5px 8px;border-radius:999px;border:1px solid rgba(245,174,65,.25);background:rgba(245,174,65,.06);font:650 9px var(--mono);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:10.5px;line-height:1.55;color:var(--t2)}
.tether-receive-btn{min-height:46px;border:0;border-radius:10px;background:var(--acc);color:#fff;font:700 13px var(--sans);cursor:pointer;transition:.15s}
.tether-receive-btn:hover{opacity:.9;transform:translateY(-1px)}
.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:linear-gradient(90deg,var(--acc),var(--go));transition:width .2s}
.tether-recipient-status,.tether-lane{padding:8px 9px;border:1px solid var(--b2);border-radius:8px;background:var(--s2);font:10px/1.5 var(--mono);color:var(--t3)}
.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:linear-gradient(90deg,transparent,rgba(245,174,65,.28),transparent)}
.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)!important;border-color:rgba(245,174,65,.32)!important;color:var(--amber,#e7a33f)!important}
.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:linear-gradient(180deg,rgba(245,174,65,.045),rgba(88,166,255,.018))}
.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}