/* Atlassian Design System (Jira, Confluence): the ADS colour tokens (navy text #172B4D, blue #0C66E4, neutral
   alphas), the top navigation with a centred search and a blue Create button, an icon-only global sidebar, the
   selected-item blue, uppercase lozenges for statuses, default/primary buttons, 2px focus rings, tabs on a grey
   line, the Atlassian Intelligence purple for the AI summary and flags that fly in from the lower left.
   Loaded after themes.css and app.css; every rule is scoped to [data-theme="atlassian"]. Raw values are --al-*. */

[data-theme="atlassian"] {
  --font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;

  --bg: #ffffff; --paper: #ffffff; --paper-2: #f7f8f9; --card: #ffffff; --elevated: #ffffff;
  --subtle: rgb(9 30 66 / .06); --hover: rgb(9 30 66 / .06); --active: #e9f2ff;
  --fg: #172b4d; --fg-2: #44546f; --fg-3: #44546f; --fg-muted: #626f86;
  --border: rgb(9 30 66 / .14); --border-strong: #8590a2; --input: #8590a2;

  --primary: #0c66e4; --primary-hover: #0055cc; --primary-fg: #ffffff;
  --primary-soft: #e9f2ff; --primary-soft-fg: #0c66e4;
  --ring: #388bff; --ring-alpha: 100%;
  --focus-w: 2px; --focus-c: #388bff; --focus-o: 2px;

  --danger: #ae2e24; --danger-solid: #c9372c; --danger-soft: #ffeceb;
  --warn: #a54800; --warn-soft: #fff7d6;
  --ok: #216e4e; --ok-solid: #1f845a; --ok-soft: #dcfff1;
  --snooze: #5e4db2; --snooze-solid: #6e5dc6; --snooze-soft: #f3f0ff;
  --label: #206a83; --label-soft: #e7f9ff; --label-border: transparent;
  --sample: #943d73; --sample-soft: #ffecf8;
  --unread: #0c66e4; --unread-line: #85b8ff; --draft: #ae2e24;
  --note-bg: #fff7d6; --note-border: #f5cd47; --note-fg: #7f5f01; --note-strong: #a54800; --note-focus: #e2b203; --note-soft: #fffbea;
  --fail-bg: #fff7d6; --fail-border: #f5cd47;

  --bubble-in: #f1f2f4; --bubble-in-fg: #172b4d;
  --bubble-out: #e9f2ff; --bubble-out-fg: #172b4d;
  --bubble-other: #dcfff1; --bubble-other-fg: #172b4d; --bubble-other-border: transparent;
  --bubble-fail: #ffeceb; --bubble-fail-border: #f87168; --bubble-fail-fg: #172b4d;
  --file-bg: #f7f8f9; --file-border: rgb(9 30 66 / .14);
  --summary-bg: #f3f0ff; --summary-border: #dfd8fd; --summary-fg: #172b4d;
  --sug-bg: #ffffff; --sug-border: rgb(9 30 66 / .14); --sug-hover: rgb(9 30 66 / .06); --sug-fg: #44546f;
  --info-soft: #e9f2ff; --info-fg: #0055cc;
  --mark: #f8e6a0; --star: #e2b203;

  --toast-bg: #ffffff; --toast-fg: #172b4d; --toast-border: transparent; --toast-action: #0c66e4;
  --skel-a: rgb(9 30 66 / .06); --skel-b: rgb(9 30 66 / .03); --skel-anim: aa-shimmer 1.6s linear infinite;
  --scrim: rgb(9 30 66 / .49); --scroll-shadow: rgb(9 30 66 / .14);
  /* shadow.raised and shadow.overlay */
  --shadow-xs: 0 0 #0000;
  --shadow-sm: 0 1px 1px rgb(9 30 66 / .25), 0 0 1px rgb(9 30 66 / .31);
  --shadow-md: 0 8px 12px rgb(9 30 66 / .15), 0 0 1px rgb(9 30 66 / .31);
  --shadow-lg: 0 8px 12px rgb(9 30 66 / .15), 0 0 1px rgb(9 30 66 / .31);
  --shadow-side: 0 8px 12px rgb(9 30 66 / .15), 0 0 1px rgb(9 30 66 / .31);

  /* radius 4: controls and lozenges 3, cards, bubbles and dialogs 8 */
  --btn-radius: var(--r-md); --field-radius: var(--r-md); --card-radius: calc(var(--radius) * 2); --menu-radius: var(--r-md);
  --item-radius: var(--r-md); --chip-radius: var(--r-md); --pill-radius: var(--r-md); --row-radius: var(--r-md);
  --bubble-radius: calc(var(--radius) * 2); --panel-radius: calc(var(--radius) * 2);
  --weight-strong: 600; --weight-head: 600; --weight-active: 500; --tracking-head: 0;
  --sec-transform: none; --sec-size: 12px; --sec-weight: 600; --sec-spacing: 0;
  --side-bg: #ffffff; --side-fg: #44546f; --side-hover: rgb(9 30 66 / .06); --side-hover-fg: #172b4d;
  --side-active-bg: #e9f2ff; --side-active-fg: #0c66e4; --side-muted: #626f86;
  --side-border: rgb(9 30 66 / .14); --side-title: #172b4d; --side-sub-bg: transparent; --side-parent-fg: #0c66e4;

  --al-neutral-hover: rgb(9 30 66 / .14); --al-neutral-pressed: rgb(9 30 66 / .31); --al-brand-pressed: #09326c;
  --al-sunken-hover: #f1f2f4; --al-discovery: #6e5dc6;
  color-scheme: light;
}
[data-theme="atlassian"][data-mode="dark"] {
  --bg: #1d2125; --paper: #1d2125; --paper-2: #161a1d; --card: #22272b; --elevated: #282e33;
  --subtle: rgb(161 189 217 / .08); --hover: rgb(161 189 217 / .08); --active: #1c2b41;
  --fg: #b6c2cf; --fg-2: #9fadbc; --fg-3: #9fadbc; --fg-muted: #8c9bab;
  --border: rgb(166 197 226 / .16); --border-strong: #738496; --input: #738496;

  --primary: #579dff; --primary-hover: #85b8ff; --primary-fg: #1d2125;
  --primary-soft: #1c2b41; --primary-soft-fg: #579dff;
  --ring: #85b8ff; --focus-c: #85b8ff;

  --danger: #fd9891; --danger-solid: #f87168; --danger-soft: #42221f;
  --warn: #f5cd47; --warn-soft: #533f04;
  --ok: #7ee2b8; --ok-solid: #4bce97; --ok-soft: #164b35;
  --snooze: #b8acf6; --snooze-solid: #9f8fef; --snooze-soft: #35295c;
  --label: #9dd9ee; --label-soft: #1e3137;
  --sample: #fdd0ec; --sample-soft: #3d2232;
  --unread: #579dff; --unread-line: #0055cc; --draft: #fd9891;
  --note-bg: #533f04; --note-border: #7f5f01; --note-fg: #f8e6a0; --note-strong: #946f00; --note-focus: #e2b203; --note-soft: #332e1b;
  --fail-bg: #533f04; --fail-border: #7f5f01;

  --bubble-in: #2c333a; --bubble-in-fg: #dee4ea;
  --bubble-out: #1c2b41; --bubble-out-fg: #dee4ea;
  --bubble-other: #164b35; --bubble-other-fg: #dee4ea;
  --bubble-fail: #42221f; --bubble-fail-border: #f87168; --bubble-fail-fg: #dee4ea;
  --file-bg: #161a1d; --file-border: rgb(166 197 226 / .16);
  --summary-bg: #2b273f; --summary-border: #35295c; --summary-fg: #b6c2cf;
  --sug-bg: #1d2125; --sug-border: rgb(166 197 226 / .16); --sug-hover: rgb(161 189 217 / .08); --sug-fg: #9fadbc;
  --info-soft: #1c2b41; --info-fg: #85b8ff;
  --mark: #533f04; --star: #e2b203;

  --toast-bg: #282e33; --toast-fg: #b6c2cf; --toast-action: #579dff;
  --skel-a: rgb(161 189 217 / .08); --skel-b: rgb(161 189 217 / .04);
  --scrim: rgb(16 18 20 / .7); --scroll-shadow: rgb(0 0 0 / .5);
  --shadow-sm: 0 1px 1px rgb(3 4 4 / .5), 0 0 1px rgb(3 4 4 / .5);
  --shadow-md: inset 0 0 0 1px rgb(188 214 240 / .04), 0 8px 12px rgb(3 4 4 / .36), 0 0 1px rgb(3 4 4 / .5);
  --shadow-lg: inset 0 0 0 1px rgb(188 214 240 / .04), 0 8px 12px rgb(3 4 4 / .36), 0 0 1px rgb(3 4 4 / .5);
  --shadow-side: 0 8px 12px rgb(3 4 4 / .36), 0 0 1px rgb(3 4 4 / .5);
  --side-bg: #1d2125; --side-fg: #9fadbc; --side-hover: rgb(161 189 217 / .08); --side-hover-fg: #b6c2cf;
  --side-active-bg: #1c2b41; --side-active-fg: #579dff; --side-muted: #8c9bab;
  --side-border: rgb(166 197 226 / .16); --side-title: #b6c2cf; --side-parent-fg: #579dff;

  --al-neutral-hover: rgb(166 197 226 / .16); --al-neutral-pressed: rgb(191 219 248 / .28); --al-brand-pressed: #cce0ff;
  --al-sunken-hover: #22272b; --al-discovery: #9f8fef;
  color-scheme: dark;
}
/* sizes: the 56px top navigation, 32px controls, 36px project-sidebar items; compact is one step denser */
[data-theme="atlassian"] { --top-h: 56px; --ctl-h: 32px; --ctl-sm: 32px; --nav-h: 36px; --nav-h-sm: 32px; }
[data-theme="atlassian"][data-density="compact"] { --top-h: 48px; --ctl-h: 28px; --ctl-sm: 28px; --nav-h: 32px; --nav-h-sm: 28px; }
/* motion: ADS durations (small 100, medium 350) on its ease-out curve */
[data-theme="atlassian"][data-motion="subtle"] {
  --dur-1: 100ms; --dur-2: 200ms; --dur-3: 350ms;
  --ease-out: cubic-bezier(.2, 0, 0, 1); --ease-spring: cubic-bezier(.2, 0, 0, 1);
}
[data-theme="atlassian"][data-motion="smooth"] {
  --dur-1: 150ms; --dur-2: 250ms; --dur-3: 450ms;
  --ease-out: cubic-bezier(.2, 0, 0, 1); --ease-spring: cubic-bezier(.15, 1, .3, 1);
}

/* ── top navigation: app switcher, product, centred search, Create ── */
[data-theme="atlassian"] .top { gap: 8px; padding: 0 12px 0 8px; border-bottom-color: var(--border); }
[data-theme="atlassian"] .top .apps-btn { display: inline-flex; }
[data-theme="atlassian"] .brand { gap: 8px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
[data-theme="atlassian"] .tenant { border: 0; background: transparent; box-shadow: none; font-weight: 500; color: var(--fg-2); }
[data-theme="atlassian"] .tenant:hover { background: var(--hover); }
[data-theme="atlassian"] .gsearch { flex: 1 1 360px; max-width: 640px; height: 32px; margin-left: auto; padding: 0 8px; gap: 8px; border: 1px solid var(--input); border-radius: calc(var(--radius) * 1.5); background: var(--paper); color: var(--fg-muted); }
[data-theme="atlassian"] .gsearch:hover { background: var(--al-sunken-hover); border-color: var(--border-strong); }
[data-theme="atlassian"] kbd { border: 0; background: var(--subtle); color: var(--fg-2); font-weight: 600; border-radius: var(--r-md); }
[data-theme="atlassian"] .top .create-btn { display: inline-flex; align-items: center; gap: 4px; flex: none; height: 32px; padding: 0 12px 0 8px; margin-right: auto; border-radius: var(--btn-radius); background: var(--primary); color: var(--primary-fg); font-weight: 500; }
[data-theme="atlassian"] .top .create-btn:hover { background: var(--primary-hover); }
[data-theme="atlassian"] .top .create-btn:active { background: var(--al-brand-pressed); }
[data-theme="atlassian"] .top-right { margin-left: 0; gap: 4px; }
[data-theme="atlassian"] .iconbtn { border-radius: var(--r-md); color: var(--fg-2); }
[data-theme="atlassian"] .iconbtn:hover { background: var(--hover); color: var(--fg); }
[data-theme="atlassian"] .iconbtn:active { background: var(--al-neutral-hover); }
[data-theme="atlassian"] .badge { top: 0; right: -2px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--primary); color: var(--primary-fg); font-size: 11px; font-weight: 600; line-height: 16px; box-shadow: 0 0 0 2px var(--paper); }
[data-theme="atlassian"] .demo-btn { height: 32px; border-radius: var(--r-md); font-weight: 500; font-size: 14px; }
[data-theme="atlassian"] .conn { height: 24px; border-radius: var(--r-md); font-size: 12px; font-weight: 600; }
[data-theme="atlassian"] .me { border-radius: 999px; padding: 0 8px 0 0; }
[data-theme="atlassian"] .crumb .crumb-sep svg { display: none; }
[data-theme="atlassian"] .crumb .crumb-sep::before { content: "/"; padding: 0 2px; color: var(--fg-muted); }

/* ── global sidebar (classic): icons only, the label in a tooltip ── */
[data-theme="atlassian"] .rail { width: 56px; border-right: 1px solid var(--side-border); }
[data-theme="atlassian"] .rail-scroll { gap: 4px; padding: 8px 0; }
[data-theme="atlassian"] .rail-foot { padding: 8px 0; border-top: 0; }
[data-theme="atlassian"] .rail-btn { width: 40px; min-height: 40px; height: 40px; padding: 0; gap: 0; border-radius: var(--r-md); }
[data-theme="atlassian"] .rail-btn > span:not(.count) { display: none; }
[data-theme="atlassian"] .rail-btn .ic { width: 20px; height: 20px; }
[data-theme="atlassian"] .rail-btn .count { top: -2px; right: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; font-size: 11px; font-weight: 600; line-height: 16px; box-shadow: 0 0 0 2px var(--side-bg); }
[data-theme="atlassian"] .rail-sep { width: 24px; background: var(--side-border); }
[data-theme="atlassian"] .rail-cap { display: none; }

/* ── side navigation (sidebar layout): 32px items, the selected one in blue ── */
[data-theme="atlassian"][data-layout="sidebar"] .app { background: var(--side-bg); }
[data-theme="atlassian"][data-layout="sidebar"] .rail { --sb-w: 15rem; width: var(--sb-w); background: var(--side-bg); border-right: 1px solid var(--side-border); }
[data-theme="atlassian"][data-layout="sidebar"][data-sidebar="collapsed"] .rail { --sb-w: 3.5rem; }
[data-theme="atlassian"][data-layout="sidebar"] .main { margin: 0; border-radius: 0; box-shadow: none; }
[data-theme="atlassian"][data-layout="sidebar"][data-mode="dark"] .main { box-shadow: none; }
[data-theme="atlassian"] .sb-head { padding: 12px 8px 4px; }
[data-theme="atlassian"] .sb-team, [data-theme="atlassian"] .sb-user { border-radius: var(--r-md); }
[data-theme="atlassian"] .sb-label { height: 28px; padding: 0 8px; font-size: 12px; font-weight: 600; }
[data-theme="atlassian"] :is(.sb-item, .sb-subitem) { height: var(--nav-h-sm); border-radius: var(--r-md); font-weight: 500; }
[data-theme="atlassian"] .sb-sub { margin-left: 16px; border-left: 0; }
[data-theme="atlassian"] .sb-badge { min-width: 20px; padding: 0 6px; border-radius: 8px; background: var(--subtle); color: var(--fg-2); font-size: 12px; line-height: 16px; text-align: center; }
[data-theme="atlassian"] :is(.sb-item, .sb-subitem).on .sb-badge { background: var(--primary); color: var(--primary-fg); }

/* ── project sidebar, list: blue selection with a 2px edge, as ADS menus ── */
[data-theme="atlassian"] .nav { border-right-color: var(--border); }
[data-theme="atlassian"] .nav-row { height: var(--nav-h); border-radius: var(--r-md); font-weight: 500; color: var(--fg-2); }
[data-theme="atlassian"] .nav-row:hover { color: var(--fg); }
[data-theme="atlassian"] .nav-row.on { box-shadow: inset 2px 0 0 var(--primary-soft-fg); font-weight: 500; }
[data-theme="atlassian"] .nav-row .num { min-width: 20px; padding: 0 6px; border-radius: 8px; background: var(--subtle); color: var(--fg-2); font-weight: 400; text-align: center; line-height: 16px; }
[data-theme="atlassian"] .nav-row .num:empty { display: none; }
[data-theme="atlassian"] .nav-row.on .num { background: var(--primary); color: var(--primary-fg); }
[data-theme="atlassian"] .conv:hover { background: var(--hover); }
[data-theme="atlassian"] .conv.on { background: var(--active); box-shadow: inset 2px 0 0 var(--primary-soft-fg); }
[data-theme="atlassian"] .conv.unread .conv-time { color: var(--primary-soft-fg); }
[data-theme="atlassian"] .unread-count { background: var(--primary); color: var(--primary-fg); font-weight: 600; }
[data-theme="atlassian"] :is(.viewpick, .sortbtn) { border-radius: var(--r-md); }
/* lozenges: uppercase, bold, 11px, the Jira status look */
[data-theme="atlassian"] .pill { height: 16px; padding: 0 4px; gap: 3px; border: 0; border-radius: var(--r-md); font-size: 11px; font-weight: 700; line-height: 16px; text-transform: uppercase; }
[data-theme="atlassian"] .pill .ic { width: 12px; height: 12px; }
[data-theme="atlassian"] :is(.pill.grey, .pill.inbox) { background: var(--subtle); color: var(--fg-2); }
/* filters as default buttons with a chevron; the active one in the selected blue */
[data-theme="atlassian"] .chips { gap: 4px; }
[data-theme="atlassian"] .chip { height: 32px; padding: 0 6px 0 10px; border: 0; background: var(--subtle); font-size: 14px; font-weight: 500; color: var(--fg-2); }
[data-theme="atlassian"] .chip:hover { background: var(--al-neutral-hover); }
[data-theme="atlassian"] .chip:active { background: var(--al-neutral-pressed); }
[data-theme="atlassian"] .chip.on { background: var(--active); color: var(--primary-soft-fg); }
/* Textfield: 1px input border; focus thickens it to 2px in the focus blue */
[data-theme="atlassian"] :is(.lsearch, .nav-search) { height: 32px; border-color: var(--input); background: var(--paper); box-shadow: none; }
[data-theme="atlassian"] :is(.lsearch, .nav-search):hover { background: var(--al-sunken-hover); }
[data-theme="atlassian"] :is(.lsearch, .nav-search, .composer):focus-within { border-color: var(--focus-c); box-shadow: inset 0 0 0 1px var(--focus-c); background: var(--paper); }

/* ── conversation: default buttons, the comment editor, tabs on a grey line ── */
[data-theme="atlassian"] .th-who h1 { font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: -.01em; }
[data-theme="atlassian"] .btn { padding: 0 12px; border: 0; background: var(--subtle); box-shadow: none; font-size: 14px; font-weight: 500; color: var(--fg-2); }
[data-theme="atlassian"] .btn:hover { background: var(--al-neutral-hover); }
[data-theme="atlassian"] .btn:active { background: var(--al-neutral-pressed); }
[data-theme="atlassian"] .btn.primary { background: var(--primary); color: var(--primary-fg); }
[data-theme="atlassian"] .btn.primary:hover { background: var(--primary-hover); }
[data-theme="atlassian"] .btn.primary:active, [data-theme="atlassian"] .sendgrp button:active { background: var(--al-brand-pressed); }
[data-theme="atlassian"] .btn.icon { width: var(--ctl-sm); padding: 0; }
[data-theme="atlassian"] .seg { gap: 4px; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
[data-theme="atlassian"] .seg button { border-radius: var(--r-md); background: var(--subtle); }
[data-theme="atlassian"] .seg button:hover { background: var(--al-neutral-hover); }
[data-theme="atlassian"] .seg button + button { border-left: 0; }
[data-theme="atlassian"] .viewing { border-radius: var(--r-md); }
[data-theme="atlassian"] .summary .ic { color: var(--al-discovery); }
[data-theme="atlassian"] .sugs .lead { color: var(--al-discovery); }
[data-theme="atlassian"] .linkbtn { color: var(--primary-soft-fg); font-weight: 500; }
[data-theme="atlassian"] .linkbtn:hover { background: transparent; text-decoration: underline; }
[data-theme="atlassian"] .linkbtn.red { color: var(--danger); }
[data-theme="atlassian"] .composer { border-color: var(--border-strong); box-shadow: none; }
[data-theme="atlassian"] .composer:hover { border-color: var(--fg-muted); }
[data-theme="atlassian"] .composer.note:focus-within { border-color: var(--note-focus); box-shadow: inset 0 0 0 1px var(--note-focus); }
[data-theme="atlassian"] .tabs { margin: 0 12px; padding: 4px 0 0; gap: 0; box-shadow: inset 0 -2px 0 var(--border); }
[data-theme="atlassian"] .ctx-tabs { gap: 0; padding: 4px 12px 0; border-bottom: 0; box-shadow: inset 0 -2px 0 var(--border); }
[data-theme="atlassian"] :is(.tab, .ctx-tab) { position: relative; padding: 0 8px; border-bottom: 0; font-size: 14px; font-weight: 500; color: var(--fg-2); }
[data-theme="atlassian"] :is(.tab, .ctx-tab):hover { color: var(--fg); }
[data-theme="atlassian"] :is(.tab, .ctx-tab):hover::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 0; height: 2px; border-radius: 1px; background: var(--border-strong); }
[data-theme="atlassian"] :is(.tab, .ctx-tab).on { color: var(--primary-soft-fg); }
[data-theme="atlassian"] :is(.tab, .ctx-tab).on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 0; height: 2px; border-radius: 1px; background: currentColor; }
[data-theme="atlassian"] .composer.note .tab.on { color: var(--note-fg); }
[data-theme="atlassian"] .sendgrp { box-shadow: none; gap: 1px; }
[data-theme="atlassian"] .sendgrp button { height: 32px; font-weight: 500; font-size: 14px; }
[data-theme="atlassian"] .sendgrp button + button { border-left: 0; }
[data-theme="atlassian"] :is(.tool, .sortbtn) { font-weight: 500; }
[data-theme="atlassian"] .sug { border-radius: var(--r-md); height: 28px; font-size: 13px; }

/* ── details panel and pages ── */
[data-theme="atlassian"] .sec-title { color: var(--fg-muted); }
[data-theme="atlassian"] :is(.card, .trow) { box-shadow: none; }
[data-theme="atlassian"] .ghost { border: 0; background: var(--subtle); box-shadow: none; font-weight: 500; color: var(--fg-2); }
[data-theme="atlassian"] .ghost:hover { background: var(--al-neutral-hover); }
[data-theme="atlassian"] .ghost.note { border: 1px dashed var(--note-border); }
[data-theme="atlassian"] .addtag { border-radius: var(--r-md); }
[data-theme="atlassian"] .page h1 { font-size: 24px; line-height: 28px; font-weight: 600; letter-spacing: -.01em; }
[data-theme="atlassian"] :is(.kpi, .pcard) { border: 0; box-shadow: var(--shadow-sm); }
[data-theme="atlassian"] .tbl-wrap { border: 0; }
[data-theme="atlassian"] .tbl th { background: transparent; border-bottom: 2px solid var(--border); font-size: 12px; font-weight: 600; color: var(--fg-muted); }
[data-theme="atlassian"] .tbl tbody tr:hover td { background: var(--hover); }

/* ── dropdowns, the flag, the search dialog, the Giao diện panel ── */
[data-theme="atlassian"] :is(.pop, .macros) { padding: 6px 0; border: 0; box-shadow: var(--shadow-md); }
[data-theme="atlassian"] .pop button { height: 36px; padding: 0 16px; border-radius: 0; font-size: 14px; }
[data-theme="atlassian"] .pop button:hover { background: var(--hover); }
[data-theme="atlassian"] .pop button:focus-visible, [data-theme="atlassian"] .macro.on { background: var(--active); box-shadow: inset 2px 0 0 var(--primary-soft-fg); outline: none; }
[data-theme="atlassian"] .pop .sep { margin: 6px 0; }
[data-theme="atlassian"] .macro { border-radius: 0; padding: 8px 16px; }
[data-theme="atlassian"] .pop { animation: al-drop var(--dur-2) var(--ease-out); }
[data-theme="atlassian"] .toast { left: 24px; bottom: 24px; translate: none; min-width: 360px; max-width: min(400px, calc(100vw - 32px)); padding: 16px; gap: 16px; border: 0; border-radius: var(--card-radius); font-size: 14px; font-weight: 600; box-shadow: var(--shadow-md); animation: al-flag var(--dur-3) var(--ease-spring); }
[data-theme="atlassian"] .toast > span { flex: 1; }
[data-theme="atlassian"] .toast::before { content: ""; width: 24px; height: 24px; flex: none; border-radius: 999px; background: radial-gradient(circle at 50% 30%, var(--toast-bg) 0 1.5px, transparent 1.8px), linear-gradient(var(--toast-bg), var(--toast-bg)) 50% 70% / 2.2px 8px no-repeat, var(--primary-soft-fg); }
[data-theme="atlassian"] .toast button { color: var(--toast-action); font-weight: 500; }
[data-theme="atlassian"] .palette { border: 0; box-shadow: var(--shadow-lg); animation: al-dialog var(--dur-3) var(--ease-spring); }
[data-theme="atlassian"] .palette .it { height: 40px; border-radius: 0; }
[data-theme="atlassian"] .palette .res { padding: 6px 0; }
[data-theme="atlassian"] .palette .it.on { background: var(--active); box-shadow: inset 2px 0 0 var(--primary-soft-fg); }
[data-theme="atlassian"] .look { border: 0; box-shadow: var(--shadow-lg); }
[data-theme="atlassian"] .look-seg { gap: 4px; padding: 0; background: transparent; }
[data-theme="atlassian"] .look-seg button { border-radius: var(--r-md); background: var(--subtle); color: var(--fg-2); font-weight: 500; }
[data-theme="atlassian"] .look-seg button:hover { background: var(--al-neutral-hover); }
[data-theme="atlassian"] .look-seg button.on { background: var(--active); color: var(--primary-soft-fg); box-shadow: none; font-weight: 500; }
[data-theme="atlassian"] .look-card.on { border-color: var(--primary-soft-fg); box-shadow: 0 0 0 1px var(--primary-soft-fg); }
@keyframes al-drop { from { opacity: 0; transform: translateY(-4px); } }
@keyframes al-flag { from { opacity: 0; transform: translateX(-110%); } }
@keyframes al-dialog { from { opacity: 0; transform: translateY(16px); } }

@media (max-width:767px) {
  [data-theme="atlassian"] .rail { width: auto; border-right: 0; }
  [data-theme="atlassian"] .rail-btn { width: auto; height: auto; min-height: 52px; gap: 3px; }
  [data-theme="atlassian"] .rail-btn > span:not(.count) { display: inline; }
  [data-theme="atlassian"] .rail-btn .count { top: 4px; right: 8px; }
  [data-theme="atlassian"] .top .create-btn { display: none; }
  [data-theme="atlassian"] .top .apps-btn { display: none; }
  [data-theme="atlassian"] .toast { left: 8px; right: 8px; bottom: 74px; min-width: 0; }
}