:root {
  --brand-black:#1d1d1f;
  --mint:#B5E3D8;
  --mint-bg:#f1f8f6;
  --mint-dark:#176d55;
  --holo:linear-gradient(145deg,#ffffff,#eef2f1 58%,#d9ebe6);
  --bg:#f5f5f7;
  --card:#ffffff;
  --line:rgba(60,60,67,.16);
  --muted:#6e6e73;
  --shadow-soft:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(0,0,0,.035);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --motion-fast:180ms;
  --motion:240ms;
  --control-height:44px;
  --control-radius:10px;
  --icon-size:18px;
  --type-title:24px;
  --type-section:17px;
  --type-body:15px;
  --type-meta:12px;
}
[hidden]{display:none!important}

* { box-sizing:border-box; }
html { background:var(--bg); }
body {
  display:block !important;
  min-height:100vh;
  margin:0;
  padding:0;
  background:var(--bg) !important;
  color:var(--brand-black) !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Microsoft JhengHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3 { color:var(--brand-black) !important; }

/* 全站共用品牌導覽 */
.top-nav {
  width:100%;
  min-height:56px;
  margin:0 !important;
  padding:8px clamp(16px,2.5vw,36px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
  position:relative;
  z-index:40;
  background:rgba(250,250,252,.86) !important;
  border:0 !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.7);
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.auth-card{width:min(100%,420px);padding:36px;background:var(--card);border:.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}
.auth-logo{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:16px;background:var(--holo);color:var(--brand-black);font-weight:900}
.auth-card h1{text-align:center;font-size:24px;margin:0}.auth-lead{text-align:center;color:var(--muted);margin:8px 0 26px}
.auth-card form,.settings-panel form{display:grid;gap:18px}.auth-card label,.settings-panel label{display:grid;gap:7px;font-weight:700}
.auth-card input,.settings-panel input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand-black);font:inherit}
.auth-card input:focus,.settings-panel input:focus{outline:2px solid var(--mint);border-color:var(--mint-dark)}
.auth-card small,.settings-panel small{color:var(--muted);font-weight:400}.auth-submit{width:100%;padding:12px}.form-message,.save-message.error{color:#a93232;min-height:20px}.save-message.ok{color:var(--mint-dark)}
.auth-user-menu{position:relative;margin:0 0 0 2px!important;border:0!important;background:transparent!important;overflow:visible!important;color:var(--brand-black)}.auth-user-menu summary{min-height:38px;list-style:none;display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.74);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.auth-user-menu summary::-webkit-details-marker{display:none}.auth-user-menu summary::after{content:""!important;width:7px;height:7px;margin-left:1px!important;border:0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:translateY(-2px) rotate(45deg);transition:transform var(--motion-fast) var(--ease-out)}.auth-user-menu[open] summary::after{transform:translateY(2px) rotate(225deg)}.auth-user-menu summary:hover{background:#fff;border-color:rgba(60,60,67,.28)}.auth-user-menu summary:active{transform:scale(.98)}
.auth-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--brand-black);color:#fff;font-size:12px;font-weight:700;line-height:1}.auth-menu-panel{position:absolute;z-index:50;right:0;top:calc(100% + 8px);width:160px;padding:6px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 38px rgba(0,0,0,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.auth-menu-panel a,.auth-menu-panel button{display:block;width:100%;min-height:38px;padding:9px 10px;border:0!important;border-radius:8px;background:transparent!important;color:var(--brand-black)!important;text-align:left;font:inherit;cursor:pointer;text-decoration:none}.auth-menu-panel a:hover,.auth-menu-panel button:hover{background:var(--mint-bg)!important}
.settings-shell{max-width:1050px;margin:32px auto;padding:0 24px;display:grid;grid-template-columns:230px 1fr;gap:22px}.settings-tabs,.settings-content{background:#fff;border:.5px solid var(--line);border-radius:14px}.settings-tabs{padding:18px;height:max-content}.settings-tabs h1{font-size:21px;margin:4px 10px 18px}.settings-tabs button{width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;cursor:pointer}.settings-tabs button.active{background:var(--mint);font-weight:800}.settings-content{padding:30px}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel h2{margin:0 0 6px}.settings-panel>p{color:var(--muted);margin:0 0 26px}.settings-panel form{max-width:590px}.settings-panel input:disabled{background:var(--bg);color:var(--muted)}
.toggle-row{grid-template-columns:1fr auto!important;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px}.toggle-row span{display:grid;gap:4px}.toggle-row input{width:20px;height:20px;accent-color:var(--mint-dark)}
@media(max-width:820px){.auth-display-name{display:none}.settings-shell{grid-template-columns:1fr}.settings-tabs{display:flex;flex-wrap:wrap;gap:6px}.settings-tabs h1{width:100%}.settings-tabs button{width:auto}.settings-content{padding:22px}}
.brand-lockup { display:flex; align-items:center; gap:10px; min-width:max-content; }
.brand-mark {
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border:1px solid rgba(60,60,67,.14);
  background:var(--holo);
  color:var(--brand-black);
  font-size:10px;
  font-weight:800;
  letter-spacing:-.3px;
}
.brand-name { color:var(--brand-black); font-size:14px; font-weight:650; letter-spacing:.01em; }
.nav-links { min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px; }
.nav-links a {
  min-height:36px;
  padding:8px 11px;
  border-radius:10px;
  color:var(--muted);
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);
}
.nav-links a:hover { background:rgba(0,0,0,.045); color:var(--brand-black); }
.nav-links a:active { transform:scale(.98); }
.nav-links a.active,
.nav-links a.active:hover { background:rgba(181,227,216,.78); color:var(--brand-black); }
.nav-more{position:relative;flex:0 0 auto;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important}.nav-more summary{min-height:36px;display:flex;align-items:center;gap:7px;padding:8px 11px;list-style:none;border-radius:10px;color:var(--muted);font-size:13px;font-weight:600;line-height:1.25;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary::after{content:none!important}.nav-more summary:hover,.nav-more[open] summary{background:rgba(0,0,0,.045);color:var(--brand-black)}.nav-more summary:active{transform:scale(.98)}.nav-more.has-active summary{background:rgba(181,227,216,.78);color:var(--brand-black)}
.nav-more-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--motion-fast) var(--ease-out)}.nav-more[open] .nav-more-chevron{transform:translateY(2px) rotate(225deg)}
.nav-more-panel{position:absolute;z-index:55;right:0;top:calc(100% + 8px);width:178px;padding:6px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 38px rgba(0,0,0,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-more-panel a{display:flex;width:100%;align-items:center;padding:9px 10px;border-radius:8px}.nav-more-panel a.active{background:var(--mint-bg);color:var(--mint-dark)}
.nav-count-badge {
  display:inline-grid;
  min-width:17px;
  height:17px;
  margin-left:4px;
  padding:0 4px;
  place-items:center;
  border-radius:999px;
  background:#d92d20;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.nav-count-badge[hidden] { display:none; }
.brand-holo-line { display:none; }

/* 共用元件 */
.ui-icon {
  width:var(--icon-size);
  height:var(--icon-size);
  display:block;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.ui-icon-button {
  width:var(--control-height);
  height:var(--control-height);
  min-width:var(--control-height);
  min-height:var(--control-height);
  display:grid !important;
  place-items:center;
  padding:0 !important;
  border-radius:var(--control-radius) !important;
  line-height:0;
}
.ui-icon-button>svg { display:block; margin:0; }
.ui-composer-surface {
  border:.5px solid var(--line);
  border-radius:14px;
  background:var(--card);
  box-shadow:0 1px 2px rgba(0,0,0,.025);
  transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);
}
.ui-composer-surface:focus-within {
  border-color:var(--mint-dark);
  box-shadow:0 0 0 3px rgba(181,227,216,.32);
}
.card,.panel,.conv-list {
  background:var(--card) !important;
  border:.5px solid var(--line) !important;
  border-radius:16px !important;
  box-shadow:var(--shadow-soft) !important;
}
button {
  border:1px solid var(--brand-black) !important;
  background:var(--brand-black) !important;
  color:#fff !important;
  font-family:inherit;
  border-radius:10px;
  transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);
}
button:hover:not(:disabled) { filter:brightness(1.06); }
button:active:not(:disabled) { transform:scale(.98); }
button.secondary,.secondary,.btn-reset,.mute-btn,
.test-input button:last-child,.thread-header button {
  border-color:var(--line) !important;
  background:var(--card) !important;
  color:var(--brand-black) !important;
}
button.danger,.danger {
  border-color:#d8a3a3 !important;
  background:var(--card) !important;
  color:#9b3434 !important;
}
input,select,textarea,.textarea {
  border-color:var(--line) !important;
  background:var(--card) !important;
  color:var(--brand-black) !important;
  outline:none;
  border-radius:10px;
  transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);
}
input:focus,select:focus,textarea:focus,.textarea:focus {
  border-color:var(--mint-dark) !important;
  box-shadow:0 0 0 3px rgba(181,227,216,.38);
}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint-dark);outline-offset:2px}
.muted,.status,.hint,.test-info,.info-label,.inbox-time,.kv { color:var(--muted) !important; }
table {
  background:var(--card) !important;
  border:.5px solid var(--line) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
th { background:var(--mint-bg) !important; color:var(--brand-black) !important; }
th,td { border-color:var(--line) !important; }
.tag,.pill,.tool-badge {
  background:var(--mint-bg) !important;
  color:var(--mint-dark) !important;
}

/* 測試台 */
.page-index .wrap {
  width:100%;
  max-width:1160px;
  margin:0 auto;
  padding:16px;
  display:flex;
  align-items:stretch;
  gap:16px;
}
.page-index .phone {
  width:390px;
  flex:0 0 390px;
  height:calc(100vh - 93px);
  min-height:540px;
  background:var(--mint-bg);
  border:.5px solid var(--line);
  border-radius:20px;
  box-shadow:0 10px 26px rgba(37,40,42,.12);
}
.page-index .phone-hd { background:var(--brand-black) !important; color:#fff; }
.page-index .phone-hd select {
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  box-shadow:none;
}
.page-index .phone-hd select option { color:var(--brand-black); background:#fff; }
.page-index .chat { background:var(--mint-bg); }
.page-index .you .bubble {
  border:1px solid var(--mint);
  background:var(--mint) !important;
  color:var(--brand-black);
}
.page-index .bot .bubble {
  border:1px solid var(--line);
  background:var(--card) !important;
  color:var(--brand-black);
}
.page-index .bubble.sys {
  border:0;
  background:transparent !important;
  color:var(--muted) !important;
  box-shadow:none;
  text-align:center;
  font-size:12px;
}
.page-index .row.bot [style*="background:#e8f0fe"] {
  background:var(--brand-black) !important;
  color:var(--mint) !important;
  padding:1px 6px !important;
  border-radius:999px !important;
}
.page-index .bubble a,.page-index .acct-note { color:var(--mint-dark) !important; }
.page-index .compose { border-top:1px solid var(--line); background:var(--card); }
.page-index .quick button,.page-index .coach-btn {
  border-color:var(--line) !important;
  background:var(--card) !important;
  color:var(--brand-black) !important;
}
.page-index .quick button:hover,.page-index .coach-btn:hover { background:var(--mint-bg) !important; }
.page-index .log-item { border-color:var(--line); background:var(--mint-bg); }
.page-index .log-item.reply { border-left-color:var(--mint-dark); }
.page-index .tag.reply,.page-index .tag.booking {
  background:var(--brand-black) !important;
  color:var(--mint) !important;
}
.page-index .stat b { color:var(--brand-black); }
.page-index dialog { border:.5px solid var(--line); background:var(--card); }
.page-index .coach-dialog-body textarea[readonly] { background:var(--bg) !important; }

/* AI 員工 */
.page-agent .container { height:calc(100vh - 61px); }
.page-agent .editor-panel,.page-agent .test-panel,.page-agent .panel-header,
.page-agent .test-header,.page-agent .test-input { border-color:var(--line); }
.page-agent .test-panel,.page-agent .test-msgs { background:var(--mint-bg); }
.page-agent .tabs { border-color:var(--line); }
.page-agent .tab,.page-agent .kb-file-item,.page-agent .common-rules,
.page-agent .kb-stats,.page-agent .tool-card { background:var(--bg); border-color:var(--line); }
.page-agent .tab.active,.page-agent .kb-file-item.active {
  background:var(--mint) !important;
  color:var(--brand-black) !important;
}
.page-agent .msg-row.user .msg-bubble {
  border:1px solid var(--mint);
  background:var(--mint) !important;
  color:var(--brand-black);
}
.page-agent .msg-row.assistant .msg-bubble {
  border:1px solid var(--line);
  background:var(--card) !important;
  color:var(--brand-black) !important;
}
.page-agent .msg-row.assistant .msg-tag {
  display:inline-block;
  width:max-content;
  margin-left:auto;
  padding:2px 7px;
  border-radius:999px;
  background:var(--brand-black);
  color:var(--mint);
}

/* 收件匣 */
/* 直排 flex 讓對話區自己吃掉剩下的高度，頂部列高度改變時不用回頭改死數字。
   需要 !important 才能蓋過上面全站的 body{display:block!important}。 */
body.page-inbox {
  display:flex !important;
  flex-direction:column;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
.page-inbox .container { flex:1; min-height:0; }

/* 按鈕預設白底細框，黑底只留給下面列出的主要動作，避免整頁都是黑塊。 */
.page-inbox button {
  border-color:var(--line) !important;
  background:var(--card) !important;
  color:var(--brand-black) !important;
}
.page-inbox #send-btn,
.page-inbox .coach-submit,
.page-inbox .handoff-page-buttons .complete,
.page-inbox .note-input button,
.page-inbox .insight-generate,
.page-inbox .inbox-draft-use {
  border-color:var(--brand-black) !important;
  background:var(--brand-black) !important;
  color:#fff !important;
}
/* 選中／開啟中的狀態與輔助強調一律薄荷綠，跟導覽列的「收件匣」同一套語彙。 */
.page-inbox .filter-toggle.active,
.page-inbox .insight-apply {
  border-color:var(--mint-dark) !important;
  background:var(--mint) !important;
  color:var(--brand-black) !important;
}
/* 語意色與非按鈕外觀的元素不受上面規則影響。 */
.page-inbox .pending-log-button,
.page-inbox .pending-log-delete { border-color:#f4b9b4 !important; color:#b42318 !important; }
.page-inbox .thread-header button.muted { border-color:#f5a623 !important; background:#f5a623 !important; color:#fff !important; }
.page-inbox .reply-tool.recording { border-color:#d92d20 !important; background:#d92d20 !important; color:#fff !important; }
.page-inbox .emoji-panel button,
.page-inbox .handoff-page-question { border:0 !important; background:transparent !important; }
.page-inbox .info-drawer-backdrop { border:0 !important; background:rgba(37,40,42,.42) !important; }
.page-inbox .filter-toggle:hover,
.page-inbox .sidebar-report-button:hover,
.page-inbox .handoff-page-buttons button:hover { background:var(--mint-bg) !important; border-color:var(--mint) !important; }
.page-inbox .sidebar,.page-inbox .thread,.page-inbox .info-panel,
.page-inbox .sidebar-header,.page-inbox .thread-header,.page-inbox .thread-input {
  border-color:var(--line);
  background:var(--card);
}
.page-inbox .info-panel,.page-inbox .thread-msgs { background:var(--mint-bg); }
.page-inbox .inbox-item { border-color:var(--line); }
.page-inbox .inbox-item:hover { background:var(--mint-bg); }
.page-inbox .inbox-item.active {
  border-left-color:var(--mint-dark);
  background:var(--mint-bg);
}
.page-inbox .inbox-avatar { background:var(--brand-black) !important; color:var(--mint); }
.page-inbox .msg-row.user { flex-direction:column; align-items:flex-start; }
.page-inbox .msg-row.user .msg-bubble:first-child {
  border:1px solid var(--mint);
  background:var(--mint) !important;
  color:var(--brand-black);
}
.page-inbox .msg-row.user .msg-bubble:nth-child(n+2),
.page-inbox .msg-row.staff .msg-bubble {
  align-self:flex-end;
  border:1px solid var(--line);
  background:var(--card) !important;
  color:var(--brand-black) !important;
}
.page-inbox .msg-row.staff { flex-direction:column; align-items:flex-end; }
.page-inbox .msg-tag {
  align-self:flex-end;
  width:max-content;
  padding:2px 7px;
  border-radius:999px;
  background:var(--brand-black);
  color:var(--mint);
}
.page-inbox .booking-badge { background:var(--mint); color:var(--brand-black); }
.page-inbox .tag { border-radius:999px; }
.page-inbox .note-item { border-color:var(--line); }

/* 控制台 */
.page-admin .wrap { max-width:1280px; }
.page-admin .cards .solve-rate-card {
  border-color:var(--mint) !important;
  background:linear-gradient(135deg,#eafaf4,#dff2ec) !important;
}
.page-admin .solve-rate-card #ai-rate { color:var(--mint-dark); }
.page-admin .conv-item { border-color:var(--line); }
.page-admin .conv-item:hover,.page-admin .conv-q,.page-admin .conv-r { background:var(--mint-bg); }
.page-admin .conv-r::after { background:linear-gradient(transparent,var(--mint-bg)); }
.page-admin .conv-r-toggle { color:var(--mint-dark); }
.page-admin .conv-badge.reply { background:var(--mint); color:var(--brand-black); }
.page-admin .tag { background:var(--mint-bg) !important; color:var(--mint-dark) !important; }

/* 整合 */
.page-integrations .wrap { max-width:1100px; }
.page-integrations .account-card,.page-integrations .card {
  border-color:var(--line);
  background:var(--card);
}
.page-integrations dialog { border:.5px solid var(--line); background:var(--card); }
.page-integrations .pill.custom { background:var(--mint); color:var(--brand-black); }

@media (max-width:1100px) {
  .top-nav{gap:10px!important;padding-inline:14px!important}
  .brand-name,.auth-display-name{display:none}
  .nav-links a,.nav-more summary{padding-inline:9px}
}

@media (max-width:900px) {
  .top-nav { align-items:center !important; flex-direction:row; gap:8px !important; }
  .nav-links { flex:1 1 auto;width:auto;justify-content:flex-end;overflow:visible;padding-bottom:0; }
  .page-index .wrap { flex-direction:column; align-items:center; }
  .page-index .phone { height:680px; max-height:calc(100vh - 150px); }
  .page-index .side { width:100%; }
  .page-agent .container { height:auto; min-height:calc(100vh - 104px); }
}

/* 手機版共用導覽：品牌與導覽併成一行（只留 TOP 方塊），導覽自己左右滑，頭像固定最右。 */
@media (max-width:768px) {
  .top-nav {
    align-items:center !important;
    flex-direction:row !important;
    gap:8px !important;
    padding:7px 10px !important;
    min-height:0;
    position:relative;
  }
  .brand-lockup { flex:0 0 auto; min-width:0; }
  .brand-name { display:none; }
  .brand-mark { width:30px; height:30px; flex:0 0 30px; }
  .nav-links {
    flex:1 1 auto;
    width:auto;
    min-width:0;
    max-width:none;
    justify-content:flex-start;
    gap:4px;
    overflow:visible;
    padding-bottom:0;
    white-space:nowrap;
    -webkit-overflow-scrolling:auto;
  }
  .nav-links>a { flex:0 1 auto; padding:8px 9px; }
  .nav-more summary{padding:8px 9px}
  .nav-more-panel{position:fixed;right:10px;top:54px}
  .auth-user-menu { position:static; flex:0 0 auto; margin:0; }
  .auth-user-menu summary { padding:5px 7px; }
  .auth-menu-panel{position:fixed;right:10px;top:54px}
  .settings-shell {
    width:100%;
    max-width:none;
    margin:14px auto;
    padding:0 12px;
    grid-template-columns:1fr;
  }
  .settings-tabs { overflow-x:auto; flex-wrap:nowrap; padding:12px; -webkit-overflow-scrolling:touch; }
  .settings-tabs h1 { min-width:100%; }
  .settings-tabs button { flex:0 0 auto; min-height:40px; }
  .settings-content { padding:16px; }
  .auth-card { padding:24px 18px; }
  .page-integrations .wrap {
    width:100%;
    max-width:none;
    padding:12px;
  }
  .page-integrations .grid,
  .page-integrations .account-grid { grid-template-columns:1fr !important; }
  .page-integrations .panel-heading { align-items:stretch; flex-direction:column; }
  .page-integrations .panel { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .page-integrations table {
    width:100%;
    min-width:680px;
  }
  .page-integrations dialog { width:calc(100vw - 24px); }
  .team-shell { width:100%; max-width:none; margin:14px auto; padding:0 12px; }
  .team-tabs { overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; }
  .team-tabs button { flex:0 0 auto; min-height:40px; }
  .user-row,.invite-row,.assign-row,.invite-form { grid-template-columns:1fr !important; }
  .invite-link { flex-direction:column; }
  .team-card { padding:14px; }
}

@media (max-width:430px){
  .top-nav{padding-inline:8px!important}
  .brand-mark{width:28px;height:28px;flex-basis:28px;border-radius:8px}
  .nav-links{gap:1px}
  .nav-links>a{padding-inline:7px;font-size:12px}
  .nav-more summary{padding-inline:7px;font-size:12px}
  .auth-user-menu summary{padding:4px 5px;min-height:36px}
  .auth-avatar{width:24px;height:24px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}