body.client-app-body{margin:0;background:#f3f7ff;color:#101828;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.client-shell{display:flex;min-height:100vh}.client-sidebar{width:270px;background:#071b3a;color:#fff;position:sticky;top:0;height:100vh;overflow:auto;padding:18px 14px;box-sizing:border-box}.client-brand{display:flex;flex-direction:column;gap:8px;padding:8px 10px 20px}.client-brand span{font-size:12px;color:#a9b8d8}.client-nav{display:flex;flex-direction:column;gap:6px}.client-nav__item{display:flex;align-items:center;gap:10px;color:#dbe7ff;text-decoration:none;padding:11px 12px;border-radius:14px;font-weight:700;font-size:14px}.client-nav__item:hover,.client-nav__item.is-active{background:rgba(20,92,255,.26);color:#fff}.client-main{flex:1;min-width:0}.client-topbar{height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e5eaf3;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.client-topbar div{display:flex;flex-direction:column}.client-topbar span{font-size:13px;color:#667085}.client-support{color:#145cff;font-weight:800;text-decoration:none}.client-mobile-toggle{display:none}.client-content{padding:26px;max-width:1440px;margin:0 auto}.client-page-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.client-page-header h1{font-size:32px;line-height:1.15;margin:4px 0 8px;color:#071b3a}.client-page-header p{color:#5b6472;margin:0;max-width:780px}.client-eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#00bfa6;margin:0 0 6px}.client-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.client-kpi,.client-card{background:#fff;border:1px solid #e5eaf3;border-radius:20px;box-shadow:0 16px 40px rgba(16,24,40,.06)}.client-kpi{display:flex;flex-direction:column;gap:8px;padding:18px;text-decoration:none;color:#101828}.client-kpi span{color:#5b6472;font-size:13px;font-weight:800}.client-kpi strong{font-size:30px;color:#071b3a}.client-kpi small{color:#667085}.client-kpi.focus{border-color:rgba(20,92,255,.35);box-shadow:0 18px 45px rgba(20,92,255,.12)}.client-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.client-card{padding:20px;margin-bottom:18px}.client-card h2{margin:0 0 14px;color:#071b3a}.client-card h3{margin:0 0 6px;color:#071b3a}.client-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.client-card-head a{color:#145cff;font-weight:800;text-decoration:none}.client-list{display:flex;flex-direction:column;gap:10px}.client-list a,.client-list div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #eef2f7;border-radius:14px;text-decoration:none;color:#101828;background:#fbfdff}.client-list span,.muted{color:#667085;font-size:13px}.client-focus{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-focus li{background:#f7faff;border:1px solid #e5eaf3;border-radius:14px;padding:12px;display:flex;flex-direction:column}.client-focus b{font-size:24px;color:#145cff}.client-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-actions a{padding:14px;border-radius:16px;background:#f3f7ff;text-decoration:none;color:#145cff;font-weight:900;text-align:center}.client-table-wrap{overflow:auto}.client-table{width:100%;border-collapse:collapse}.client-table th,.client-table td{padding:13px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.client-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085}.client-table td span{color:#667085;font-size:13px}.client-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#145cff;font-size:12px;font-weight:900}.client-badge.success{background:#ecfffb;color:#008c78}.client-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 16px;font-weight:900;text-decoration:none;border:1px solid #d9e4ff}.client-btn.primary{background:#145cff;color:#fff;border-color:#145cff}.client-btn.secondary{background:#fff;color:#145cff}.client-inline-actions{display:flex!important;flex-direction:row!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important}.client-inline-actions button,.client-inline-actions a{border:1px solid #d9e4ff;background:#fff;color:#145cff;border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none;cursor:pointer}.client-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-qr-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.client-qr{text-align:center}.client-qr img{width:160px;max-width:100%;background:#fff;border:1px solid #e5eaf3;border-radius:16px;padding:10px}.client-qr code{display:block;word-break:break-all;background:#f7faff;padding:8px;border-radius:10px;margin:8px 0;font-size:12px}.client-note{background:#ecfffb;border:1px solid #c5fff3;color:#0b5f54;border-radius:18px;padding:16px;margin-bottom:18px;font-weight:700}.client-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-permission-grid div{border:1px solid #eef2f7;border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:8px;align-items:center}.client-login-body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at top left,#e8f0ff,#f7fbff 45%,#ecfffb);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828}.client-login-card{width:min(460px,calc(100% - 32px));background:#fff;border:1px solid #e5eaf3;border-radius:28px;box-shadow:0 24px 80px rgba(16,24,40,.12);padding:30px}.client-login-card h1{font-size:28px;line-height:1.2;color:#071b3a}.client-form{display:flex;flex-direction:column;gap:14px}.client-form label{font-weight:800;color:#344054}.client-form input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d0d5dd;border-radius:14px;padding:12px}.client-alert{padding:12px 14px;border-radius:14px;margin:12px 0;font-weight:800}.client-alert.error{background:#fff1f3;color:#b42318}.client-alert.success{background:#ecfdf3;color:#067647}.client-login-note{color:#667085;font-size:13px}.client-overlay{display:none}@media(max-width:1120px){.client-kpi-grid{grid-template-columns:repeat(3,1fr)}.client-qr-grid--wide{grid-template-columns:repeat(2,1fr)}.client-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.client-sidebar{position:fixed;z-index:30;transform:translateX(-105%);transition:.2s ease;width:min(88vw,320px)}.client-sidebar.is-open{transform:translateX(0)}.client-overlay.is-open{display:block;position:fixed;inset:0;background:rgba(7,27,58,.48);z-index:20}.client-mobile-toggle{display:inline-flex;border:1px solid #d9e4ff;background:#fff;color:#145cff;border-radius:12px;padding:8px 10px}.client-topbar{padding:0 14px}.client-support{display:none}.client-content{padding:16px}.client-page-header{flex-direction:column}.client-kpi-grid,.client-grid-2,.client-qr-grid,.client-qr-grid--wide,.client-permission-grid{grid-template-columns:1fr}.client-actions{grid-template-columns:1fr}.client-page-header h1{font-size:26px}}
/* Ver 0.8.1 Client Workspace hardening UI */
.client-topbar-actions{display:flex;gap:10px;align-items:center}.client-welcome{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#071B3A,#145CFF);color:#fff;margin-bottom:22px;box-shadow:0 18px 50px rgba(20,92,255,.18)}.client-welcome h1{margin:.25rem 0;font-size:32px}.client-welcome p{max-width:760px;color:rgba(255,255,255,.82)}.client-welcome-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.client-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.client-action-grid a{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:#fff;border:1px solid var(--color-border,#E4E7EC);border-radius:18px;padding:16px;box-shadow:0 12px 26px rgba(16,24,40,.06);color:var(--color-text,#101828)}.client-action-grid strong{font-size:14px}.client-action-grid span{font-size:12px;color:var(--color-muted,#667085)}.onboarding-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.onboarding-step{display:flex;gap:10px;align-items:center;text-decoration:none;color:#101828;background:#F4F8FF;border:1px solid #E4E7EC;border-radius:14px;padding:12px}.onboarding-step.is-done{background:#ECFFFB;border-color:#00BFA6}.client-empty{border:1px dashed #D0D5DD;background:#F9FAFB;border-radius:16px;padding:18px;color:#667085}.client-alert.warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.copy-line{display:flex;gap:8px;margin-top:10px}.copy-line input{flex:1;border:1px solid #D0D5DD;border-radius:10px;padding:10px}.copy-line button,.mini-form button{border:0;border-radius:10px;padding:10px 12px;background:#145CFF;color:#fff;cursor:pointer}.client-form-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-form textarea,.client-form select{width:100%;border:1px solid #D0D5DD;border-radius:12px;padding:12px;background:#fff}.client-note{border-radius:18px;border:1px solid #D0D5DD;background:#F9FAFB;padding:16px;color:#667085;margin-top:18px}.admin-table .mini-form{display:grid;gap:6px}.admin-table .mini-form input,.admin-table .mini-form select{min-width:160px;border:1px solid #D0D5DD;border-radius:8px;padding:8px}@media(max-width:1024px){.client-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-list{grid-template-columns:1fr}.client-welcome{flex-direction:column}}@media(max-width:640px){.client-action-grid{grid-template-columns:1fr}.client-form-inline{grid-template-columns:1fr}.copy-line{flex-direction:column}}
/* Ver 0.8.2 Support Conversation + Vietnamese polish */
.support-thread{display:grid;gap:12px;max-height:620px;overflow:auto;padding-right:4px}.support-message{border:1px solid #E5EAF3;border-radius:18px;padding:14px;background:#F9FAFB}.support-message.from-client{background:#F4F8FF;border-color:#D9E4FF}.support-message.from-admin{background:#ECFFFB;border-color:#BFF4EA}.support-message__meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;color:#5B6472;font-size:13px}.support-message__meta strong{color:#071B3A}.support-message p{margin:0;color:#101828;line-height:1.6}.support-thread-card{min-height:520px}.client-list a strong{color:#071B3A}.client-list a:hover{border-color:#145CFF;box-shadow:0 10px 26px rgba(20,92,255,.08)}

/* Ver 0.8.3 client support thread */
.support-thread { display: flex; flex-direction: column; gap: 12px; }
.support-message { border: 1px solid var(--color-border, #E5EAF3); border-radius: 18px; padding: 14px 16px; background: #fff; }
.support-message.from-admin { background: #F2FFFC; border-color: rgba(0,191,166,.22); }
.support-message.from-client { background: #F7F9FF; border-color: rgba(20,92,255,.16); }
.support-message__meta { display:flex; justify-content:space-between; gap: 10px; color: var(--color-muted, #667085); font-size: 13px; margin-bottom: 8px; }
.support-message__meta strong { color: var(--color-text, #101828); }
.support-message p { margin: 0; white-space: pre-wrap; line-height: 1.55; }