/* Shared shortcuts panel, matching the approved design on every work view. */
#seafix-demo .sf-work-sidebar {
  --sf-personal-unit:min(1px,calc(100cqw / 668));
  --sf-personal-canvas:light-dark(#f5f5f7,#202329);
  --sf-personal-panel:light-dark(#ffffff,#2a2e35);
  --sf-personal-ink:light-dark(#22252a,#eef0f4);
  --sf-personal-muted:light-dark(#626873,#b5bdc9);
  --sf-personal-line:light-dark(#dce0e6,#414852);
  --sf-personal-soft:light-dark(#e9ebee,#333a44);
  --sf-personal-shadow:light-dark(#2630440d,#00000020);
  --sf-personal-shadow-hover:light-dark(#26304420,#00000040);
  --sf-personal-primary:light-dark(#22262b,#e8edf3);
  --sf-personal-primary-end:light-dark(#3c4249,#d1d9e1);
  --sf-personal-primary-ink:light-dark(#ffffff,#25313f);
  --sf-personal-primary-muted:light-dark(#d1d7df,#4b6075);
  --sf-personal-primary-soft:light-dark(#ffffff15,#25313f13);
  --sf-personal-report-inverse:light-dark(#ffffff,#252a30);
  --sf-personal-report-inverse-end:light-dark(#f3f4f6,#3c454f);
  --sf-personal-report-inverse-ink:light-dark(#31363e,#ffffff);
  --sf-personal-report-inverse-line:light-dark(#dce0e6,#454d57);
  --sf-personal-report-inverse-soft:light-dark(#22262b0b,#ffffff15);
  --sf-personal-selected:light-dark(#22262b,#252a30);
  --sf-personal-selected-end:light-dark(#3c4249,#3c454f);
  --sf-personal-selected-ink:light-dark(#ffffff,#ffffff);
  --sf-personal-selected-soft:light-dark(#ffffff15,#ffffff15);
  --sf-personal-assigned:light-dark(#e5ebe7,#303b34);
  --sf-personal-assigned-end:light-dark(#f0f3f0,#39473e);
  --sf-personal-assigned-line:light-dark(#d1dcd5,#4a5e50);
  --sf-personal-assigned-ink:light-dark(#2d4637,#dfede3);
  --sf-personal-assigned-muted:light-dark(#56695d,#bacbc1);
  --sf-personal-assigned-soft:light-dark(#2d46370a,#dfede311);
  --sf-personal-calendar:light-dark(#dedede,#303030);
  --sf-personal-calendar-end:light-dark(#ededed,#404040);
  --sf-personal-calendar-line:light-dark(#cecece,#545454);
  --sf-personal-calendar-ink:light-dark(#333333,#f1f1f1);
  --sf-personal-calendar-muted:light-dark(#626262,#c5c5c5);
  --sf-personal-surface:var(--sf-personal-panel);
  --sf-personal-photo-ink:light-dark(#ffffff,#ffffff);
  --sf-personal-photo-shadow:light-dark(#00000080,#00000080);
  width:100%; padding:0; box-sizing:border-box;
}
#seafix-demo .sf-work-sidebar .sf-personal-panel { background:var(--sf-personal-canvas); color:var(--sf-personal-ink); padding:0; width:100%; max-width:calc(668 * var(--sf-personal-unit)); margin:0 auto; border-radius:calc(24 * var(--sf-personal-unit)); font-family:Inter,"Segoe UI",Arial,sans-serif; }
#seafix-demo .sf-work-sidebar .sf-personal-panel * { box-sizing:border-box; }
#seafix-demo .sf-work-sidebar .sf-personal-button { margin:0; min-width:0; font:inherit; cursor:pointer; color:inherit; text-align:left; border:0; background:transparent; appearance:none; transition:box-shadow .16s ease; }
#seafix-demo .sf-work-sidebar .sf-personal-actions { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:calc(12 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar :is(.sf-personal-report,.sf-personal-assigned) { position:relative; min-height:calc(180 * var(--sf-personal-unit)); border-radius:calc(20 * var(--sf-personal-unit)); padding:calc(22 * var(--sf-personal-unit)); display:flex; flex-direction:column; justify-content:space-between; gap:calc(22 * var(--sf-personal-unit)); box-shadow:0 calc(4 * var(--sf-personal-unit)) calc(12 * var(--sf-personal-unit)) var(--sf-personal-shadow); }
#seafix-demo .sf-work-sidebar .sf-personal-report { background:linear-gradient(135deg,var(--sf-personal-primary),var(--sf-personal-primary-end)); color:var(--sf-personal-primary-ink); border:calc(1 * var(--sf-personal-unit)) solid var(--sf-personal-primary); }
#seafix-demo .sf-work-sidebar[data-assigned-active="true"] .sf-personal-report { --sf-personal-primary-ink:var(--sf-personal-report-inverse-ink); --sf-personal-primary-muted:var(--sf-personal-report-inverse-ink); --sf-personal-primary-soft:var(--sf-personal-report-inverse-soft); background:linear-gradient(135deg,var(--sf-personal-report-inverse),var(--sf-personal-report-inverse-end)); color:var(--sf-personal-report-inverse-ink); border-color:var(--sf-personal-report-inverse-line); }
#seafix-demo .sf-work-sidebar .sf-personal-main-icon { display:grid; align-items:center; justify-items:start; width:calc(30 * var(--sf-personal-unit)); height:calc(30 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-main-icon svg { --icon-size:calc(27 * var(--sf-personal-unit)); width:calc(27 * var(--sf-personal-unit)); height:calc(27 * var(--sf-personal-unit)); stroke-width:1.5; }
#seafix-demo .sf-work-sidebar .sf-personal-report-art { position:absolute; right:calc(22 * var(--sf-personal-unit)); top:calc(20 * var(--sf-personal-unit)); color:var(--sf-personal-primary-ink); opacity:.055; transform:rotate(-8deg); pointer-events:none; }
#seafix-demo .sf-work-sidebar .sf-personal-report-art svg { --icon-size:calc(94 * var(--sf-personal-unit)); width:calc(94 * var(--sf-personal-unit)); height:calc(94 * var(--sf-personal-unit)); stroke-width:1; }
#seafix-demo .sf-work-sidebar .sf-personal-report-bottom { display:flex; justify-content:space-between; gap:calc(12 * var(--sf-personal-unit)); align-items:flex-end; position:relative; }
#seafix-demo .sf-work-sidebar .sf-personal-copy { display:grid; gap:calc(5 * var(--sf-personal-unit)); min-width:0; }
#seafix-demo .sf-work-sidebar .sf-personal-copy strong { font-weight:500; font-size:calc(17 * var(--sf-personal-unit)); line-height:1.3; letter-spacing:calc(-.2 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-copy small { color:var(--sf-personal-muted); font-size:calc(12 * var(--sf-personal-unit)); line-height:1.45; overflow-wrap:anywhere; }
#seafix-demo .sf-work-sidebar .sf-personal-report .sf-personal-copy strong { font-size:calc(25 * var(--sf-personal-unit)); letter-spacing:calc(-.65 * var(--sf-personal-unit)); color:var(--sf-personal-primary-muted); }
#seafix-demo .sf-work-sidebar .sf-personal-report .sf-personal-copy small { color:var(--sf-personal-primary-muted); }
#seafix-demo .sf-work-sidebar .sf-personal-arrow { display:grid; place-items:center; width:calc(33 * var(--sf-personal-unit)); height:calc(33 * var(--sf-personal-unit)); border-radius:50%; flex:none; background:var(--sf-personal-primary-soft); }
#seafix-demo .sf-work-sidebar .sf-personal-arrow svg { --icon-size:calc(17 * var(--sf-personal-unit)); width:calc(17 * var(--sf-personal-unit)); height:calc(17 * var(--sf-personal-unit)); stroke-width:1.6; }
#seafix-demo .sf-work-sidebar .sf-personal-assigned { background:linear-gradient(120deg,var(--sf-personal-assigned),var(--sf-personal-assigned-end)); color:var(--sf-personal-assigned-ink); border:calc(1 * var(--sf-personal-unit)) solid var(--sf-personal-assigned-line); }
#seafix-demo .sf-work-sidebar .sf-personal-assigned-top { display:flex; align-items:flex-start; justify-content:space-between; gap:calc(10 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-assigned-top strong { font-weight:500; font-size:calc(16 * var(--sf-personal-unit)); line-height:1.3; letter-spacing:calc(-.2 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-assigned-top svg { transform:translateX(calc(-8.5 * var(--sf-personal-unit))); --icon-size:calc(21 * var(--sf-personal-unit)); width:calc(21 * var(--sf-personal-unit)); height:calc(21 * var(--sf-personal-unit)); flex:none; stroke-width:1.6; opacity:.7; }
#seafix-demo .sf-work-sidebar .sf-personal-assigned-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:calc(8 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-assigned-copy { display:grid; gap:calc(4 * var(--sf-personal-unit)); min-width:0; }
#seafix-demo .sf-work-sidebar .sf-personal-count { font-size:calc(46 * var(--sf-personal-unit)); line-height:1; font-weight:500; letter-spacing:calc(-2 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-assigned-copy small { font-size:calc(12 * var(--sf-personal-unit)); line-height:1.45; color:var(--sf-personal-assigned-muted); }
#seafix-demo .sf-work-sidebar .sf-personal-assigned .sf-personal-arrow { background:var(--sf-personal-assigned-soft); }
#seafix-demo .sf-work-sidebar .sf-personal-utilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:calc(12 * var(--sf-personal-unit)); margin-top:calc(16 * var(--sf-personal-unit)); padding:calc(6 * var(--sf-personal-unit)) calc(12 * var(--sf-personal-unit)); border:calc(1 * var(--sf-personal-unit)) solid var(--sf-personal-line); border-radius:calc(18 * var(--sf-personal-unit)); background:var(--sf-personal-panel); }
#seafix-demo .sf-work-sidebar .sf-personal-utility { position:relative; display:flex; align-items:center; gap:calc(10 * var(--sf-personal-unit)); min-height:calc(70 * var(--sf-personal-unit)); padding:calc(12 * var(--sf-personal-unit)) calc(6 * var(--sf-personal-unit)); border:0; border-radius:0; background:transparent; }
#seafix-demo .sf-work-sidebar .sf-personal-utility::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:calc(2 * var(--sf-personal-unit)); height:calc(24 * var(--sf-personal-unit)); border-radius:calc(2 * var(--sf-personal-unit)); background:var(--sf-personal-assigned-ink); opacity:0; pointer-events:none; }
#seafix-demo .sf-work-sidebar .sf-personal-utility:nth-child(-n+3) { border-bottom:calc(1 * var(--sf-personal-unit)) solid var(--sf-personal-line); }
#seafix-demo .sf-work-sidebar .sf-personal-utility .sf-personal-copy { gap:calc(2 * var(--sf-personal-unit)); flex:1; }
#seafix-demo .sf-work-sidebar .sf-personal-utility .sf-personal-copy strong { font-size:calc(13 * var(--sf-personal-unit)); line-height:1.3; font-weight:500; letter-spacing:calc(-.15 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-utility .sf-personal-copy small { font-size:calc(11 * var(--sf-personal-unit)); line-height:1.4; }
#seafix-demo .sf-work-sidebar .sf-personal-utility-icon { display:grid; place-items:center; width:calc(22 * var(--sf-personal-unit)); background:transparent; flex:none; }
#seafix-demo .sf-work-sidebar .sf-personal-utility-icon svg { --icon-size:calc(22 * var(--sf-personal-unit)); width:calc(22 * var(--sf-personal-unit)); height:calc(22 * var(--sf-personal-unit)); stroke-width:1.6; }

#seafix-demo .sf-work-sidebar .sf-personal-photo { position:relative; width:100%; aspect-ratio:3.3; margin:calc(16 * var(--sf-personal-unit)) 0 0; overflow:hidden; border-radius:calc(18 * var(--sf-personal-unit)); background:var(--sf-personal-surface); }
#seafix-demo .sf-work-sidebar .sf-personal-photo img { position:absolute; left:-1.5%; top:-6%; width:103%; max-width:none; height:114%; object-fit:cover; object-position:center; display:block; }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy { position:absolute; left:calc(24 * var(--sf-personal-unit)); bottom:calc(17 * var(--sf-personal-unit)); display:grid; gap:calc(2 * var(--sf-personal-unit)); color:var(--sf-personal-photo-ink); text-shadow:0 calc(2 * var(--sf-personal-unit)) calc(8 * var(--sf-personal-unit)) var(--sf-personal-photo-shadow); }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy strong { font-size:calc(25 * var(--sf-personal-unit)); font-weight:650; line-height:1.1; letter-spacing:calc(-.65 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy span { font-size:calc(20 * var(--sf-personal-unit)); line-height:1.2; }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy :is(strong,span) { color:var(--sf-personal-photo-ink); }

#seafix-demo .sf-work-sidebar .sf-personal-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(12 * var(--sf-personal-unit)); margin-top:calc(16 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-module { position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:calc(32 * var(--sf-personal-unit)); min-height:calc(136 * var(--sf-personal-unit)); border:calc(1 * var(--sf-personal-unit)) solid var(--sf-personal-line); border-radius:calc(18 * var(--sf-personal-unit)); padding:calc(17 * var(--sf-personal-unit)) calc(16 * var(--sf-personal-unit)); background:var(--sf-personal-panel); box-shadow:0 calc(2 * var(--sf-personal-unit)) calc(4 * var(--sf-personal-unit)) var(--sf-personal-shadow); }
#seafix-demo .sf-work-sidebar .sf-personal-module-top { display:flex; align-items:center; justify-content:space-between; gap:calc(10 * var(--sf-personal-unit)); position:relative; z-index:1; }
#seafix-demo .sf-work-sidebar .sf-personal-module-top>svg:first-child { --icon-size:calc(22 * var(--sf-personal-unit)); width:calc(22 * var(--sf-personal-unit)); height:calc(22 * var(--sf-personal-unit)); stroke-width:1.6; }
#seafix-demo .sf-work-sidebar .sf-personal-module-top>svg:last-child { --icon-size:calc(15 * var(--sf-personal-unit)); width:calc(15 * var(--sf-personal-unit)); height:calc(15 * var(--sf-personal-unit)); color:var(--sf-personal-muted); }
#seafix-demo .sf-work-sidebar .sf-personal-module .sf-personal-copy { position:relative; z-index:1; }
#seafix-demo .sf-work-sidebar .sf-personal-module .sf-personal-copy strong { font-size:calc(17 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-module .sf-personal-copy small { font-size:calc(11 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-module-art { position:absolute; right:calc(8 * var(--sf-personal-unit)); top:calc(31 * var(--sf-personal-unit)); opacity:.045; pointer-events:none; transform:rotate(-8deg); }
#seafix-demo .sf-work-sidebar .sf-personal-module-art svg { --icon-size:calc(72 * var(--sf-personal-unit)); width:calc(72 * var(--sf-personal-unit)); height:calc(72 * var(--sf-personal-unit)); stroke-width:1.2; }
#seafix-demo .sf-work-sidebar .sf-personal-calendar { background:linear-gradient(120deg,var(--sf-personal-calendar),var(--sf-personal-calendar-end)); color:var(--sf-personal-calendar-ink); border-color:var(--sf-personal-calendar-line); }
#seafix-demo .sf-work-sidebar .sf-personal-calendar :is(small,.sf-personal-module-top>svg:last-child) { color:var(--sf-personal-calendar-muted); }
#seafix-demo .sf-work-sidebar .sf-personal-footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:calc(22 * var(--sf-personal-unit)); border-top:calc(1 * var(--sf-personal-unit)) solid var(--sf-personal-line); margin-top:calc(18 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button { display:flex; align-items:center; gap:calc(12 * var(--sf-personal-unit)); min-height:calc(66 * var(--sf-personal-unit)); padding:calc(12 * var(--sf-personal-unit)) calc(17 * var(--sf-personal-unit)) 0; }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button>svg:first-child { --icon-size:calc(22 * var(--sf-personal-unit)); width:calc(22 * var(--sf-personal-unit)); height:calc(22 * var(--sf-personal-unit)); flex:none; stroke-width:1.6; }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button .sf-personal-copy { flex:1; }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button .sf-personal-copy strong { font-size:calc(13 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button .sf-personal-copy small { font-size:calc(11 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button>svg:last-child { --icon-size:calc(14 * var(--sf-personal-unit)); width:calc(14 * var(--sf-personal-unit)); height:calc(14 * var(--sf-personal-unit)); color:var(--sf-personal-muted); flex:none; }
#seafix-demo .sf-work-sidebar .sf-personal-button[aria-pressed="true"]:not(.sf-personal-utility) { --sf-personal-primary-ink:var(--sf-personal-selected-ink); --sf-personal-primary-muted:var(--sf-personal-selected-ink); background:linear-gradient(135deg,var(--sf-personal-selected),var(--sf-personal-selected-end)); color:var(--sf-personal-selected-ink); border-color:var(--sf-personal-selected); border-radius:calc(18 * var(--sf-personal-unit)); box-shadow:0 calc(4 * var(--sf-personal-unit)) calc(12 * var(--sf-personal-unit)) var(--sf-personal-shadow-hover); }
#seafix-demo .sf-work-sidebar .sf-personal-button[aria-pressed="true"]:not(.sf-personal-utility) :is(strong,small,.sf-personal-count,.sf-personal-module-top>svg:last-child,.sf-personal-footer-button>svg:last-child) { color:var(--sf-personal-selected-ink); }
#seafix-demo .sf-work-sidebar .sf-personal-button[aria-pressed="true"]:not(.sf-personal-utility) .sf-personal-arrow { background:var(--sf-personal-selected-soft); }
#seafix-demo .sf-work-sidebar .sf-personal-utility[aria-pressed="true"] { color:var(--sf-personal-assigned-ink); }
#seafix-demo .sf-work-sidebar .sf-personal-utility[aria-pressed="true"]::before { opacity:1; }
#seafix-demo .sf-work-sidebar .sf-personal-utility[aria-pressed="true"] .sf-personal-copy strong { color:var(--sf-personal-assigned-ink); font-weight:600; }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button[aria-pressed="true"] { border-radius:calc(12 * var(--sf-personal-unit)); }
@media(hover:hover) {
  #seafix-demo .sf-work-sidebar :is(.sf-personal-report,.sf-personal-assigned,.sf-personal-module):hover { box-shadow:0 calc(7 * var(--sf-personal-unit)) calc(15 * var(--sf-personal-unit)) var(--sf-personal-shadow-hover); }
  #seafix-demo .sf-work-sidebar .sf-personal-footer-button:hover { color:var(--sf-personal-ink); }
  #seafix-demo .sf-work-sidebar .sf-personal-footer-button[aria-pressed="true"]:hover { color:var(--sf-personal-selected-ink); }
}




@media(prefers-reduced-motion:reduce) { #seafix-demo .sf-work-sidebar .sf-personal-button { transition:none; } }

#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-login-slides { position:absolute; inset:0; aspect-ratio:auto; border-radius:inherit; border:0; padding:0; background:transparent; box-shadow:none; overflow:hidden; }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-login-slide { position:absolute; inset:0; margin:0; width:100%; height:100%; }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-login-slide img { inset:auto; left:var(--sf-banner-left,-1.5%); top:var(--sf-banner-top,-6%); width:var(--sf-banner-width,103%); height:var(--sf-banner-height,114%); object-fit:cover; object-position:center; }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy { top:auto; right:auto; width:auto; max-width:55%; text-align:left; pointer-events:none; z-index:2; }
#seafix-demo .sf-work-sidebar .sf-personal-photo:is([data-banner="assigned"],[data-banner="reports"]) .sf-work-banner-copy { left:auto; right:calc(24 * var(--sf-personal-unit)); max-width:48%; text-align:right; }
#seafix-demo .sf-work-sidebar .sf-personal-photo[data-banner="statistics"] .sf-work-banner-copy { left:8.5%; top:35%; bottom:auto; max-width:49%; }
#seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy span { font-weight:400; }
#seafix-demo .sf-work-sidebar .sf-personal-module-icon { position:relative; display:grid; place-items:center; width:calc(22 * var(--sf-personal-unit)); height:calc(22 * var(--sf-personal-unit)); }
#seafix-demo .sf-work-sidebar .sf-personal-module-icon>svg { --icon-size:calc(22 * var(--sf-personal-unit)); width:calc(22 * var(--sf-personal-unit)); height:calc(22 * var(--sf-personal-unit)); stroke-width:1.6; }
#seafix-demo .sf-work-sidebar .sf-personal-module-icon>.sf-chat-icon-badge { position:absolute; top:calc(-5 * var(--sf-personal-unit)); right:calc(-6 * var(--sf-personal-unit)); min-width:calc(17 * var(--sf-personal-unit)); height:calc(17 * var(--sf-personal-unit)); padding:0 calc(4 * var(--sf-personal-unit)); background:#cc2942; color:#fff; box-shadow:0 0 0 calc(2 * var(--sf-personal-unit)) var(--sf-personal-panel); font-size:calc(10 * var(--sf-personal-unit)); line-height:1; }
#seafix-demo .sf-work-sidebar .sf-personal-button:disabled { cursor:not-allowed; opacity:.55; transform:none; }
#seafix-demo .sf-work-sidebar .sf-personal-button:focus-visible { outline:calc(2 * var(--sf-personal-unit)) solid var(--sf-personal-assigned-ink); outline-offset:calc(3 * var(--sf-personal-unit)); }



/* The approved in-conversation rendering used a uniform 16px Lucide size,
   including its faint decorative marks. Keep that appearance explicit here. */
#seafix-demo .sf-work-sidebar .sf-personal-panel svg.lucide {
  width:calc(16 * var(--sf-personal-unit)) !important;
  height:calc(16 * var(--sf-personal-unit)) !important;
}
#seafix-demo .sf-work-sidebar .sf-personal-module { border-width:1px; }
#seafix-demo .sf-work-sidebar .sf-personal-footer-button { padding-inline:calc(16 * var(--sf-personal-unit) + 1px); }

@container (max-width: 460px) {
  #seafix-demo .sf-work-sidebar .sf-personal-panel { --sf-personal-unit:1px; }
}
@container (max-width: 460px) {
  #seafix-demo .sf-work-sidebar .sf-personal-utilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #seafix-demo .sf-work-sidebar .sf-personal-utility { min-height:64px; }
  #seafix-demo .sf-work-sidebar .sf-personal-utility:nth-child(-n+4) { border-bottom:1px solid var(--sf-personal-line); }
}
@container (max-width: 460px) {
  #seafix-demo .sf-work-sidebar .sf-personal-panel { padding:18px; border-radius:20px; }
  #seafix-demo .sf-work-sidebar .sf-personal-heading h2 { font-size:23px; }
  #seafix-demo .sf-work-sidebar .sf-personal-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #seafix-demo .sf-work-sidebar :is(.sf-personal-report,.sf-personal-assigned) { min-height:174px; padding:16px; border-radius:17px; }
  #seafix-demo .sf-work-sidebar .sf-personal-report-bottom { align-items:flex-end; gap:6px; }
  #seafix-demo .sf-work-sidebar .sf-personal-report .sf-personal-copy strong { font-size:21px; }
  #seafix-demo .sf-work-sidebar .sf-personal-report .sf-personal-copy small { font-size:11px; }
  #seafix-demo .sf-work-sidebar .sf-personal-arrow { width:27px; height:27px; }
  #seafix-demo .sf-work-sidebar .sf-personal-arrow svg { --icon-size:14px; width:14px; height:14px; }
  #seafix-demo .sf-work-sidebar .sf-personal-report-art { right:12px; top:19px; }
  #seafix-demo .sf-work-sidebar .sf-personal-report-art svg { --icon-size:62px; width:62px; height:62px; }
  #seafix-demo .sf-work-sidebar .sf-personal-assigned-top strong { font-size:14px; }
  #seafix-demo .sf-work-sidebar .sf-personal-assigned-top svg { transform:translateX(calc((16 * var(--sf-personal-unit) - 27px) / 2)); --icon-size:18px; width:18px; height:18px; }
  #seafix-demo .sf-work-sidebar .sf-personal-assigned-copy small { font-size:11px; }
  #seafix-demo .sf-work-sidebar .sf-personal-count { font-size:40px; }
  #seafix-demo .sf-work-sidebar .sf-personal-utilities { column-gap:12px; padding:4px 10px; border-radius:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo { aspect-ratio:2.8; border-radius:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy { left:16px; bottom:14px; max-width:55%; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy strong { font-size:20px; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy span { font-size:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-modules { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #seafix-demo .sf-work-sidebar .sf-personal-module { min-height:132px; padding:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-module .sf-personal-copy strong { font-size:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-calendar { grid-column:1/-1; min-height:110px; }
  #seafix-demo .sf-work-sidebar .sf-personal-footer { column-gap:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-footer-button { gap:8px; align-items:flex-start; padding-top:16px; }
  #seafix-demo .sf-work-sidebar .sf-personal-footer-button .sf-personal-copy strong { font-size:12px; }
  #seafix-demo .sf-work-sidebar .sf-personal-footer-button>svg:last-child { display:none; }
}
@container (max-width: 360px) {
  #seafix-demo .sf-work-sidebar .sf-personal-utilities { grid-template-columns:minmax(0,1fr); padding:4px 10px; }
  #seafix-demo .sf-work-sidebar .sf-personal-utility { min-height:56px; padding:10px 6px; gap:12px; }
  #seafix-demo .sf-work-sidebar .sf-personal-utility:nth-child(-n+5) { border-bottom:1px solid var(--sf-personal-line); }
}
@container (max-width: 360px) {
  #seafix-demo .sf-work-sidebar .sf-personal-panel { padding:14px; }
  #seafix-demo .sf-work-sidebar :is(.sf-personal-report,.sf-personal-assigned) { padding:14px; }
  #seafix-demo .sf-work-sidebar .sf-personal-report-bottom { flex-wrap:wrap; }
  #seafix-demo .sf-work-sidebar .sf-personal-report-bottom .sf-personal-arrow { display:none; }
  #seafix-demo .sf-work-sidebar .sf-personal-report .sf-personal-copy strong { font-size:20px; }
  #seafix-demo .sf-work-sidebar .sf-personal-assigned-top svg { display:none; }
  #seafix-demo .sf-work-sidebar .sf-personal-assigned-bottom .sf-personal-arrow { display:none; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo { aspect-ratio:2.4; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy { left:13px; bottom:12px; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy strong { font-size:17px; }
  #seafix-demo .sf-work-sidebar .sf-personal-photo .sf-work-banner-copy span { font-size:13px; }
}
@container (max-width: 460px) {
  #seafix-demo .sf-work-sidebar .sf-personal-photo:is([data-banner="assigned"],[data-banner="reports"]) .sf-work-banner-copy { right:16px; }
}
@container (max-width: 360px) {
  #seafix-demo .sf-work-sidebar .sf-personal-photo:is([data-banner="assigned"],[data-banner="reports"]) .sf-work-banner-copy { right:13px; }
}

/* Scale the shared composition to 103% and align its first cards with the list. */
@media (min-width:1000px) {
  #seafix-demo .sf-work-sidebar { --sf-personal-unit:min(1.03px,calc(100cqw / 668)); }
  #seafix-demo .sf-work-sidebar .sf-personal-panel { padding-top:0; }
  #seafix-demo .sf-work-sidebar :is(.sf-personal-report,.sf-personal-assigned) { min-height:calc(162 * var(--sf-personal-unit)); gap:calc(14 * var(--sf-personal-unit)); }
}

/* Tablet shortcuts use the desktop type size instead of shrinking with the column.
   Cards may grow vertically when labels wrap; the column keeps its own scrollbar. */
@media screen and (min-width:1000px) and (any-pointer:coarse) {
  #seafix-demo.sf-split-view .sf-work-sidebar .sf-personal-panel {
    --sf-personal-unit:1.03px;
    max-width:none;
  }
}