:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1f2937;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.license-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.license-card{width:min(100%,480px);padding:32px;border:1px solid #e4e8ef;border-radius:14px;background:#fff;box-shadow:0 12px 40px #1534540a}.license-brand{font-size:13px;font-weight:600;color:#1677ff;margin-bottom:16px}.license-card h1,.admin-heading h1{font-size:24px;margin:0 0 12px}.license-card p{font-size:14px;line-height:1.7}.license-card form{display:grid;gap:10px;margin:24px 0 16px}label{font-size:13px;font-weight:600}input{width:100%;border:1px solid #cfd7e3;border-radius:7px;padding:11px 12px;color:#1f2937;background:#fff;font:inherit;font-size:14px;min-width:0}input:focus{outline:2px solid #1677ff44;border-color:#1677ff}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.license-primary{background:#1677ff;color:#fff;border:0;border-radius:7px;padding:11px 16px;font-weight:600;font-size:14px}.license-text{border:0;padding:4px 0;background:transparent;color:#1677ff;font-size:13px;text-decoration:none}.license-status{min-height:22px;color:#667085;font-size:13px}.is-error{color:#c43232!important}.license-note{color:#667085;font-size:12px!important;line-height:1.7}.license-bar{position:fixed;bottom:0;left:0;right:0;z-index:10000;display:flex;gap:16px;align-items:center;padding:10px 18px;background:#f8fbff;border-top:1px solid #dce8f9;color:#56647a;font-size:12px}.license-bar #logout-button{margin-left:auto}.license-authorized #root{padding-bottom:55px}.admin-shell{max-width:1100px;margin:0 auto;padding:32px 24px}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-heading p{color:#667085;font-size:13px;margin:0}.admin-panel{padding:22px;border:1px solid #e0e7f0;border-radius:12px;background:#fff;margin-bottom:18px}.admin-panel h2{font-size:16px;margin:0 0 16px}.admin-create-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}.admin-field{display:grid;gap:8px}.admin-code{background:#f0f6ff;border:1px solid #bdd6ff;border-radius:8px;padding:18px;margin-top:18px}.admin-code code{display:block;word-break:break-all;font-size:16px;line-height:1.7;user-select:all;margin:12px 0}.admin-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.admin-table th{background:#f7f9fc;color:#667085;font-weight:500}.admin-table td,.admin-table th{padding:12px 10px;border-bottom:1px solid #e8edf3;vertical-align:top}.admin-table td:first-child{min-width:135px;overflow-wrap:anywhere}.admin-table td:last-child{min-width:145px}.admin-badge{border-radius:4px;background:#eaf4ee;color:#27804a;padding:3px 7px;white-space:nowrap}.admin-badge.inactive{background:#f0f1f4;color:#707887}.admin-danger{color:#c43232}.admin-empty{text-align:center;color:#667085;padding:32px!important}.admin-intro{font-size:13px;color:#667085;line-height:1.7}@media(max-width:650px){.license-card{padding:24px}.admin-shell{padding:20px 12px}.admin-create-form{grid-template-columns:1fr}.license-bar{gap:8px;flex-wrap:wrap}.license-bar #license-expiry{display:none}.admin-heading{align-items:center}.admin-heading h1{font-size:21px}}

/* Fixed chat dialogs and the fixed license footer must share the viewport. */
body.license-authorized {
  --wa-license-bar-size: calc(48px + env(safe-area-inset-bottom, 0px));
}
body.license-authorized .license-bar {
  box-sizing: border-box;
  height: var(--wa-license-bar-size);
  min-height: var(--wa-license-bar-size);
  padding: 8px 18px calc(8px + env(safe-area-inset-bottom, 0px));
  flex-wrap: nowrap;
  overflow: hidden;
}
body.license-authorized .license-bar #license-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.license-authorized .license-bar #license-expiry,
body.license-authorized .license-bar #logout-button {
  flex: 0 0 auto;
  white-space: nowrap;
}
body.license-authorized #root {
  padding-bottom: var(--wa-license-bar-size);
}
body.license-authorized .app-shell {
  min-height: calc(100dvh - var(--wa-license-bar-size));
}
body.license-authorized .wa-chat-backdrop {
  bottom: var(--wa-license-bar-size);
}
body.license-authorized .wa-chat-dialog {
  height: 100%;
  max-height: 910px;
  min-height: 0;
}
body.license-authorized .wa-chat-layout,
body.license-authorized .wa-chat-main,
body.license-authorized .wa-chat-sidebar {
  min-height: 0;
}
body.license-authorized .wa-chat-titlebar,
body.license-authorized .wa-chat-conversation-header {
  flex-shrink: 0;
}
body.license-authorized .wa-chat-messages {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}
@media (max-width: 650px) {
  body.license-authorized .license-bar {
    padding-left: 10px;
    padding-right: 10px;
    gap: 8px;
  }
}
