/* Ayukki v24 — Jam WIB & filter channel, selaras v23 */
.ay-connection-state{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ay-local-clock{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:16px;border:1px solid #ebd6d1;background:linear-gradient(125deg,#fff8f6,#fffefd);color:#4d302c;box-shadow:0 5px 16px rgba(93,42,36,.055);font-family:Poppins,system-ui,sans-serif;font-variant-numeric:tabular-nums;max-width:100%;white-space:nowrap;line-height:1.35}
.ay-clock-symbol{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;font-size:23px;font-weight:600;border-radius:11px;background:linear-gradient(135deg,#fff0ed,#fff8f6);color:#810D0D}
.ay-local-clock::after{content:'';align-self:center;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#cba578;box-shadow:0 0 0 3px rgba(203,165,120,.12)}
.ay-local-clock.ay-server-online::after{background:#239665;box-shadow:0 0 0 3px rgba(35,150,101,.12)}
.ay-local-clock.ay-server-offline::after{background:#c45549;box-shadow:0 0 0 3px rgba(196,85,73,.12)}
.ay-clock-content{display:flex;flex-direction:column;min-width:0;gap:2px}
.ay-clock-date{font-size:11px;font-weight:600;letter-spacing:.05px;color:#78534f}
.ay-clock-time{font-size:13px;font-weight:700;letter-spacing:.18px;color:#810D0D}
.ay-data-mode{margin:-4px 0 15px;border:1px solid #ecdcd6;border-radius:15px;background:#fffdfc;box-shadow:0 5px 18px rgba(80,25,25,.035);overflow:visible}
.ay-data-mode summary{display:flex;gap:9px;align-items:center;flex-wrap:wrap;cursor:pointer;list-style:none;padding:11px 15px;font-size:12px;font-weight:650;color:#674943;border-radius:15px}
.ay-data-mode summary::-webkit-details-marker{display:none}
.ay-data-mode summary::after{content:'⌄';font-size:17px;margin-left:auto;color:#810D0D;transition:transform .2s ease}
.ay-data-mode[open] summary::after{transform:rotate(180deg)}
.ay-source-hint{font-size:10px;font-weight:400;color:#907a73}
.ay-data-mode-inner{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;padding:14px 15px 17px;border-top:1px solid #f0e2dd}
.ay-data-mode-inner>.field{margin:0;min-width:220px;max-width:330px;flex:0 1 280px}
.ay-data-mode-inner>p{flex:1 1 230px;font-size:11px;line-height:1.65;margin:0 0 5px;color:#806b65}
.ay-data-mode-inner .ay-select-control,.ay-data-mode-inner .ay-select-trigger{width:100%}
.an-toolbar .field:nth-child(3){min-width:190px}
.an-toolbar .field:nth-child(3) .ay-select-control{width:100%}
@media(max-width:860px){.topbar .top-actions{align-items:center;flex-wrap:wrap}.ay-local-clock{max-width:100%;padding:7px 10px;gap:7px}.ay-clock-symbol{width:28px;height:28px;flex-basis:28px;font-size:20px}.ay-clock-date{font-size:10px}.ay-clock-time{font-size:12px}.ay-data-mode{margin-top:4px}.ay-data-mode-inner>.field{flex:1 1 200px;max-width:none}}
@media(max-width:420px){.ay-local-clock{width:auto;max-width:calc(100vw - 128px)}.ay-clock-date{white-space:normal;font-size:9.5px}.ay-clock-time{font-size:11.5px;white-space:normal}.ay-clock-symbol{display:none}.ay-source-hint{flex:1 1 100%}.ay-data-mode-inner{display:block}.ay-data-mode-inner>.field{max-width:100%;margin-bottom:10px!important}.ay-data-mode-inner>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ay-data-mode summary::after{transition:none}}