/* Vietnamese-first UI: local system fonts avoid missing glyphs and mobile zoom in PHP shared-hosting environments. */
:root{--font-vi-ui:Arial,Tahoma,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,sans-serif;--font-vi-mono:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,button,input,select,textarea,label,.btn,.field-label,.form-grid label,.login-card label,.user-filter-form label,.consent-line,.registry-item,.managed-user,.system-card,.guided-task-card{font-family:var(--font-vi-ui)!important;font-variant-ligatures:common-ligatures}
input,select,textarea{font-family:var(--font-vi-ui)!important;font-weight:500;letter-spacing:0}
input::placeholder,textarea::placeholder{font-family:var(--font-vi-ui);font-style:normal;opacity:.72}
.field-label,.form-grid label,.login-card label,.user-filter-form label{font-weight:700;letter-spacing:0;text-transform:none}
.eyebrow,.tag,.intro-tags span,.panel-index,.canvas-status,.mode-heading,.mode-heading em,.advanced-title small,.card-meta,.user-card small,.system-role{font-family:var(--font-vi-mono)!important}
@media(max-width:800px){input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;line-height:1.45}.field-label,.form-grid label,.login-card label,.user-filter-form label{font-size:13px!important;line-height:1.4}.btn{min-height:42px;font-size:13px}.mode-choice,.guest-notice,.builder-intro p{font-size:13px}.side-nav a{font-size:12px}}

/* Thông tin dùng lại đã ngừng cung cấp: giữ dữ liệu cũ ở cơ sở dữ liệu nhưng gỡ hoàn toàn điểm truy cập trên giao diện. */
.side-nav a[href*="page=variables"],.workspace-tools.variable-tools,.field-label:has(textarea[name="input[variable_names]"]){display:none!important}
.side-nav{counter-reset:prompt-studio-nav}.side-nav a{counter-increment:prompt-studio-nav}.side-nav a span{display:none!important}.side-nav a:before{content:counter(prompt-studio-nav,decimal-leading-zero);color:#8ea79d;font:500 10px var(--font-vi-mono)}

/* Điện thoại: thanh điều hướng dưới cùng cuộn ngang khi có nhiều mục, không cắt mất mục cuối. */
@media(max-width:800px){.side-nav{justify-content:flex-start;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.side-nav::-webkit-scrollbar{display:none}
.side-nav a{flex:0 0 auto;white-space:nowrap}}