/* =========================================================
   NINZY CORE — extras10.css  (Admin Suite, khusus email admin)
   Semua selector berawalan x10- supaya tidak bentrok dengan file lain.
   ========================================================= */
.x10-modal{max-height:88vh;overflow-y:auto;}
.x10-in{width:100%;background:var(--ink-3);border:1px solid var(--line-soft);border-radius:10px;color:var(--paper);padding:10px 12px;font:inherit;margin:0 0 8px;}
textarea.x10-in{min-height:200px;resize:vertical;}
.x10-list{display:flex;flex-direction:column;gap:7px;margin-top:6px;}
.x10-row{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line-soft);background:rgba(255,255,255,.04);color:var(--paper);cursor:pointer;font:inherit;}
.x10-row:active{transform:scale(.99);}
.x10-row__ico{font-size:20px;flex:0 0 auto;width:26px;text-align:center;}
.x10-row__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.x10-row__t b{font-size:14px;font-weight:600;}
.x10-row__t small{font-size:11.5px;color:var(--paper-dim);line-height:1.35;}
.x10-pill{flex:0 0 auto;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line-soft);color:var(--paper-dim);}
.x10-pill.on{background:var(--brass);color:#14120f;border-color:transparent;}
.x10-num{font-size:10.5px;color:var(--paper-dim);opacity:.7;margin-right:2px;}
.x10-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;border-bottom:1px solid var(--line-soft);font-size:13px;}
.x10-kv span{color:var(--paper-dim);flex:0 0 auto;}
.x10-kv b{font-weight:600;text-align:right;word-break:break-all;}
.x10-pre{white-space:pre-wrap;word-break:break-word;font:12px/1.45 var(--font-mono,monospace);background:var(--ink-3);border:1px solid var(--line-soft);border-radius:10px;padding:10px;max-height:46vh;overflow:auto;margin:6px 0;}
.x10-bar{height:8px;border-radius:99px;background:var(--ink-3);overflow:hidden;margin:4px 0 8px;}
.x10-bar i{display:block;height:100%;background:var(--brass);border-radius:99px;}
.x10-acts{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;}
.x10-acts .btn{flex:1 1 auto;}
.x10-big{font:700 38px/1.1 var(--font-mono,monospace);text-align:center;margin:12px 0;color:var(--brass);}
.x10-todo{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--line-soft);}
.x10-todo.done span{text-decoration:line-through;opacity:.5;}
.x10-todo span{flex:1;word-break:break-word;}
.x10-todo button{background:none;border:0;color:var(--paper-dim);font-size:18px;cursor:pointer;}
.x10-sw{display:flex;gap:10px;align-items:center;margin:10px 0;}
.x10-sw input[type=range]{flex:1;}
.x10-sw b{min-width:54px;text-align:right;color:var(--brass);}

/* tombol & badge */
.x10-btn{border-color:var(--brass)!important;color:var(--brass)!important;}
.x10-badge{display:inline-block;margin:4px auto 0;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,#e7c76a,#b8862b);color:#14120f;}
#x10fab{position:fixed;left:12px;bottom:92px;z-index:9000;width:42px;height:42px;border-radius:50%;border:1px solid var(--brass);background:rgba(20,18,15,.85);color:var(--brass);font-size:19px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45);}

/* overlay melayang */
#x10hud,#x10clock,#x10pct,#x10pomo,#x10as{position:fixed;z-index:9500;pointer-events:none;font:700 11px/1 var(--font-mono,monospace);padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.62);color:#e7e3d8;}
#x10hud{top:calc(var(--x10-top,env(safe-area-inset-top,0px)) + 6px);left:6px;color:#8ef0a8;}
#x10clock{top:calc(var(--x10-top,env(safe-area-inset-top,0px)) + 6px);right:6px;}
#x10pct{bottom:calc(env(safe-area-inset-bottom,0px) + 6px);left:6px;}
#x10pomo{top:calc(env(safe-area-inset-top,0px) + 30px);left:50%;transform:translateX(-50%);pointer-events:auto;cursor:pointer;color:var(--brass);}
#x10as{bottom:96px;left:50%;transform:translateX(-50%);pointer-events:auto;cursor:pointer;font-size:13px;padding:8px 14px;color:var(--brass);}
#x10dim{position:fixed;inset:0;z-index:9400;pointer-events:none;}
#x10jump{position:fixed;right:10px;bottom:150px;z-index:9000;display:flex;flex-direction:column;gap:8px;}
#x10jump button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);background:rgba(20,18,15,.82);color:var(--paper);font-size:16px;cursor:pointer;}

/* di reader: tombol Admin Suite jadi tab tipis di tepi kiri, transparan, supaya tidak menutupi halaman */
body:has(#pagesWrap) #x10fab{left:0;width:20px;height:44px;border-radius:0 22px 22px 0;border-left:0;font-size:11px;opacity:.38;box-shadow:none;padding:0;transition:opacity .2s,width .2s;}
body:has(#pagesWrap) #x10fab:hover,body:has(#pagesWrap) #x10fab:active,body:has(#pagesWrap) #x10fab:focus-visible{opacity:1;width:44px;font-size:19px;box-shadow:0 6px 18px rgba(0,0,0,.45);}