/**
 * The settings-section stylesheet. The web server serves exactly one file per
 * client plugin, so the CSS ships inside the bundle and is injected once.
 */
/** Stable `<style>` id (idempotent across hot reloads). */
export declare const STYLE_ID = "dsh-notify-desktop-style";
/** The section's stylesheet text. */
export declare const cssText = "\n.dsh_notify_section { display: flex; flex-direction: column; gap: 16px; }\n.dsh_notify_card {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.24));\n  border-radius: 10px;\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.dsh_notify_cardTitle { font-weight: 600; font-size: 13px; }\n.dsh_notify_cardDesc { font-size: 12px; opacity: 0.72; line-height: 1.5; }\n.dsh_notify_row { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; }\n.dsh_notify_row input[type='checkbox'] { margin-top: 2px; }\n.dsh_notify_rowText { display: flex; flex-direction: column; gap: 2px; }\n/* Only the checkbox and this label toggle a row; the rest of the row does not. */\n.dsh_notify_rowLabel { cursor: pointer; }\n.dsh_notify_error { color: #e5484d; font-size: 12px; line-height: 1.5; }\n.dsh_notify_note { color: #3dd68c; font-size: 12px; line-height: 1.5; }\n.dsh_notify_cacheText { flex: 1 1 auto; font-size: 12px; opacity: 0.75; }\n/* The imported-sound list: one quiet row per file, hover to reveal the action. */\n.dsh_notify_soundList {\n  list-style: none;\n  margin: 2px 0 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 168px;\n  overflow-y: auto;\n}\n.dsh_notify_card .dsh_notify_soundItem {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto auto;\n  align-items: center;\n  gap: 10px;\n  padding: 5px 8px;\n  border-radius: 7px;\n  font-size: 12px;\n  border: 1px solid transparent;\n}\n.dsh_notify_card .dsh_notify_soundItem:hover {\n  background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.1));\n  border-color: var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.2));\n}\n.dsh_notify_soundItemName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh_notify_soundItemSize { opacity: 0.6; font-variant-numeric: tabular-nums; }\n.dsh_notify_card .dsh_notify_iconButton {\n  height: 24px;\n  padding: 0 8px;\n  font-size: 11px;\n  line-height: 22px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.28));\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.75;\n}\n.dsh_notify_card .dsh_notify_iconButton:hover { opacity: 1; background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.12)); }\n.dsh_notify_rowDesc { font-size: 12px; opacity: 0.66; }\n.dsh_notify_minutes { display: flex; align-items: center; gap: 8px; font-size: 13px; }\n.dsh_notify_minutes input {\n  width: 72px;\n  padding: 4px 8px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.3));\n  background: transparent;\n  color: inherit;\n}\n.dsh_notify_button {\n  align-self: flex-start;\n  padding: 6px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.3));\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font-size: 13px;\n}\n.dsh_notify_button:hover { background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.12)); }\n/*\n * The sound rows are a fixed three-column grid, and every control is sized\n * explicitly: the surrounding settings theme gives a select element a full\n * width and its own height, which turned each row into three stacked lines.\n * The selectors below are written long enough to win against those theme rules\n * without needing an important flag.\n */\n.dsh_notify_sounds { display: flex; flex-direction: column; gap: 2px; }\n.dsh_notify_card .dsh_notify_soundRow {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 148px 68px;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 0;\n  min-height: 38px;\n}\n.dsh_notify_card .dsh_notify_soundRow + .dsh_notify_soundRow {\n  border-top: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.16));\n}\n.dsh_notify_card .dsh_notify_soundLabel { font-size: 13px; line-height: 1.4; }\n/*\n * The select is drawn by hand: the native one (grey hairline, system arrow,\n * square focus ring) looked nothing like the rest of the section. appearance is\n * none with an inline chevron, and the surface matches the row's own layer.\n */\n.dsh_notify_card .dsh_notify_soundRow .dsh_notify_select {\n  width: 148px;\n  min-width: 148px;\n  max-width: 148px;\n  height: 30px;\n  margin: 0;\n  padding: 0 24px 0 10px;\n  font-size: 12px;\n  line-height: 28px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.28));\n  background-color: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.08));\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23909aa8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>\");\n  background-repeat: no-repeat;\n  background-position: right 9px center;\n  background-size: 10px 6px;\n  appearance: none;\n  -webkit-appearance: none;\n  color: inherit;\n  cursor: pointer;\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n.dsh_notify_card .dsh_notify_soundRow .dsh_notify_select:hover {\n  border-color: var(--dsw-alias-border-l1, rgba(127, 127, 127, 0.45));\n  background-color: var(--dsw-alias-bg-layer-3, rgba(127, 127, 127, 0.14));\n}\n.dsh_notify_card .dsh_notify_soundRow .dsh_notify_select:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, rgba(77, 107, 254, 0.6));\n  outline-offset: 1px;\n  border-color: transparent;\n}\n.dsh_notify_card .dsh_notify_customRow {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-top: 10px;\n  margin-top: 2px;\n  border-top: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.16));\n}\n.dsh_notify_card .dsh_notify_customControls { display: flex; align-items: center; gap: 8px; }\n.dsh_notify_card .dsh_notify_customControls .dsh_notify_pathInput {\n  flex: 1 1 auto;\n  width: auto;\n  min-width: 0;\n  height: 28px;\n  margin: 0;\n  padding: 0 8px;\n  font-size: 12px;\n  border-radius: 7px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.3));\n  background: transparent;\n  color: inherit;\n}\n.dsh_notify_card .dsh_notify_customControls .dsh_notify_button {\n  height: 28px;\n  padding: 0 10px;\n  font-size: 12px;\n  white-space: nowrap;\n  flex: 0 0 auto;\n}\n/*\n * The two-level picker: the trigger keeps the old select's footprint, the panel\n * floats above the card with the section headers as level one.\n */\n.dsh_notify_picker { position: relative; display: flex; }\n.dsh_notify_card .dsh_notify_pickerTrigger {\n  width: 148px;\n  height: 30px;\n  margin: 0;\n  padding: 0 10px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.28));\n  background-color: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.08));\n  color: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n.dsh_notify_card .dsh_notify_pickerTrigger:hover {\n  border-color: var(--dsw-alias-border-l1, rgba(127, 127, 127, 0.45));\n  background-color: var(--dsw-alias-bg-layer-3, rgba(127, 127, 127, 0.14));\n}\n.dsh_notify_card .dsh_notify_pickerTrigger:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, rgba(77, 107, 254, 0.6));\n  outline-offset: 1px;\n}\n.dsh_notify_pickerValue { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh_notify_pickerCaret {\n  flex: 0 0 auto;\n  width: 7px;\n  height: 7px;\n  margin-top: -3px;\n  border-right: 1.6px solid currentColor;\n  border-bottom: 1.6px solid currentColor;\n  transform: rotate(45deg);\n  opacity: 0.6;\n}\n.dsh_notify_pickerPanel {\n  position: absolute;\n  z-index: 40;\n  top: calc(100% + 6px);\n  right: 0;\n  width: 240px;\n  max-height: 330px;\n  overflow-y: auto;\n  padding: 6px;\n  border-radius: 10px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.28));\n  background: var(--dsw-alias-bg-layer-1, #1b1d22);\n  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);\n}\n.dsh_notify_card .dsh_notify_pickerHeader {\n  width: 100%;\n  height: 28px;\n  padding: 0 8px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: 0;\n  border-radius: 7px;\n  background: transparent;\n  color: inherit;\n  font-size: 12px;\n  text-align: left;\n  cursor: pointer;\n}\n.dsh_notify_card .dsh_notify_pickerHeader:hover { background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.12)); }\n.dsh_notify_pickerHeaderLabel { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh_notify_pickerCount { opacity: 0.55; font-variant-numeric: tabular-nums; }\n.dsh_notify_pickerCaretSmall {\n  flex: 0 0 auto;\n  width: 6px;\n  height: 6px;\n  border-right: 1.5px solid currentColor;\n  border-bottom: 1.5px solid currentColor;\n  transform: rotate(-45deg);\n  opacity: 0.65;\n  transition: transform 120ms ease;\n}\n.dsh_notify_pickerCaretSmall[data-open='true'] { transform: rotate(45deg); }\n.dsh_notify_pickerList {\n  list-style: none;\n  margin: 2px 0 4px;\n  padding: 0 0 0 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n.dsh_notify_card .dsh_notify_pickerOption {\n  width: 100%;\n  height: 26px;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  font-size: 12px;\n  text-align: left;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh_notify_card .dsh_notify_pickerOption:hover { background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.14)); }\n.dsh_notify_card .dsh_notify_pickerOption.is-selected {\n  color: var(--dsw-alias-brand-primary, #6b8afd);\n  font-weight: 600;\n}\n.dsh_notify_pickerEmpty { padding: 2px 8px 8px 20px; font-size: 12px; opacity: 0.6; }\n/* The preview button is the picker trigger's twin: same height, radius and surface. */\n.dsh_notify_card .dsh_notify_soundRow .dsh_notify_preview {\n  width: 68px;\n  height: 30px;\n  margin: 0;\n  padding: 0;\n  font-size: 12px;\n  line-height: 28px;\n  text-align: center;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.28));\n  background-color: transparent;\n  align-self: center;\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n.dsh_notify_card .dsh_notify_soundRow .dsh_notify_preview:hover {\n  border-color: var(--dsw-alias-border-l1, rgba(127, 127, 127, 0.45));\n  background-color: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.12));\n}\n.dsh_notify_card .dsh_notify_soundRow .dsh_notify_preview:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, rgba(77, 107, 254, 0.6));\n  outline-offset: 1px;\n}\n";
/**
 * Inject the stylesheet once.
 * @param doc - the document to inject into (defaults to the ambient one).
 */
export declare function adoptStyles(doc?: Document | undefined): void;