/* Symbol settings: neutral codes and a shared glass drawer; rule behavior stays unchanged. */
@media screen{
 body.workspace-ui #attendanceSymbolsDialog.symbol-drawer{
  border-left:1px solid var(--floating-border);
  background:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:-12px 0 40px color-mix(in srgb,var(--apple-black) 12%,transparent),inset 1px 0 0 var(--floating-sheen);
  color:var(--text);font-family:var(--font);
 }
 body.workspace-ui #attendanceSymbolsDialog::backdrop{background:var(--floating-scrim);backdrop-filter:blur(var(--floating-backdrop-blur));-webkit-backdrop-filter:blur(var(--floating-backdrop-blur))}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-head{position:absolute;inset:0 0 auto;z-index:1;box-sizing:border-box;height:84px;gap:12px;padding:20px;border-color:var(--floating-border);background:linear-gradient(120deg,var(--floating-sheen),transparent 70%),color-mix(in srgb,var(--apple-surface) 42%,transparent);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 var(--floating-sheen)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-head h2{font-size:var(--ui-body);font-weight:600;line-height:1.45;letter-spacing:-.015em}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-body{padding:104px 20px 20px;background:color-mix(in srgb,var(--apple-surface) 65%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
 body.workspace-ui #attendanceSymbolsDialog button{font-family:var(--font);font-size:var(--ui-small);font-weight:500}
 body.workspace-ui #attendanceSymbolsDialog .symbol-icon-button{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--apple-surface) 40%,transparent);color:var(--text-2)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-list-intro p,
 body.workspace-ui #attendanceSymbolsDialog .symbol-edit-title p,
 body.workspace-ui #attendanceSymbolsDialog .symbol-field-hint{font-size:var(--ui-small);line-height:1.5;color:var(--text-2)}
 body.workspace-ui #attendanceSymbolsDialog h3{font-size:var(--ui-small);font-weight:600}
 body.workspace-ui #attendanceSymbolsDialog .symbol-list-actions button{min-height:44px;padding:10px 14px;border-radius:var(--radius-pill)}
 body.workspace-ui #attendanceSymbolsDialog .settings-symbol-list>li:not(.is-dragging){border-color:var(--line);background:color-mix(in srgb,var(--apple-surface) 35%,transparent);box-shadow:none}
 body.workspace-ui #attendanceSymbolsDialog .settings-symbol-list>li:not(.is-dragging):hover{border-color:var(--line);background:color-mix(in srgb,var(--apple-surface) 65%,transparent)}
 body.workspace-ui #attendanceSymbolsDialog .settings-symbol-code,
 body.workspace-ui #attendanceSymbolsDialog .symbol-live-preview{border-color:var(--line);background:var(--bg-alt);color:var(--text);font-weight:600}
 body.workspace-ui #attendanceSymbolsDialog .symbol-card-info strong{font-size:var(--ui-small);font-weight:500}
 body.workspace-ui #attendanceSymbolsDialog .symbol-card-info small{font-size:var(--ui-caption);line-height:1.5}
 body.workspace-ui #attendanceSymbolsDialog .symbol-edit-title h3{font-size:var(--ui-body)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-fields{align-items:end}
 body.workspace-ui #attendanceSymbolsDialog label,
 body.workspace-ui #attendanceSymbolsDialog legend{font-size:var(--ui-small);font-weight:500}
 body.workspace-ui #attendanceSymbolsDialog input:not([type=checkbox]),
 body.workspace-ui #attendanceSymbolsDialog select{min-height:44px;height:44px;padding:10px;border-color:var(--line);border-radius:var(--radius-input);background:color-mix(in srgb,var(--apple-surface) 50%,transparent);font-family:var(--font);font-size:var(--ui-small)}
 body.workspace-ui #attendanceSymbolsDialog input[readonly]{background:color-mix(in srgb,var(--bg-alt) 55%,transparent);color:var(--text-2)}
 body.workspace-ui #attendanceSymbolsDialog fieldset{border-color:var(--line)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-columns-picker{border-color:var(--line);border-radius:var(--radius-input);background:color-mix(in srgb,var(--apple-surface) 40%,transparent)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-columns-picker summary{min-height:44px;padding:10px;font-size:var(--ui-small)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-column-options label{min-height:40px;font-size:var(--ui-small)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-weekdays label{min-height:40px;border-color:var(--line);border-radius:var(--radius-input);background:color-mix(in srgb,var(--apple-surface) 35%,transparent);font-size:var(--ui-caption)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-weekdays label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--info-bg);color:var(--accent);font-weight:500}
 body.workspace-ui #attendanceSymbolsDialog .symbol-rule-label{font-size:var(--ui-small)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-rule-label button{font-size:var(--ui-caption);min-height:32px}
 body.workspace-ui #attendanceSymbolsDialog .symbol-back{min-height:40px;margin-bottom:12px;color:var(--accent)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-foot{padding:14px 20px max(14px,env(safe-area-inset-bottom));border-color:var(--line);background:color-mix(in srgb,var(--apple-surface) 65%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-foot>span{font-size:var(--ui-caption);line-height:1.5}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-foot button{min-height:44px;padding:10px 16px;border-radius:var(--radius-pill)}
 body.workspace-ui #attendanceSymbolsDialog #settingsSymbolError{font-size:var(--ui-small)}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.workspace-ui #attendanceSymbolsDialog.symbol-drawer{background:var(--surface)}}
}
@media screen and (max-width:480px){
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-head{padding:16px}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-body{padding:100px 16px 16px}
 body.workspace-ui #attendanceSymbolsDialog .symbol-drawer-foot{padding-inline:16px}
 body.workspace-ui #attendanceSymbolsDialog .symbol-fields{grid-template-columns:72px minmax(0,1fr) 60px;gap:8px}
}

/* A lifted glass sheet catches light at its rim while the user drags it. */
@media screen{
 body.workspace-ui .symbol-sort-ghost,
 body.workspace-ui #attendanceSymbolsDialog .symbol-sort-ghost{
  isolation:isolate;overflow:hidden;opacity:1;
  border:1px solid var(--floating-border);border-radius:var(--radius-input);
  background:linear-gradient(120deg,color-mix(in srgb,var(--apple-white) 22%,transparent),transparent 48%,color-mix(in srgb,var(--apple-white) 5%,transparent)),color-mix(in srgb,var(--apple-surface) 50%,transparent);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:var(--floating-shadow),0 4px 10px color-mix(in srgb,var(--apple-black) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--apple-white) 65%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--apple-black) 8%,transparent);
  transform:scale(1.025);
 }
 body.workspace-ui #attendanceSymbolsDialog .symbol-sort-ghost{position:absolute}
 body.workspace-ui .symbol-sort-ghost::before{
  content:'';position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,var(--apple-white),color-mix(in srgb,var(--apple-white) 12%,transparent) 28%,transparent 44%,color-mix(in srgb,var(--apple-white) 85%,transparent) 60%,transparent 78%,var(--apple-white));
  background-size:240% 240%;
  -webkit-mask:linear-gradient(var(--apple-white) 0 0) content-box,linear-gradient(var(--apple-white) 0 0);
  mask:linear-gradient(var(--apple-white) 0 0) content-box,linear-gradient(var(--apple-white) 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:symbol-glass-edge 1600ms ease-in-out infinite alternate;
 }
 body.workspace-ui .symbol-sort-ghost .settings-symbol-code{border:0;background:color-mix(in srgb,var(--apple-surface) 50%,transparent);color:var(--text)}
 body.workspace-ui .symbol-sort-ghost strong{font-size:var(--ui-small);font-weight:500}
 body.workspace-ui .symbol-sort-ghost small{font-size:var(--ui-caption)}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.workspace-ui .symbol-sort-ghost,body.workspace-ui #attendanceSymbolsDialog .symbol-sort-ghost{background:var(--surface)}}
}
@keyframes symbol-glass-edge{from{background-position:0% 0%}to{background-position:100% 100%}}
@media(prefers-reduced-motion:reduce){body.workspace-ui .symbol-sort-ghost,body.workspace-ui #attendanceSymbolsDialog .symbol-sort-ghost{transform:none}body.workspace-ui .symbol-sort-ghost::before{animation:none}}