/* R131 - Bentuk x-tenang dan keadaan web-*. Hanya lapisan web, tokens132.css tidak disentuh. */
body:not(.console-page){--input:#EEF4F9;--deep-muted:#9DCBEA;--select:#F2F8FE}
:root[data-theme=dark] body:not(.console-page){--input:#182532;--deep-muted:#9DCBEA;--select:#13283A}

/* Bentuk umum */
body:not(.console-page) .sidebar .sidebar-new{border-radius:999px;box-shadow:0 6px 16px rgba(12,30,45,.10)}
:root[data-theme=dark] body:not(.console-page) .sidebar .sidebar-new{box-shadow:0 6px 16px rgba(0,0,0,.4)}
body:not(.console-page) .sidebar .nav-item.active{padding:0 16px;border-radius:999px}
body:not(.console-page) .settings-nav126 .nav-item.active126{padding:0 16px;border-radius:999px}
/* loadPage memberi .active ke semua tab berdata-nav=settings; hanya .active126 yang menandai tab terpilih. */
body:not(.console-page) .sidebar .settings-nav126 .nav-item.active:not(.active126){padding:0 12px;border-radius:10px;background:none;color:var(--ink);font-weight:400}
body:not(.console-page) .settings-nav126 .nav-item.hide131{display:none}
body:not(.console-page) .sidebar .quota-box{border:0;border-radius:20px}
@media(min-width:761px){
 body:not(.console-page) .content{padding:30px 34px 34px}
 body:not(.console-page) .topbar .workspace-select{height:40px;padding:0 30px 0 16px;border-color:var(--line);border-radius:999px;font-size:14px;font-weight:600}
 body:not(.console-page) .folder-card{padding:14px 16px}
 body:not(.console-page) .profile-grid134{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;max-width:none;align-items:start}
}
body:not(.console-page) .content .btn:not(.link){padding-left:16px;padding-right:16px;border-radius:999px}
body:not(.console-page) .content .section-head .btn.sm{padding:0;border-radius:0}
body:not(.console-page) .content .btn.search-chip138{padding:6px 10px;border-radius:15px}
body:not(.console-page)[data-page=home] .page-head .btn{min-height:40px}
body:not(.console-page) .file-table .badge,
body:not(.console-page) .plan-badge131{padding:3px 10px;border-radius:999px}
body:not(.console-page) .file-table .badge{font-size:13px}
body:not(.console-page)[data-page=home] .content .panel,
body:not(.console-page) .folder-card{border-radius:20px}
@media(max-width:600px){
 body:not(.console-page) .content .bulk-bar .btn:not(.link){padding-left:10px;padding-right:10px}
}

/* Kartu penyimpanan terang seperti papan web-beranda */
body:not(.console-page) .storage-hero{padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,var(--soft) 0%,var(--surface) 100%);color:var(--ink)}
body:not(.console-page) .storage-hero .eyebrow{color:var(--muted)}
body:not(.console-page) .storage-hero .usage-value{margin:6px 0;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink)}
body:not(.console-page) .storage-hero .usage-total{font-size:16px;font-weight:400;letter-spacing:0;color:var(--muted)}
body:not(.console-page) .storage-hero .meter{height:10px;border-radius:5px;background:var(--line)}
body:not(.console-page) .storage-hero .meter::-webkit-progress-bar{border-radius:5px;background:var(--line)}
body:not(.console-page) .storage-hero .meter::-webkit-progress-value{border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--brand))}
body:not(.console-page) .storage-hero .meter::-moz-progress-bar{border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--brand))}
body:not(.console-page) .storage-hero.split131 .meter{display:none}
body:not(.console-page) .stack131{display:flex;gap:2px;height:10px;margin:12px 0 8px;border-radius:5px;background:var(--line);overflow:hidden}
body:not(.console-page) .stack131 i{display:block;flex:0 0 auto;min-width:0;height:100%}
body:not(.console-page) .stack131 i:nth-child(1){background:linear-gradient(90deg,var(--accent),var(--brand))}
body:not(.console-page) .stack131 i:nth-child(2){background:var(--brand-2)}
body:not(.console-page) .stack131 i:nth-child(3){background:#E0A43A}
body:not(.console-page) .storage-hero .quota-parts134{flex-wrap:wrap;gap:6px 18px;margin:0}
body:not(.console-page) .storage-hero .quota-parts134>div{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
body:not(.console-page) .storage-hero .quota-parts134 i{width:8px;height:8px;margin:0;background:var(--accent)}
body:not(.console-page) .storage-hero .quota-parts134>div:nth-child(2) i{background:var(--brand-2)}
body:not(.console-page) .storage-hero .quota-parts134>div:nth-child(3) i{background:#E0A43A}
body:not(.console-page) .storage-hero .quota-parts134 strong{color:inherit;font-weight:500}
body:not(.console-page) .storage-hero small{color:var(--muted)}
body:not(.console-page) .content .storage-hero .btn{height:38px;min-height:38px;padding:0 19px;border:1px solid var(--accent);border-radius:19px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700}
body:not(.console-page) .content .storage-hero .btn.secondary{border-color:var(--line-2);background:var(--surface);color:var(--ink)}

/* Kuota penuh */
body:not(.console-page) .sidebar #quota-side.full131{background:var(--danger);color:var(--danger-ink)}
body:not(.console-page) #quota-side.full131 strong,
body:not(.console-page) #quota-side.full131 .muted{color:var(--danger-ink)}
body:not(.console-page) #quota-side.full131 .meter{background:rgba(0,0,0,.08)}
body:not(.console-page) #quota-side.full131 .meter::-webkit-progress-bar{background:rgba(0,0,0,.08)}
body:not(.console-page) #quota-side.full131 .meter::-webkit-progress-value{background:var(--danger-ink)}
body:not(.console-page) #quota-side.full131 .meter::-moz-progress-bar{background:var(--danger-ink)}
body:not(.console-page) #quota-side.full131 .quota-link{display:block;color:var(--danger-ink);font-weight:700;text-decoration:underline}
body:not(.console-page) #content .notice.full131{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:0;border-radius:14px;background:var(--danger);color:var(--danger-ink);font-size:14px}
body:not(.console-page) #content .notice.full131::before{content:"!";flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--danger-ink);color:var(--danger);font-size:13px;font-weight:800;line-height:20px;text-align:center}

/* Offline */
body:not(.console-page) .connection-notice:not([hidden]){min-height:48px;padding:8px 20px;background:var(--deep);color:var(--deep-ink);font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center}
body:not(.console-page).offline131 .content .btn:disabled{border-color:var(--line);background:var(--surface-2);color:var(--muted);cursor:not-allowed}
body:not(.console-page).offline131 .file-table .file-name,
body:not(.console-page).offline131 .file-tile{opacity:.7}
body:not(.console-page).offline131 .file-table .file-label::after,
body:not(.console-page).offline131 .file-tile::after{content:"Butuh koneksi";display:block;font-size:13px;color:var(--muted)}
body:not(.console-page) .offline-since131{display:block;margin-top:4px;font-size:14px;color:var(--muted)}

/* Paket & tagihan */
body:not(.console-page)[data-page=billing] #content .cards>article.panel{border-radius:20px}
body:not(.console-page)[data-page=billing] #content .cards>article.current131{box-shadow:inset 0 0 0 2px var(--accent)}
body:not(.console-page)[data-page=billing] #content .cards .actions .btn{padding:0 16px}
body:not(.console-page)[data-page=billing] #content .cards .off131{display:none}
body:not(.console-page) .plan-badge131{position:absolute;top:14px;right:14px;background:var(--ok);color:var(--ok-ink);font-size:12px;font-weight:700}
body:not(.console-page) .plan-now131{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-bottom:14px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,var(--soft) 0%,var(--surface) 100%)}
body:not(.console-page) .plan-icon131{flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--brand));color:#FFFFFF;display:flex;align-items:center;justify-content:center}
body:not(.console-page) .plan-icon131 svg{width:26px;height:26px}
body:not(.console-page) .plan-name131{display:flex;flex-direction:column;gap:2px}
body:not(.console-page) .plan-name131 span{font-size:13px;color:var(--muted)}
body:not(.console-page) .plan-name131 strong{font-size:22px;font-weight:700;line-height:1.1}
body:not(.console-page) .plan-use131{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:8px}
body:not(.console-page) .plan-use131>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:14px}
body:not(.console-page) .plan-use131 strong{font-weight:700}
body:not(.console-page) .plan-use131 span{color:var(--muted)}
body:not(.console-page) .plan-bar131{height:10px;border-radius:5px;background:var(--line);overflow:hidden}
body:not(.console-page) .plan-bar131 i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--brand))}
body:not(.console-page) .period131{flex:0 0 auto;display:flex;gap:2px;padding:4px;border-radius:24px;background:var(--surface-2)}
body:not(.console-page) .period131 button{height:38px;padding:0 18px;border:0;border-radius:19px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:8px;cursor:pointer}
body:not(.console-page) .period131 button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 4px rgba(12,30,45,.10)}
:root[data-theme=dark] body:not(.console-page) .period131 button[aria-pressed=true]{box-shadow:0 1px 4px rgba(0,0,0,.4)}
body:not(.console-page) .save131{padding:2px 8px;border-radius:999px;background:var(--ok);color:var(--ok-ink);font-size:11px;font-weight:700;white-space:nowrap}

/* Ruang tim: subjudul lapisan ini tampil di span, p milik web127 tetap ada tetapi disembunyikan. */
body:not(.console-page)[data-page=team] .page-head .team-sub131{display:block;margin-top:4px;font-size:14px;color:rgb(180,218,239)}
body:not(.console-page)[data-page=team] .page-head .team-sub131+p{display:none}

/* Notifikasi */
body:not(.console-page) #dialog.notifications-dialog134{padding:0}
body:not(.console-page) #dialog.notifications-dialog134 .dialog-head{margin:0;padding:16px 12px 10px 18px}
body:not(.console-page) #dialog.notifications-dialog134 .dialog-head h2{font-size:16px;font-weight:700}
body:not(.console-page) #dialog.notifications-dialog134 .notifications-toolbar134{position:absolute;top:16px;right:52px;margin:0;display:flex;align-items:center;gap:4px}
body:not(.console-page) #dialog.notifications-dialog134 .notifications-toolbar134 .link{min-height:36px;color:var(--link);font-size:13px;font-weight:700;text-decoration:none}
body:not(.console-page) #dialog.notifications-dialog134 .gear131{color:var(--muted)}
body:not(.console-page) #dialog.notifications-dialog134 .gear131 svg{width:20px;height:20px}
body:not(.console-page) .notification-tabs138{flex-wrap:wrap;gap:6px;margin:0;padding:0 18px 10px}
body:not(.console-page) .notification-tabs138>button{flex:0 0 auto;height:32px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600}
body:not(.console-page) .notification-tabs138>button[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--surface);font-weight:700}
body:not(.console-page) .notification-tabs138 .badge{padding:0;border-radius:0;background:none;color:inherit;font-size:inherit;font-weight:inherit}
body:not(.console-page) .notification-tabs138 .badge::before{content:"\00b7\00a0"}
body:not(.console-page) .notification-tabs138+p{margin:10px 18px 0}
body:not(.console-page) .notification-group138{margin:0;padding:10px 18px 4px;font-size:12px;font-weight:700;letter-spacing:.08em}
body:not(.console-page) .notification134{padding:10px 16px 10px 18px}
body:not(.console-page) .notification134.unread{background:var(--select)}
body:not(.console-page) .notification-avatar138{width:34px;height:34px}
body:not(.console-page) .notification134 .actions{justify-content:flex-start}
body:not(.console-page) .notification134 .link{min-height:0;font-size:13px}
body:not(.console-page):not(.tools126) .notification134 [data-action=notification-read138]{display:none}
body:not(.console-page) .notification-footer138{justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);font-size:13px}
body:not(.console-page) .notification-footer138 .link{font-size:13px;font-weight:700}
@media(min-width:701px){
 body:not(.console-page) #dialog.notifications-dialog134{inset:70px 20px auto auto;width:430px;max-width:calc(100vw - 40px);height:auto;max-height:calc(100dvh - 90px);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.22);overflow:hidden}
 body:not(.console-page) #dialog.notifications-dialog134::backdrop{background:transparent;backdrop-filter:none}
 body:not(.console-page) #dialog.notifications-dialog134 .notification-list138{max-height:calc(100dvh - 320px);overflow-y:auto}
}

/* Profil */
body:not(.console-page) .profile-grid134>section.panel{padding:22px;border-radius:18px}
body:not(.console-page) #profile-form134{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
body:not(.console-page) #profile-form134>:not(label.field){grid-column:1/-1}
body:not(.console-page) #profile-form134>.field{margin:0}
body:not(.console-page) #profile-form134>.btn{justify-self:start}
body:not(.console-page) #profile-form134 .actions{justify-content:flex-end}
body:not(.console-page) .profile-photo134{margin:0}
body:not(.console-page) .profile-photo134 .avatar{flex:0 0 auto;width:72px;height:72px}
body:not(.console-page) .profile-photo134 span.avatar{background:var(--accent);color:var(--on-accent)}
body:not(.console-page) .verified131{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--ok);color:var(--ok-ink);font-size:13px;font-weight:700}
body:not(.console-page):not(.tools126) .profile-link134[href="/hub/"]{display:none}
body:not(.console-page):not(.tools126):has(.sidebar a.show126[href="/hub/"]) .profile-link134[href="/hub/"]{display:block}

/* Pengaturan: pilihan tema menjadi tiga kartu pratinjau, menu profil tidak terkena. */
body:not(.console-page)[data-page=settings] #content .theme-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border-radius:0;background:none}
body:not(.console-page)[data-page=settings] #content .theme-switch button[data-theme]{min-height:0;padding:8px;border:2px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;box-shadow:none;display:flex;flex-direction:column;gap:8px}
body:not(.console-page)[data-page=settings] #content .theme-switch button[data-theme].selected{border-color:var(--accent)}
body:not(.console-page)[data-page=settings] #content .theme-switch button[data-theme]::before{content:"";display:block;height:54px;border-radius:9px}
body:not(.console-page)[data-page=settings] #content .theme-switch button[data-theme=light]::before{border:1px solid #DCE6EF;background:linear-gradient(#FFFFFF,#FFFFFF) 6px 6px/22px 40px no-repeat,linear-gradient(#FFFFFF,#FFFFFF) 32px 6px/calc(100% - 38px) 40px no-repeat,#F3F8FC}
body:not(.console-page)[data-page=settings] #content .theme-switch button[data-theme=dark]::before{border:1px solid #223345;background:linear-gradient(#182532,#182532) 6px 6px/22px 40px no-repeat,linear-gradient(#111B26,#111B26) 32px 6px/calc(100% - 38px) 40px no-repeat,#0A121B}
body:not(.console-page)[data-page=settings] #content .theme-switch button[data-theme=system]::before{border:1px solid #C6D4E0;background:linear-gradient(90deg,#F3F8FC 50%,#0A121B 50%)}
@media(min-width:601px){
 body:not(.console-page)[data-page=settings] .keys131.hide131{display:none}
}