/* R138 - Fitur web batch 1 (Sampah, Perlu perhatian, isi folder, sesi perangkat).
   Warna hanya dari token tema (tokens132.css), jadi Putih dan Hitam ikut sendiri.
   Satu-satunya warna tetap adalah tombol hapus permanen #B3361A, sama dengan papan dan web137. */

body:not(.console-page) .hide-w138{display:none!important}
/* Subjudul baru menggantikan tampilan subjudul lama; elemen lama tetap di DOM. */
body:not(.console-page) .page-head .sub-w138{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--muted)}
body:not(.console-page) .page-head>div:has(>.sub-w138)>.sub137,
body:not(.console-page) .page-head>div:has(>.sub-w138)>p,
body:not(.console-page) .page-head>div:has(>.sub-w138)>.sub133,
body:not(.console-page) .page-head>div:has(>.sub-w138)>.sub132p{display:none}

/* ---------- Beranda: Perlu perhatian ---------- */
body:not(.console-page) .attention.has-w138>.attention-item{display:none}
body:not(.console-page) .att-w138{display:flex;flex-direction:column}
body:not(.console-page) .att-w138 .row-w138,
body:not(.console-page) .att-w138 .none-w138{min-height:48px;box-sizing:border-box;padding:6px 0;display:flex;align-items:center;gap:12px}
body:not(.console-page) .att-w138 .row-w138+.row-w138{border-top:1px solid var(--line)}
body:not(.console-page) .tile-w138{width:32px;height:32px;flex:0 0 auto;border-radius:9px;display:flex;align-items:center;justify-content:center}
body:not(.console-page) .tile-w138 svg{width:18px;height:18px}
body:not(.console-page) .tile-w138.warn-w138{background:var(--warn);color:var(--warn-ink)}
body:not(.console-page) .tile-w138.bad-w138{background:var(--danger);color:var(--danger-ink)}
body:not(.console-page) .tile-w138.soft-w138{background:var(--soft);color:var(--soft-ink)}
body:not(.console-page) .tile-w138.ok-w138{background:var(--ok);color:var(--ok-ink)}
body:not(.console-page) .att-w138 .text-w138{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font-size:14px;line-height:1.35}
body:not(.console-page) .att-w138 .text-w138 b{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
body:not(.console-page) .att-w138 .text-w138 small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.console-page) .att-w138 .go-w138{flex:0 0 auto;min-height:0;margin:0;padding:4px 0;border:0;background:none;color:var(--link);font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
body:not(.console-page) .att-w138 .go-w138:hover{text-decoration:underline}
body:not(.console-page) .att-w138 .go-w138:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
body:not(.console-page) .att-w138 .more-w138{margin:4px 0 0;font-size:13px;color:var(--muted)}
body:not(.console-page) .att-w138 .none-w138 .text-w138 small{white-space:normal}

/* ---------- Sampah: tombol kepala, kolom Dihapus oleh, bilah Urungkan ---------- */
body:not(.console-page) .page-head .trash-w138{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
body:not(.console-page) .content .page-head .trash-w138 .btn{height:40px;min-height:40px;box-sizing:border-box;padding:0 16px;border-radius:999px;font-size:14px;white-space:nowrap}
body:not(.console-page) .content .page-head .trash-w138 .ghost-w138{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600}
body:not(.console-page) .content .page-head .trash-w138 .danger-w138{border:1px solid var(--danger-ink);background:var(--surface);color:var(--danger-ink);font-weight:700}
body:not(.console-page) .content .page-head .trash-w138 .btn:hover{background:var(--surface-2)}
/* Kolom Dihapus: "Anda · 2 jam lalu". Nama penghapus dari atribut (catatan audit), waktu tetap teks sel. */
body:not(.console-page)[data-page=trash] .file-table td.date-cell[data-by-w138]::before{content:attr(data-by-w138) "\0020\00B7\0020"}
/* Seperti papan, isi kolom ini boleh dua baris agar tabel tetap muat tanpa geser. */
body:not(.console-page)[data-page=trash] .file-table td.date-cell[data-by-w138]{white-space:normal;min-width:118px;line-height:1.35}
body:not(.console-page)[data-page=trash] .file-table .cnt-w138{white-space:nowrap}
body:not(.console-page) .file-label .by-w138{display:none}
@media(max-width:760px){body:not(.console-page)[data-page=trash] .file-table .file-label .by-w138{display:block}}
/* Kotak centang kini tampil, jadi kolom pilih dan judul "Hapus permanen" dibuat seperti papan (44 px, judul dua baris). */
body:not(.console-page)[data-page=trash] .file-browser .file-table .select-cell{width:28px;min-width:0;box-sizing:content-box}
body:not(.console-page)[data-page=trash] .file-browser .file-table th.left132p{white-space:normal;line-height:1.25}
/* Papan web-sampah: kotak centang tampil di setiap baris dan "Pilih semua". Perilaku pilih tetap milik app.js. */
body:not(.console-page)[data-page=trash] .file-browser .file-table .file-check,
body:not(.console-page)[data-page=trash] .file-browser .file-table .select-all-control,
body:not(.console-page)[data-page=trash] .file-browser .file-table .select-all-control input{visibility:visible;pointer-events:auto}
body:not(.console-page) #bulk-bar .do-w138.bad-w138:not(:disabled){color:#FFD2C4}
:root[data-theme=dark] body:not(.console-page) #bulk-bar .do-w138.bad-w138:not(:disabled){color:var(--danger-ink)}
/* Bilah Urungkan: di bawah judul seperti papan, selebar konten (juga di grid dua kolom Sampah).
   Di Sampah bilah pilihan menutup baris tepat di atas tabel; selama ada pilihan, bilah ini disembunyikan
   tanpa melepas tempatnya agar baris tabel tidak bergeser. Hitungan mundur tetap berjalan. */
body:not(.console-page)[data-page=trash] #content:has(#bulk-bar:not([hidden])) .undo-w138{visibility:hidden}
@media(min-width:761px){
 /* Kotak centang kini tampil di Sampah, jadi bilah pilihan (web133, menimpa baris di atas tabel) lebih sering muncul.
    Jarak 10 px lebih membuat bilah itu hanya menutup subjudul, bukan judul "Sampah". */
 body:not(.console-page)[data-page=trash] #content>.page-head{margin-bottom:32px}
}
body:not(.console-page) .undo-w138{grid-column:1/-1;min-height:52px;box-sizing:border-box;margin:0 0 18px;padding:6px 8px 6px 16px;border-radius:14px;background:var(--deep);color:var(--deep-ink);display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;line-height:1.4}
body:not(.console-page) .undo-w138 .what-w138{margin-right:auto;min-width:0;overflow-wrap:anywhere}
body:not(.console-page) .undo-w138 .what-w138 b{font-weight:700}
body:not(.console-page) .undo-w138 .left-w138{font-size:13px;color:var(--deep-muted)}
body:not(.console-page) .undo-w138 .go-w138{height:38px;margin:0;padding:0 16px;border:0;border-radius:999px;background:var(--deep-ink);color:var(--deep);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
body:not(.console-page) .undo-w138 .go-w138:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
body:not(.console-page) .undo-w138 .go-w138:disabled{opacity:.6;cursor:default}

/* ---------- Dialog Kosongkan sampah / Hapus permanen / Keluarkan perangkat (bentuk purge137 dari web137) ---------- */
body:not(.console-page) .purge-w138 .names-w138{margin:2px 0 8px;font-size:13px;color:var(--muted)}
body:not(.console-page) .purge-w138 .names-w138 summary{cursor:pointer;font-weight:600;color:var(--link)}
body:not(.console-page) .purge-w138 .names-w138 .bulk-list{max-height:180px;overflow:auto}
body:not(.console-page) #dialog-body form .names-w138{margin:2px 0 8px;font-size:13px;color:var(--muted)}
body:not(.console-page) #dialog-body form .names-w138 summary{cursor:pointer;font-weight:600;color:var(--link)}
body:not(.console-page) #dialog-body form .names-w138 .bulk-list{max-height:180px;overflow:auto}
body:not(.console-page) #dialog-body form:not(.purge137) .actions:has(.cancel-w138){display:flex;gap:8px}
body:not(.console-page) .purge137 .actions .cancel-w138{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600}

/* ---------- Pengaturan > Keamanan: Sesi aktif ---------- */
body:not(.console-page) .sess137.has-w138 .list137{display:none}
body:not(.console-page) .sess137 .head137{flex-wrap:wrap}
body:not(.console-page) .sess137 .head137 h2{margin-right:auto}
body:not(.console-page) .content .sess137 .head137 .all-w138{color:var(--danger-ink)}
body:not(.console-page) .content .sess137 .head137 .all-w138:disabled{color:var(--muted);cursor:default}
body:not(.console-page) .list-w138 .row137:first-child{border-top:0}
body:not(.console-page) .tag-w138{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:var(--neutral);color:var(--neutral-ink);font-size:12px;font-weight:700;white-space:nowrap}
body:not(.console-page) .list-w138 .none-dev-w138{margin:8px 0 0;border-top:1px solid var(--line);padding-top:10px}

@media(max-width:760px){
 body:not(.console-page) .page-head .trash-w138{width:100%}
 body:not(.console-page) .content .page-head .trash-w138 .btn{flex:1 1 0;min-width:0;padding:0 12px}
 body:not(.console-page) .undo-w138 .left-w138{order:3;width:100%}
 body:not(.console-page) .att-w138 .text-w138 small{white-space:normal}
}