/* Messages Studio v1. Scoped entirely to Messages. Midnight Glass material unchanged. */
#screen .ms-page{--ms-lav:#b388eb}
#screen .ms-page .ms-kicker{font-size:11px;letter-spacing:1.5px;color:#c9a9f2;font-weight:750;text-transform:uppercase}
#screen .ms-page .ms-card{margin-top:18px}
#screen .ms-page .ms-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#screen .ms-page .ms-label{display:block;font-size:12px;font-weight:700;color:#d5cbe1;margin:18px 0 8px}
#screen .ms-page .ms-label:first-child{margin-top:0}
#screen .ms-page input,#screen .ms-page select,#screen .ms-page textarea{width:100%;min-width:0;caret-color:#b388eb!important}
#screen .ms-page input::selection,#screen .ms-page textarea::selection{background:rgba(179,136,235,.45);color:#fff}
#screen .ms-page input:focus,#screen .ms-page textarea:focus,#screen .ms-page select:focus,#screen .ms-page input:focus-visible,#screen .ms-page textarea:focus-visible,#screen .ms-page select:focus-visible{outline:none!important;border:2px solid rgba(179,136,235,.96)!important;box-shadow:0 0 14px 3px rgba(179,136,235,.28),0 0 32px 8px rgba(179,136,235,.12)!important;background-color:rgba(31,20,48,.72)!important}
#screen .ms-page textarea{min-height:105px;resize:vertical;white-space:pre-wrap}
#screen .ms-page .ms-muted{color:#a9a0b8;font-size:12px;line-height:1.55}
#screen .ms-page .ms-rule{height:1px;background:rgba(214,192,246,.13);margin:20px 0}
#screen .ms-page .ms-switch{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700}
#screen .ms-page .ms-switch input{width:19px;height:19px;accent-color:#b388eb}
#screen .ms-page .ms-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
#screen .ms-page .ms-colorrow{display:flex;align-items:center;gap:10px}
#screen .ms-page .ms-swatch{width:43px;height:43px;flex:none;border-radius:12px;border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px rgba(255,255,255,.24);cursor:pointer}
#screen .ms-page .ms-colorpanel{padding:14px;border:1px solid rgba(179,136,235,.25);border-radius:15px;background:rgba(21,15,34,.84);margin-top:10px}
#screen .ms-page .ms-colorpanel input[type=color]{height:112px;width:100%;border:0;padding:0;background:transparent;cursor:pointer}
#screen .ms-page .ms-colorpanel input[type=range]{width:100%;accent-color:#b388eb}
#screen .ms-page .ms-accordion{margin-top:12px;border:1px solid rgba(214,192,246,.13);border-radius:15px;background:rgba(255,255,255,.022);overflow:hidden}
#screen .ms-page .ms-accordion summary{cursor:pointer;list-style:none;padding:15px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
#screen .ms-page .ms-accordion summary::-webkit-details-marker{display:none}
#screen .ms-page .ms-accordion summary:after{content:'⌄';font-size:18px;color:#bfa2df}
#screen .ms-page .ms-accordion[open] summary:after{transform:rotate(180deg)}
#screen .ms-page .ms-accordion-body{padding:0 15px 16px}
#screen .ms-page .ms-actions{display:flex;gap:9px;margin-top:12px}
#screen .ms-page .ms-actions button{flex:1;min-width:0}
#screen .ms-page .ms-preview-shell{padding:14px;border-radius:15px;background:#202127;border:1px solid rgba(255,255,255,.075);color:#e7e5ed}
#screen .ms-page .ms-botline{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:13px}
#screen .ms-page .ms-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b388eb;color:#20132f;font-weight:900}
#screen .ms-page .ms-botbadge{color:#bcb2cd;font-size:10px}
#screen .ms-page .ms-preview-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:13px}
#screen .ms-page .ms-embed{border-left:4px solid #b388eb;background:#292a32;border-radius:4px;padding:13px;margin-top:10px;overflow-wrap:anywhere}
#screen .ms-page .ms-author{font-size:11px;font-weight:750;color:#e2dce9;margin-bottom:9px}
#screen .ms-page .ms-title{font-size:15px;font-weight:760;color:#fff;margin-bottom:9px}
#screen .ms-page .ms-desc{white-space:pre-wrap;font-size:13px;line-height:1.55}
#screen .ms-page .ms-footer{font-size:11px;color:#b3afbb;margin-top:13px}
#screen .ms-page .ms-preview-img{display:block;max-width:100%;max-height:210px;border-radius:8px;margin-top:12px;object-fit:contain}
#screen .ms-page .ms-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#screen .ms-page .ms-fields>div{min-width:0;font-size:12px;white-space:pre-wrap}
#screen .ms-page .ms-fields strong{display:block;color:#fff;margin-bottom:4px}
#screen .ms-page .ms-field-editor{padding:12px;border:1px solid rgba(214,192,246,.13);border-radius:12px;margin:10px 0}
#screen .ms-page .ms-field-editor label{font-size:11px;color:#bfb4cc;display:block;margin:8px 0 5px}
#screen .ms-page .ms-field-editor input[type=checkbox]{width:auto;accent-color:#b388eb}
#screen .ms-page .ms-send{margin-top:16px;width:100%;opacity:.6}
#screen .ms-page .ms-template-note{margin-top:8px}

/* Messages Studio v2: compact iOS controls, no change to global glass. */
#screen .ms-page .ms-switch{display:inline-flex;gap:12px;align-items:center;cursor:pointer}
#screen .ms-page .ms-switch input#ms-enabled{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#screen .ms-page .ms-switch-track{display:block;position:relative;width:45px;height:27px;border-radius:99px;background:rgba(135,126,149,.42);border:1px solid rgba(230,211,249,.2);transition:background .22s,box-shadow .22s;flex:none}
#screen .ms-page .ms-switch-track:after{content:'';position:absolute;left:2px;top:2px;width:21px;height:21px;border-radius:50%;background:#f7f4fc;box-shadow:0 1px 5px rgba(0,0,0,.3);transition:transform .22s}
#screen .ms-page #ms-enabled:checked+.ms-switch-track{background:#9e6ed8;box-shadow:0 0 13px rgba(179,136,235,.24)}
#screen .ms-page #ms-enabled:checked+.ms-switch-track:after{transform:translateX(18px)}
#screen .ms-page #ms-enabled:focus-visible+.ms-switch-track{outline:2px solid #b388eb;outline-offset:3px}
#screen .ms-page .ms-template-tools{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:10px}
#screen .ms-page .ms-mini-action,#screen .ms-page .ms-icon-action,#screen .ms-page .ms-reset{border:0;background:transparent;color:#c5a3ef;cursor:pointer;font-size:12px;font-weight:650;padding:6px 7px;border-radius:8px;white-space:nowrap}
#screen .ms-page .ms-mini-action:active,#screen .ms-page .ms-icon-action:active,#screen .ms-page .ms-reset:active{background:rgba(179,136,235,.14)}
#screen .ms-page .ms-icon-action{font-size:16px;margin-left:auto}
#screen .ms-page .ms-colorrow{gap:8px}
#screen .ms-page .ms-colorrow #ms-color{flex:1;min-width:0;width:auto}
#screen .ms-page .ms-color-trigger{display:block;width:32px;height:32px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:9px;cursor:pointer;flex:none}
#screen .ms-page .ms-color-trigger input[type=color]{position:absolute;inset:-12px;width:58px;height:58px;max-width:none;min-width:0;padding:0;border:0!important;outline:none!important;box-shadow:none!important;background:transparent;cursor:pointer}
#screen .ms-page .ms-reset{font-size:23px;line-height:1;padding:6px 9px}
#screen .ms-page .ms-modal[hidden]{display:none!important}
#screen .ms-page .ms-modal{position:fixed;z-index:1100;inset:0;background:rgba(4,3,10,.7);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:flex;align-items:flex-end;justify-content:center;padding:12px 12px max(22px,env(safe-area-inset-bottom))}
#screen .ms-page .ms-modal-sheet{width:min(100%,480px);padding:22px;border-radius:23px;background:linear-gradient(150deg,rgba(49,37,67,.98),rgba(23,18,34,.98));border:1px solid rgba(207,166,255,.3);box-shadow:0 0 32px rgba(179,136,235,.13),0 22px 65px rgba(0,0,0,.5)}
#screen .ms-page .ms-modal-sheet h2{margin:8px 0;font-size:19px}
#screen .ms-page .ms-modal-handle{width:36px;height:4px;background:rgba(218,199,240,.35);border-radius:99px;margin:0 auto 16px}
#screen .ms-page .ms-modal-buttons{display:flex;gap:10px;margin-top:18px}
#screen .ms-page .ms-modal-buttons button{flex:1}
#screen .ms-page .ms-modal-sheet input{margin-top:12px}
#screen .ms-page .ms-colorrow input[type=color]:focus{box-shadow:none!important;border:0!important}

/* v3 precise compact controls. Keep Home and global design untouched. */
#screen .ms-page .ms-switch-track{width:38px!important;height:22px!important;min-width:38px!important;border:1px solid rgba(179,136,235,.42)!important;background:rgba(90,78,105,.45)!important}
#screen .ms-page .ms-switch-track:after{width:16px!important;height:16px!important;top:2px!important;left:2px!important}
#screen .ms-page #ms-enabled:checked+.ms-switch-track:after{transform:translateX(16px)!important}
#screen .ms-page select:focus,#screen .ms-page select:focus-visible{border:2px solid rgba(179,136,235,.96)!important;outline:none!important;box-shadow:0 0 14px 3px rgba(179,136,235,.28),0 0 32px 8px rgba(179,136,235,.12)!important}
#screen .ms-page .ms-color-trigger{display:block;width:34px;height:34px;position:relative;border-radius:9px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.25)}
#screen .ms-page .ms-color-chip{position:absolute;inset:0;background:#b388eb;pointer-events:none;z-index:1}
#screen .ms-page .ms-color-trigger input[type=color]{position:absolute;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:2;cursor:pointer}
#screen .ms-page .ms-colorrow .ms-reset{flex:none}
#screen .ms-page .ms-icon-action[hidden]{display:none!important}
#screen .ms-page .ms-icon-action{font-size:15px;min-width:36px;min-height:36px}
#screen .ms-page .ms-modal-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px}
#screen .ms-page .ms-modal-buttons button{width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 12px!important;display:flex;align-items:center;justify-content:center;font-size:14px!important;border-radius:13px!important}
#screen .ms-page .ms-desc-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#screen .ms-page .ms-emoji-panel[hidden]{display:none!important}
#screen .ms-page .ms-emoji-panel{padding:12px;margin-top:9px;border:1px solid rgba(179,136,235,.19);border-radius:14px;background:rgba(21,15,34,.75)}
#screen .ms-page .ms-emoji-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0}
#screen .ms-page .ms-emoji-item{display:grid;place-items:center;border:1px solid rgba(221,194,249,.1);border-radius:10px;background:rgba(255,255,255,.04);height:38px;font-size:20px}
#screen .ms-page .ms-emoji-custom{display:flex;gap:7px;align-items:center}
#screen .ms-page .ms-emoji-custom input{flex:1;min-width:0}
#screen .ms-page .ms-small-icon{width:16px;height:16px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:5px}
#screen .ms-page .ms-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;margin:9px 0}
#screen .ms-page .ms-title a{color:#a9c8ff;text-decoration:none}
#screen .ms-page .ms-label{margin-top:15px}
#screen .ms-page .ms-card{margin-top:12px}

/* v4 iPhone refinement: explicit priority over inherited checkbox rules. */
#screen .ms-page #ms-enabled,
#screen .ms-page #ms-timestamp,
#screen .ms-page .ms-inline-field-switch input[type=checkbox]{
 -webkit-appearance:none!important;appearance:none!important;
 position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;
 min-width:1px!important;min-height:1px!important;pointer-events:none!important;
}
#screen .ms-page .ms-switch{display:inline-flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;gap:10px!important}
#screen .ms-page .ms-inline-field-switch{display:inline-flex;align-items:center;gap:9px;position:relative;cursor:pointer}
#screen .ms-page .ms-inline-field-switch .ms-switch-track{display:block;position:relative;flex:none;width:38px;height:22px;border-radius:99px;background:rgba(90,78,105,.45);border:1px solid rgba(179,136,235,.42)}
#screen .ms-page .ms-inline-field-switch .ms-switch-track:after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#f9f4ff;transition:transform .18s}
#screen .ms-page .ms-inline-field-switch input:checked+.ms-switch-track{background:#9d6ad8}
#screen .ms-page .ms-inline-field-switch input:checked+.ms-switch-track:after{transform:translateX(16px)}
#screen .ms-page #ms-enabled:checked+.ms-switch-track,#screen .ms-page #ms-timestamp:checked+.ms-switch-track{background:#9d6ad8!important}
#screen .ms-page .ms-preview-shell .ms-embed{border-left-color:var(--ms-preview-accent,#b388eb)!important}
#screen .ms-page select:focus,#screen .ms-page select:focus-visible{outline:0!important;border-color:#b388eb!important;box-shadow:0 0 0 2px rgba(179,136,235,.25),0 0 16px 5px rgba(179,136,235,.33),0 0 36px 8px rgba(179,136,235,.13)!important}
#screen .ms-page .ms-color-chip{background:#b388eb}

/* v5 restore exact dynamic glass controller, field-switch priority, Safari select halo. */
#screen .ms-page .ms-card.sb-lit-glass{overflow:visible}
#screen .ms-page .ms-inline-field-switch input[type=checkbox]:checked+.ms-switch-track{background:#9d6ad8!important;border-color:#b388eb!important;box-shadow:0 0 12px rgba(179,136,235,.22)!important}
#screen .ms-page .ms-inline-field-switch input[type=checkbox]:checked+.ms-switch-track:after{transform:translateX(16px)!important}
#screen .ms-page .ms-inline-field-switch input[type=checkbox]:focus-visible+.ms-switch-track{outline:2px solid #b388eb;outline-offset:3px}
#screen .ms-page select.ms-select-engaged,
#screen .ms-page select:focus,
#screen .ms-page select:focus-visible{
 outline:0!important;
 border:2px solid #b388eb!important;
 box-shadow:0 0 0 2px rgba(179,136,235,.23),0 0 15px 4px rgba(179,136,235,.40),0 0 33px 8px rgba(179,136,235,.18)!important;
 background-color:rgba(31,20,48,.72)!important;
}

/* v6: identical thumb movement on all editor switches, including timestamp. */
#screen .ms-page #ms-timestamp:checked + .ms-switch-track:after{transform:translateX(16px)!important}
#screen .ms-page #ms-timestamp:not(:checked) + .ms-switch-track:after{transform:translateX(0)!important}
#screen .ms-page #ms-timestamp + .ms-switch-track{width:38px!important;height:22px!important;min-width:38px!important}
#screen .ms-page #ms-timestamp + .ms-switch-track:after{width:16px!important;height:16px!important;top:2px!important;left:2px!important}
#screen .ms-page .ms-discord-emoji{display:inline-block;width:1.4em;height:1.4em;vertical-align:-.3em;object-fit:contain}

/* v7: compact special character palette. */
#screen .ms-page .ms-symbol-panel[hidden]{display:none!important}
#screen .ms-page .ms-symbol-panel{padding:12px;margin:8px 0 12px;border:1px solid rgba(179,136,235,.2);border-radius:14px;background:rgba(21,15,34,.78)}
#screen .ms-page .ms-symbol-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#screen .ms-page .ms-symbol-item{height:36px;min-width:0;display:grid;place-items:center;border:1px solid rgba(221,194,249,.11);border-radius:9px;background:rgba(255,255,255,.045);font-size:18px;color:#e8dff2}
#screen .ms-page .ms-symbol-item:active{background:rgba(179,136,235,.2)}
#screen .ms-page .ms-symbol-panel .ms-muted{margin:10px 0 0}

/* v8: compact single-line iPhone toolbar and focused, not full-height, glint. */
#screen .ms-page .ms-desc-tools{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:2px!important;width:100%;margin:0 0 9px}
#screen .ms-page .ms-desc-tools .ms-mini-action{flex:0 1 auto;min-width:0!important;padding:6px 3px!important;font-size:11px!important;letter-spacing:-.12px!important;white-space:nowrap!important}
#screen .ms-page .ms-format-panel[hidden]{display:none!important}
#screen .ms-page .ms-format-panel{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:10px;border:1px solid rgba(179,136,235,.19);border-radius:12px;background:rgba(21,15,34,.78)}
#screen .ms-page .ms-format-panel button{border:1px solid rgba(179,136,235,.2);border-radius:9px;background:rgba(179,136,235,.08);color:#e6d8f8;padding:8px;font-size:12px}
#screen .ms-page .ms-format-panel .ms-muted{width:100%;margin:2px 0}
/* v16: Messages inherits the EXACT shared Midnight Glass rim and
   depth recipe from design-system.css, just like Home.
   No separate border, gradient, shadow or second pseudo-element. */

/* v19: one viewport-anchored glint in both Messages modes.
   The radial center is measured in px relative to the card, never as
   a percentage of the card's changing height. Keep the exact shared
   single-pixel mask, corners, base border and Home glass shadows. */
@supports (-webkit-mask-composite:xor) {
 @media (prefers-reduced-motion:no-preference) {
  #screen .ms-page .ms-card.sb-lit-glass::before {
   background:radial-gradient(ellipse 260px 180px at var(--ms-glint-x,90%) var(--ms-glint-y,0%),
    rgba(247,228,255,.70) 0%,
    rgba(202,161,245,.30) 40%,
    rgba(188,167,214,.15) 85%,
    rgba(188,167,214,.15) 100%)!important;
  }
 }
}

/* Heading preview: explicit size hierarchy inside Discord-style embed and message. */
#screen .ms-page .ms-preview-shell .ms-render-heading{display:block!important;font-weight:800!important;line-height:1.28!important;letter-spacing:-.025em!important;margin:6px 0 3px!important;color:#f5f1fa!important}
#screen .ms-page .ms-preview-shell .ms-render-heading-1{font-size:24px!important}
#screen .ms-page .ms-preview-shell .ms-render-heading-2{font-size:20px!important}
#screen .ms-page .ms-preview-shell .ms-render-heading-3{font-size:17px!important}
#screen .ms-page .ms-format-panel button[aria-pressed="true"]{border-color:#b388eb!important;background:rgba(179,136,235,.065)!important;color:#b388eb!important;box-shadow:0 0 0 1px rgba(179,136,235,.24),0 0 12px rgba(179,136,235,.20)!important}

/* Discord formatting controls and readable previews */
#screen .ms-page .ms-desc-tools{flex-wrap:wrap!important;justify-content:flex-start!important;gap:5px!important}
#screen .ms-page .ms-desc-tools .ms-mini-action{padding:7px 6px!important}
#screen .ms-page .ms-md-subtext{display:block;font-size:11px;color:#a8a5b2;line-height:1.35}
#screen .ms-page .ms-md-quote{display:block;border-left:3px solid #85818d;padding-left:9px;color:#c7c4ce}
#screen .ms-page .ms-md-list{display:block;padding-left:10px}
#screen .ms-page .ms-md-spoiler{display:inline-block;background:#777681;color:transparent;border-radius:3px;padding:0 5px;user-select:none}
#screen .ms-page .ms-md-timestamp{background:rgba(179,136,235,.14);border-radius:3px;padding:0 3px}
#screen .ms-page .ms-md-mention{color:#b9caff;background:rgba(88,101,242,.2);border-radius:3px;padding:0 3px}
#screen .ms-page .ms-format-panel button{min-height:34px}

/* v24: uniform, readable two-row mobile formatting controls */
#screen .ms-page .ms-desc-tools{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;margin:4px 0 12px!important}
#screen .ms-page .ms-desc-tools .ms-mini-action{grid-column:span 2;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;min-width:0!important;padding:9px 6px!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;white-space:nowrap!important;border:1px solid rgba(179,136,235,.22)!important;border-radius:11px!important;background:rgba(179,136,235,.065)!important;color:#e3c9fa!important}
#screen .ms-page .ms-desc-tools .ms-mini-action:nth-child(4),#screen .ms-page .ms-desc-tools .ms-mini-action:nth-child(5){grid-column:span 3}
#screen .ms-page .ms-format-panel{gap:8px!important;padding:12px!important}
#screen .ms-page .ms-format-panel button{min-height:42px!important;font-size:13px!important;padding:9px 12px!important}
#screen .ms-page #ms-header-gap-custom-wrap[hidden]{display:none!important}
#screen .ms-page #ms-header-gap-custom-wrap{margin:8px 0}
@media(min-width:680px){#screen .ms-page .ms-desc-tools{display:flex!important;flex-wrap:nowrap!important}#screen .ms-page .ms-desc-tools .ms-mini-action{flex:1 1 0!important}}

/* v25: six balanced tools, independent lavender open states */
#screen .ms-page .ms-desc-tools{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
#screen .ms-page .ms-desc-tools .ms-mini-action{grid-column:span 2!important;min-height:44px!important;font-size:12.5px!important}
#screen .ms-page .ms-desc-tools .ms-mini-action:nth-child(4),#screen .ms-page .ms-desc-tools .ms-mini-action:nth-child(5){grid-column:span 2!important}
#screen .ms-page .ms-desc-tools .ms-mini-action[aria-expanded="true"]{border-color:#b388eb!important;background:rgba(179,136,235,.065)!important;color:#b388eb!important;box-shadow:0 0 0 1px rgba(179,136,235,.28),0 0 16px rgba(179,136,235,.24)!important}

/* v29: one polished selection language across Messages Studio button controls.
   Preserve the shared Midnight Glass card material and native switches. */
#screen .ms-page :is(.ms-format-panel,.ms-mentions-panel,.ms-emoji-panel,.ms-symbol-panel) button:is([aria-pressed="true"],[aria-selected="true"],[data-selected="true"]),
#screen .ms-page :is(.ms-format-panel,.ms-mentions-panel,.ms-emoji-panel,.ms-symbol-panel) button:focus-visible{
 border-color:#b388eb!important;
 background:rgba(179,136,235,.065)!important;
 color:#b388eb!important;
 box-shadow:0 0 0 1px rgba(179,136,235,.28),0 0 16px rgba(179,136,235,.24)!important;
 outline:none!important;
}
#screen .ms-page :is(.ms-format-panel,.ms-mentions-panel,.ms-emoji-panel,.ms-symbol-panel) button:active,
#screen .ms-page :is(.ms-desc-tools,.ms-template-tools,.ms-actions,.ms-modal-buttons) button:active{
 background:rgba(179,136,235,.065)!important;
 color:#b388eb!important;
 border-color:#b388eb!important;
 box-shadow:0 0 0 1px rgba(179,136,235,.24),0 0 12px rgba(179,136,235,.20)!important;
}
#screen .ms-page :is(.ms-desc-tools,.ms-template-tools,.ms-actions,.ms-modal-buttons) button:focus-visible{
 outline:1px solid #b388eb!important;
 outline-offset:1px;
 color:#b388eb!important;
 box-shadow:0 0 14px rgba(179,136,235,.24)!important;
}