/* R141 situs141 - aplikasi web: kode QR (logo, daftar lewat ponsel), langkah workspace pertama, Privasi & data,
   periode dan sisa waktu bayar, cara masuk terakhir. Dimuat sesudah konsol140.css/js; tidak berlaku di konsol. */

/* Kode QR: bingkai dengan logo di tengah (papan situs-masuk-qr). Logo hanya dipasang untuk kode koreksi galat H. */
body:not(.console-page) .qr141-frame{position:relative;display:block;align-self:center;width:max-content;margin:0 auto;line-height:0}
body:not(.console-page) .qr141-frame>img{display:block}
body:not(.console-page) .qr141-logo{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}
body:not(.console-page) .qr141-logo img{width:74%;height:auto}

/* Daftar lewat ponsel (papan situs-daftar-qr), memakai kartu masuk yang sama. */
body:not(.console-page) .auth-card132 .qr141-top{display:flex;align-items:center;gap:10px;min-height:40px;padding-right:50px;margin-bottom:6px}
body:not(.console-page) .qr141-back{height:40px;padding:0 10px 0 4px;margin-left:-4px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:4px;cursor:pointer}
body:not(.console-page) .qr141-back:hover{background:var(--surface-2)}
body:not(.console-page) .qr141-back svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body:not(.console-page) .qr141-kicker{margin-left:auto;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--muted);text-align:right}
body:not(.console-page) .auth-card132 .qr141-title{margin:0 0 8px;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--ink);text-align:left}
body:not(.console-page) .auth-card132 .qr141-lead{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--muted);text-align:left}
body:not(.console-page) .qr141-body{display:flex;flex-direction:column;gap:16px;text-align:left}
body:not(.console-page) .qr141-body .qr141-frame{box-sizing:border-box;width:220px;height:220px;padding:12px;border-radius:18px;background:#fff;border:1px solid var(--line)}
body:not(.console-page) .qr141-body .qr141-frame>img{width:196px;height:196px;image-rendering:pixelated}
body:not(.console-page) .qr141-code{margin:-4px 0 0;display:flex;align-items:baseline;justify-content:center;gap:10px;font-size:13px;color:var(--muted)}
body:not(.console-page) .qr141-code strong{font-size:22px;letter-spacing:.12em;color:var(--ink);font-variant-numeric:tabular-nums}
body:not(.console-page) .qr141-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}
body:not(.console-page) .qr141-steps li{display:flex;gap:10px;align-items:flex-start}
body:not(.console-page) .qr141-steps b{min-width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--soft-ink);font-size:13px;display:flex;align-items:center;justify-content:center}
body:not(.console-page) .qr141-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
body:not(.console-page) .qr141-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px}
body:not(.console-page) .qr141-clock{color:var(--muted);font-variant-numeric:tabular-nums}
body:not(.console-page) .qr141-new{border:0;background:none;padding:0;color:var(--link);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
body:not(.console-page) .qr141-new:hover{text-decoration:underline}
body:not(.console-page) .qr141-msg{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}

/* Ponsel: ada perangkat yang menunggu persetujuan. */
body:not(.console-page) .wait141{margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--soft);color:var(--soft-ink);font-size:13px;line-height:1.5;text-align:left}

/* Dialog Sesi berakhir: cara masuk terakhir (papan web-sesi-habis #4). */
body:not(.console-page) #dialog .last141{margin:6px 0 0;font-size:12px;color:var(--muted);text-align:center}

/* Langkah "Buat workspace pertama" (papan situs-daftar-workspace). */
body:not(.console-page) .ws141{display:flex;flex-direction:column;gap:14px;text-align:left}
body:not(.console-page) .ws141 .qr141-top{margin-bottom:0}
body:not(.console-page) .auth-card132 .ws141 .qr141-title{margin:0}
body:not(.console-page) .auth-card132 .ws141 .qr141-lead{margin:-6px 0 0}
body:not(.console-page) .ws141-pick{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
body:not(.console-page) .ws141-pick legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--ink)}
body:not(.console-page) .ws141-card{display:flex;gap:10px;align-items:flex-start;padding:14px 14px 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);cursor:pointer}
body:not(.console-page) .ws141-card.on141{border:2px solid var(--accent);padding:13px 13px 15px;background:var(--soft)}
body:not(.console-page) .ws141-card input{margin:3px 0 0;accent-color:var(--accent)}
body:not(.console-page) .ws141-card b{display:block;font-size:15px;color:var(--ink)}
body:not(.console-page) .ws141-card small{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--muted)}
body:not(.console-page) .ws141-name[hidden]{display:none}
body:not(.console-page) .ws141-hint{margin:0}
body:not(.console-page) .ws141 .form-error:empty{display:none}
body:not(.console-page) .ws141-go{width:100%;min-height:50px;border-radius:14px;font-size:16px}
body:not(.console-page) .ws141-foot{margin:0;text-align:center}

/* Privasi & data (papan web-privasi #3, #4, #6). */
body:not(.console-page) .privacy133 .picks141{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 0}
body:not(.console-page) .privacy133 .pick141{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface-2);cursor:pointer}
body:not(.console-page) .privacy133 .pick141 input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--accent);flex:0 0 auto}
body:not(.console-page) .privacy133 .pick141 b{display:block;font-size:14px;color:var(--ink)}
body:not(.console-page) .privacy133 .pick141 small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--muted)}
body:not(.console-page) .privacy133 .info141{margin:0}
body:not(.console-page) .privacy133 .info141 .link{font-size:inherit}
body:not(.console-page) .privacy133 .history141{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
body:not(.console-page) .privacy133 .history141:empty{display:none}
body:not(.console-page) .privacy133 .history141 li{display:flex;align-items:center;gap:10px;padding:12px 0 0;font-size:14px;color:var(--ink)}
body:not(.console-page) .privacy133 .history141 svg{width:18px;height:18px;fill:none;stroke:var(--ok-ink,var(--accent));stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body:not(.console-page) .privacy133 .activity141 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
body:not(.console-page) .privacy133 .export141:disabled{opacity:.55;cursor:not-allowed}
@media (max-width:900px){body:not(.console-page) .privacy133 .picks141{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){body:not(.console-page) .privacy133 .picks141{grid-template-columns:1fr}}
body:not(.console-page) #dialog.activity-dialog141 .acts141{margin:12px 0 0;padding:0;list-style:none;max-height:60vh;overflow:auto}
/* Scoped to this lane's own list (.acts141): .act141, .kind141 and the empty line are also class names of other R141 lanes (C3). */
body:not(.console-page) #dialog .acts141 .act141{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
body:not(.console-page) #dialog .acts141 .act141:first-child{border-top:0}
body:not(.console-page) #dialog .acts141 .act141 b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
body:not(.console-page) #dialog .acts141 .act141 small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
body:not(.console-page) #dialog .acts141 .kind141{flex:0 0 88px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700;text-align:center}
body:not(.console-page) #dialog .acts141 .kind141.k-masuk,body:not(.console-page) #dialog .acts141 .kind141.k-keamanan{background:var(--soft);color:var(--soft-ink)}
body:not(.console-page) #dialog .actempty141{margin:16px 0 0;color:var(--muted)}

/* Paket & tagihan: periode di ringkasan pesanan dan sisa waktu bayar (papan web-bayar #2, #7). */
body:not(.console-page) #dialog-body .order132 dd.period141 small{display:block;font-size:12px;color:var(--muted)}
body:not(.console-page) #dialog-body .period141-note{margin:8px 0 0}
body:not(.console-page) #content .left141{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--warn);color:var(--warn-ink);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
body:not(.console-page) #content .left141.late141{background:var(--surface-2);color:var(--muted)}