*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#1b3046;font:15px/1.6 "Segoe UI",system-ui,sans-serif;background-image:radial-gradient(ellipse at 5% 60%,#dce9ff88,transparent 48%),radial-gradient(ellipse at 98% 85%,#d5f2e588,transparent 48%);min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:#ffffffcc;border-bottom:1px solid #dde5ee;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:21px;letter-spacing:-.7px}.brand-mark{position:relative;display:grid;place-items:center;width:38px;height:38px;background:#143d37;border-radius:12px;color:white;font-size:24px;font-weight:750;box-shadow:0 4px 12px #12392d22}.brand-mark span{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#25d366;border:2px solid white}.brand-caption{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#728292;border-left:1px solid #d4dfe8;margin-left:8px;padding-left:20px}header nav{display:flex;align-items:center;gap:22px}header a{color:#52677a;text-decoration:none;font-size:13px}button{font:inherit;font-size:13px;padding:9px 15px;border:1px solid #d4dee7;background:white;color:#24364d;border-radius:9px;cursor:pointer}button span{margin-left:10px}main{max-width:1080px;margin:44px auto 24px;padding:0 28px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;font-weight:700;color:#547267;margin:0 0 15px}.welcome-dot{width:6px;height:6px;border-radius:50%;background:#169d75;box-shadow:0 0 0 4px #169d7510}h1{font-size:clamp(32px,3.5vw,45px);line-height:1.14;letter-spacing:-1.8px;margin:0 0 16px;font-weight:720}h1 span{color:#678078;font-weight:450}.intro{color:#657687;font-size:15px;margin:0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 22px}.mode{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:white;padding:28px;border:1px solid #ffffff20;border-radius:22px;box-shadow:0 14px 30px var(--shadow);transition:transform .2s,box-shadow .2s;background:linear-gradient(125deg,var(--deep),var(--light))}.mode:before,.mode:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff12;border-radius:50%;width:290px;height:290px;right:-125px;top:-140px}.mode:after{width:360px;height:360px;right:-160px;top:-175px}.mode:hover{transform:translateY(-5px);box-shadow:0 20px 40px var(--shadow)}.unofficial{--deep:#173755;--light:#2b6095;--shadow:#254d7524}.official{--deep:#075248;--light:#108372;--shadow:#08675726}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#ffffff14;border:1px solid #ffffff25;color:#c9e1ff}.official .symbol{color:#7cf0b0}.symbol svg{width:27px;height:27px}.mode-tag{font-size:9px;font-weight:650;letter-spacing:1.1px;padding:5px 10px;background:#00000010;border:1px solid #ffffff26;border-radius:20px;color:#e0edf7}small{font-size:9px;letter-spacing:1.5px;color:#bcdbff;font-weight:650}.official small{color:#8be1bc}h2{font-size:25px;letter-spacing:-.5px;margin:7px 0 12px;line-height:1.3}.mode p{color:#dce7f2;font-size:14px;line-height:1.7;margin:0 0 20px;max-width:370px}.official p{color:#d4ebe3}.features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.features>span{font-size:11px;padding:3px 9px;border-radius:5px;background:#ffffff0c;color:#e4edf6;border:1px solid #ffffff19}.enter{margin-top:auto;background:#f4f8ff;color:#214e78;font-weight:650;font-size:13px;border-radius:10px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between}.official .enter{background:#ddf9e9;color:#075744}.enter>span{font-size:21px;line-height:1;transition:transform .2s}.mode:hover .enter>span{transform:translateX(3px)}.note{display:flex;align-items:center;justify-content:center;gap:9px;color:#6c7c88;font-size:12px;text-align:center}.note>span{font-size:20px;color:#788c9c}a:focus-visible,button:focus-visible{outline:3px solid #e8a92c;outline-offset:5px}[hidden]{display:none!important}#status{color:#9e3e23}@media(max-width:650px){header{padding:15px 20px}.brand-caption{display:none}.brand strong{font-size:18px}header nav{gap:10px}header a{font-size:11px}button{padding:7px 9px}main{margin:30px auto;padding:0 20px}.choices{grid-template-columns:1fr;gap:18px;margin-top:25px}.mode{padding:24px}h1{letter-spacing:-1px}.note{align-items:flex-start}.card-top{margin-bottom:20px}}@media(max-width:380px){header{flex-wrap:wrap}header nav{margin-left:auto}}@media(prefers-reduced-motion:reduce){.mode,.enter>span{transition:none}.mode:hover{transform:none}}

/* Keep the workspace cards ahead of introductory copy. */
main{margin-top:24px}h1{font-size:22px;line-height:1.3;letter-spacing:-.4px;margin:0 0 5px}.intro{font-size:13px}.choices{margin-top:18px}.eyebrow{display:none}@media(max-width:650px){main{margin-top:20px}h1{font-size:21px}.choices{margin-top:16px}}

#team-panel{margin-top:24px;padding:24px;background:#fff;border:1px solid #cbd5e1;border-radius:16px}#team-panel[hidden]{display:none}.team-heading{display:flex;align-items:center;justify-content:space-between}.team-heading h2{margin:0}.team-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #e2e8f0}.team-row>span{flex:1;min-width:180px}#team-panel select,#team-panel input{padding:9px;border:1px solid #bccbd8;border-radius:6px;max-width:100%;box-sizing:border-box}#team-invite{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:20px}#team-invite label{display:grid;gap:6px}.team-invite-link{width:260px}.team-help,#team-note{font-size:14px;color:#526579}#feedback{color:#a42626}header nav{flex-wrap:wrap}

/* Shared action button styling also applies to the hub. */

body button.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--action-bg)!important;color:var(--action-fg)!important;border:1px solid var(--action-border)!important;vertical-align:middle}
button.action-button[data-action-tone=neutral]{--action-bg:#e2e8f0;--action-fg:#334155;--action-border:#cbd5e1}
button.action-button[data-action-tone=success]{--action-bg:#187447;--action-fg:#fff;--action-border:#187447}
button.action-button[data-action-tone=info]{--action-bg:#285fa5;--action-fg:#fff;--action-border:#285fa5}
button.action-button[data-action-tone=danger]{--action-bg:#b73535;--action-fg:#fff;--action-border:#b73535}
button.action-button[data-action-tone=warning]{--action-bg:#925c09;--action-fg:#fff;--action-border:#925c09}
button.action-button[data-action-tone=export]{--action-bg:#7545a7;--action-fg:#fff;--action-border:#7545a7}
button.action-button[data-action-tone=primary]{--action-bg:#076c5c;--action-fg:#fff;--action-border:#076c5c}
button.action-button .action-icon{width:17px;height:17px;flex:0 0 17px;pointer-events:none}
body button.action-button:hover:not(:disabled){filter:brightness(.96);box-shadow:0 2px 5px #152b3b15}
body button.action-button:focus-visible{outline:3px solid #63a0de;outline-offset:2px}
body button.action-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}

/* Account navigation uses one calm palette instead of action-specific colors. */
body #profile-menu .profile-items button{
  background:#f0f5fa!important;
  color:#244563!important;
  border:1px solid #dce6ef!important;
  box-shadow:none;
  font-weight:600;
  transition:background-color .15s,border-color .15s;
}
body #profile-menu .profile-items .action-icon{color:var(--action-bg,#285fa5)}
body #profile-menu .profile-items button:hover:not(:disabled),
body #profile-menu .profile-items button:focus-visible{
  background:#dcecff!important;
  border-color:#9ebfe1!important;
  filter:none;
  box-shadow:none;
}
body #profile-menu .profile-items button[aria-pressed=true]{
  border-color:#779fc6!important;
  font-weight:600;
}
@media(prefers-reduced-motion:reduce){body #profile-menu .profile-items button{transition:none}}

#team-panel{margin-top:0;box-shadow:0 8px 24px #24364d08}#team-panel h2{font-size:22px}#team-panel h3{font-size:16px;margin:20px 0 8px}#team-panel button{min-height:36px;padding:7px 12px}#team-panel select,#team-panel input{font:inherit;font-size:14px;min-height:36px}#team-panel>p{font-size:14px;color:#526579}#team-invite{padding:16px;background:#f3f7fa;border:1px solid #dce5ec;border-radius:10px}#team-invite label:first-child{flex:1;min-width:180px}.team-row{font-size:14px}.team-row>span{overflow-wrap:anywhere}header nav{gap:10px}header button[aria-pressed=true]{box-shadow:inset 0 -3px #087f6b;border-color:#087f6b!important}header{flex-wrap:wrap}@media(max-width:650px){#team-panel{padding:16px}.team-row>span{flex-basis:100%}header nav{width:100%}}


.security-panel{max-width:720px;margin:0;padding:24px;border:1px solid #d6e3dd;border-radius:14px;background:white;box-shadow:0 5px 20px #173e3408}
.security-panel h1{font-size:22px;margin:0 0 8px}.security-panel h2{font-size:18px}
.security-panel form{display:grid;gap:14px;margin-top:20px}.security-panel [hidden]{display:none!important}
.security-panel label{display:grid;gap:6px;font-size:14px;margin:0}.security-panel input{box-sizing:border-box;width:100%;padding:10px 12px;min-width:0;border:1px solid #bfd0c8;border-radius:8px;font:inherit}
.security-panel p{font-size:14px;line-height:1.6}.security-panel button{justify-self:start;padding:10px 18px}.security-panel #status:empty{display:none}
.security-panel #status:not(:empty){padding:10px;background:#edf4f0;border-radius:8px}.security-panel #recovery{border-top:1px solid #d6e3dd;padding-top:16px}
@media(max-width:600px){.security-panel{padding:16px}.security-panel button{width:100%}}


#security-panel .security-panel{margin:0;max-width:720px;width:100%}#security-panel h1{font-size:22px}

/* Security uses the content width instead of a tall, narrow sign-in card. */
#security-panel .security-panel{max-width:none;padding:18px 22px}
#security-panel #intro{margin:4px 0 12px}
#security-panel form{gap:12px;margin-top:12px}
#security-panel label{gap:4px}
#security-panel input{padding:8px 10px;min-height:36px}
#security-panel form p{margin:0}
#security-panel button{padding:8px 14px;min-height:36px}
#security-panel #password-form{grid-template-columns:repeat(2,minmax(0,1fr))}
#security-panel #current-field{grid-column:1 / -1;max-width:calc(50% - 6px)}
#security-panel #password-form>p{grid-column:1 / -1}
#security-panel #recovery{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:12px}
#security-panel #recovery h2,#security-panel #email-status{grid-column:1 / -1;margin:0}
@media(max-width:600px){#security-panel .security-panel{padding:16px}#security-panel #password-form,#security-panel #recovery{grid-template-columns:1fr}#security-panel #current-field{max-width:none}}

#profile-menu{position:relative}#profile-menu summary{cursor:pointer;padding:8px 14px;border:1px solid #b9cad8;border-radius:9px;background:#e2e8f0;font-weight:600;list-style:none}.profile-items{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;display:grid;gap:6px;padding:10px;background:white;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 30px #152b3b26;z-index:20}.profile-items button{justify-content:flex-start!important}.billing-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.billing-card{padding:20px;background:white;border:1px solid #d7e1e9;border-radius:12px;margin-bottom:16px;overflow:auto}.billing-card h2{font-size:18px}.billing-card p{font-size:13px;color:#526579}.billing-card input,#billing-workspace{font:inherit;padding:8px;border:1px solid #bdccd7;border-radius:7px}.billing-card form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.billing-card label{display:grid;gap:4px}.billing-card table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.billing-card th,.billing-card td{text-align:left;padding:10px;border-bottom:1px solid #e2e8f0}.billing-card th{background:#edf3f7}.pagination{display:flex;gap:12px;align-items:center;margin-top:12px}@media(max-width:650px){.billing-cards{grid-template-columns:1fr}}

#billing-content .billing-cards{grid-template-columns:1fr}

.pricing-heading{text-align:center;margin:32px 0 24px}.pricing-heading h2{font-size:28px;margin-bottom:8px}.pricing-heading p{color:#53677b}.billing-toggle{display:inline-flex;gap:4px;padding:5px;margin-top:12px;border:1px solid #bfd0c9;background:#edf4f1;border-radius:32px}.billing-toggle button{border:0;background:transparent;color:#254c40;box-shadow:none;border-radius:26px;padding:12px 22px}.billing-toggle button[aria-pressed="true"]{background:#15794f;color:#fff}.billing-toggle button:focus-visible{outline:3px solid #659dd4;outline-offset:2px}.subscription-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:24px 0}.subscription-plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px;border:1px solid #bfd0c9;border-radius:18px;background:#fff;min-width:0}.subscription-plan.current-plan{border:2px solid #15794f;background:#f0faf4;padding:27px 23px}.subscription-plan h3{margin:10px 0 30px;font-size:25px}.plan-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.subscription-plan .plan-price{font-size:36px;line-height:1.2;letter-spacing:-1px;color:#173e34}.plan-price-row>span{color:#526a60}.subscription-plan p{line-height:1.6;color:#53677b}.subscription-plan button{margin-top:auto;width:100%;justify-content:center}.plan-features{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:16px;line-height:1.5}.plan-features li{position:relative;padding-left:25px}.plan-features li::before{content:"✓";position:absolute;left:0;color:#15794f;font-weight:700}.plan-badge{position:absolute;top:-13px;right:20px;border-radius:20px;padding:5px 12px;background:#15794f;color:white;font-size:12px;font-weight:700}.plan-savings{border-radius:14px;padding:4px 10px;background:#e0f3e7;color:#106a43;font-size:13px;font-weight:700}@media(max-width:650px){.pricing-heading h2{font-size:23px}.billing-toggle button{padding:10px 14px}.subscription-plan .plan-price{font-size:32px}}

#number-management {margin:20px 0;padding:18px;border:1px solid #c9d8e6;border-radius:12px;background:#f7fafc} #number-management form {display:flex;gap:12px;align-items:center;flex-wrap:wrap} #number-management form input {flex:1;min-width:180px} #number-management .team-row {flex-wrap:wrap;gap:12px} #number-management label {display:inline-flex;align-items:center;gap:6px} #number-management input[type=checkbox] {width:18px;height:18px} #number-management button {background:#176747;color:white;border-color:#176747}

.numbers-grid-wrap{overflow:auto;margin-top:16px}.numbers-grid{width:100%;border-collapse:collapse;font-size:14px}.numbers-grid th{text-align:left;background:#e6eef5;padding:12px}.numbers-grid td{padding:12px;border-bottom:1px solid #dae3ed;vertical-align:middle}.numbers-grid td:last-child{white-space:nowrap}.number-open{display:inline-block;padding:8px 12px;background:#24558c;color:white;border-radius:7px;text-decoration:none;margin-right:8px}.numbers-pager{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:12px;font-size:13px}.number-access-dialog{border:1px solid #c4d4e4;border-radius:14px;padding:24px;max-width:480px;width:90%}.number-access-dialog::backdrop{background:#10283c66}.number-access-dialog label{display:flex;align-items:center;gap:10px;margin:12px 0}.number-access-dialog input[type=checkbox]{width:18px;height:18px}.number-access-dialog button{margin-right:8px}.number-access-dialog h3{margin-top:0}

.number-multiselect{border:1px solid #b7cadb;border-radius:8px;padding:10px;margin:16px 0}.number-multiselect summary{cursor:pointer}.number-multiselect[open]{max-height:280px;overflow:auto}#team-rows{overflow-x:auto}#team-rows td button,#team-rows td select{margin:3px}#numbers-panel>label{display:flex;align-items:center;gap:10px}

/* Shared account-page surfaces and controls. */
#numbers-panel{margin-top:0;padding:24px;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 8px 24px #24364d08}
#numbers-panel[hidden]{display:none}
#numbers-panel>h2{font-size:22px;margin:0 0 16px}
#numbers-panel>label{font-size:14px;color:#526579;flex-wrap:wrap}
#numbers-panel input,#numbers-panel select,.number-access-dialog input:not([type=checkbox]),.number-access-dialog select{font:inherit;font-size:14px;min-height:38px;padding:9px 12px;color:#203e61;background:#fff;border:1px solid #bccbd8;border-radius:7px;max-width:100%;box-sizing:border-box}
#numbers-workspace{min-width:240px}
#numbers-panel input:focus-visible,#numbers-panel select:focus-visible,.number-access-dialog input:focus-visible,.number-multiselect summary:focus-visible{outline:2px solid #247a68;outline-offset:2px}
#numbers-panel #number-management{margin:16px 0 0;padding:0;border:0;border-radius:0;background:transparent}
#number-management>h3{display:none}
#number-management>p{font-size:14px;line-height:1.5;color:#526579;margin:0 0 16px}
#numbers-panel #number-management>form{padding:16px;background:#f3f7fa;border:1px solid #dce5ec;border-radius:10px;gap:12px}
#numbers-panel button,#numbers-panel .number-open{font:inherit;font-size:14px;min-height:36px;padding:7px 12px;box-sizing:border-box;border-radius:8px;line-height:20px}
#numbers-panel .numbers-grid-wrap{border:1px solid #dce5ec;border-radius:10px;background:white}
#numbers-panel .numbers-grid th{background:#edf3f7;color:#203e61;font-size:13px;padding:12px}
#numbers-panel .numbers-grid td{background:white;font-size:14px;padding:12px}
#numbers-panel .numbers-grid tbody tr:last-child td{border-bottom:0}
#numbers-panel .numbers-grid tbody tr:hover td{background:#f8fafc}
#numbers-panel .numbers-pager button{background:#e8eef5;color:#203e61;border-color:#c4d2e1}
#numbers-panel .numbers-pager button:disabled{opacity:.45;cursor:default}
.number-access-dialog{background:white;color:#203e61;font:inherit;box-shadow:0 16px 48px #152b3b26;box-sizing:border-box}
.number-access-dialog h3{font-size:20px}.number-access-dialog p{font-size:14px;line-height:1.5;color:#526579}.number-access-dialog input:not([type=checkbox]){width:100%}.number-multiselect{background:#f3f7fa;font-size:14px}.number-access-dialog button{font:inherit;font-size:14px;min-height:36px;padding:7px 12px;border-radius:8px}
@media(max-width:650px){#numbers-panel{padding:16px}#numbers-workspace{min-width:0;width:100%}#numbers-panel #number-management>form{align-items:stretch}#numbers-panel #number-management>form input{flex-basis:100%}.numbers-pager{flex-wrap:wrap}}

.number-status{display:inline-block;padding:5px 9px;border-radius:14px;font-size:12px;background:#edf1f6;color:#4a6075}.number-status.ready{background:#dff2e8;color:#176344}.number-status.attention{background:#fff0dc;color:#8a530b}.number-status.pending{background:#e7effc;color:#285d96}

/* Consistent compact data grids. */
 table th,table td{padding:7px 10px;font-size:12px;line-height:1.4}
 table td button{padding:5px 8px;min-height:28px;font-size:12px;margin-top:0;margin-bottom:0}
 table td button svg{width:15px;height:15px;flex-basis:15px}

.mode.official.coming-soon{opacity:.65;cursor:default;box-shadow:none}.mode.official.coming-soon:hover{transform:none}.mode.coming-soon .enter{justify-content:center}

.team-invitation-details{flex:1;min-width:220px}.team-invitation-details h3{margin:0 0 8px}.team-invitation-details p{margin:4px 0;color:#526579}#workspace-onboarding hr{border:0;border-top:1px solid #cbd5e1;margin:28px 0}#workspace-onboarding{margin-bottom:24px}
.billing-toggle button.action-button{--action-bg:transparent;--action-fg:#254c40;--action-border:transparent;box-shadow:none}.billing-toggle button.action-button[aria-pressed="true"]{--action-bg:#15794f;--action-fg:#fff;--action-border:#15794f}.subscription-plan button.action-button:not(:disabled){--action-bg:#15794f;--action-fg:#fff;--action-border:#15794f}
#team-panel #team-capacity,#number-management #number-capacity{font-size:18px;font-weight:700;line-height:1.6;color:#173e34;margin:16px 0}
.subscription-summary{padding:28px;border:1px solid #b9d9cc;border-left:6px solid #15794f;border-radius:16px;background:linear-gradient(120deg,#edf8f2,#f5f9ff);box-shadow:0 6px 20px #173e340c}.subscription-summary h3{margin:0 0 14px;font-size:28px;color:#173e34}.billing-card .subscription-summary h2{font-size:18px;margin:0 0 16px}.billing-card .subscription-summary p{font-size:15px;line-height:1.6;margin:10px 0}.billing-card .subscription-summary p:nth-of-type(2){font-size:18px;font-weight:700;color:#203e57}.subscription-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.subscription-usage-item{display:grid;gap:8px;padding:20px;background:#fff;border:1px solid #c8ddd4;border-radius:12px}.subscription-usage-item>span{font-size:16px;font-weight:700;color:#254c40}.subscription-usage-item strong{font-size:32px;line-height:1.2;color:#173e34}.subscription-usage-item small{font-size:13px;line-height:1.5;color:#526579}.subscription-usage-item.at-limit{border-color:#e2bf84;background:#fffaf0}.subscription-usage-item.at-limit strong{color:#89540d}@media(max-width:650px){.subscription-summary{padding:20px 16px}.subscription-summary h3{font-size:24px}.subscription-usage{grid-template-columns:1fr}.billing-card .subscription-summary p:nth-of-type(2){font-size:16px}}

/* Consistent professional action controls across application views. */
body button.action-button[data-action-tone]:not(:where(.profile-items button)){
  --action-bg:#ffffff;--action-fg:#334155;--action-border:#d5dee7;
  font-weight:600;border-radius:6px;box-shadow:none;
  transition:background-color .15s,border-color .15s,color .15s;
}
body button.action-button[data-action-tone=primary]:not(:where(.profile-items button)),
body button.action-button[data-action-tone=success]:not(:where(.profile-items button)){
  --action-bg:#176b54;--action-fg:#ffffff;--action-border:#176b54;
}
body button.action-button[data-action-tone=danger]:not(:where(.profile-items button)){
  --action-bg:#fffafa;--action-fg:#a43e3e;--action-border:#e8cdcd;
}
body button.action-button:hover:not(:disabled):not(:where(.profile-items button)){
  --action-bg:#f1f5f9;--action-border:#aebfce;filter:none;box-shadow:none;
}
body button.action-button[data-action-tone=primary]:hover:not(:disabled):not(:where(.profile-items button)),
body button.action-button[data-action-tone=success]:hover:not(:disabled):not(:where(.profile-items button)){
  --action-bg:#125641;--action-border:#125641;
}
body button.action-button[data-action-tone=danger]:hover:not(:disabled):not(:where(.profile-items button)){
  --action-bg:#fceeee;--action-border:#d8a9a9;
}
body button.action-button .action-icon{stroke-width:1.8}
body button.action-button:focus-visible{outline:2px solid #328773;outline-offset:3px}
body button.action-button:disabled{opacity:.5;box-shadow:none}
@media(prefers-reduced-motion:reduce){body button.action-button{transition:none}}
/* Subtle action accents: light surfaces, colored icons and matching borders. */
body button.action-button[data-action-tone=info]:not(:where(.profile-items button)){
  --action-border:#a9c4e4;--action-icon-color:#356da8;
}
body button.action-button[data-action-tone=export]:not(:where(.profile-items button)){
  --action-border:#c8b9df;--action-icon-color:#7856a0;
}
body button.action-button[data-action-tone=warning]:not(:where(.profile-items button)){
  --action-border:#d9c8a5;--action-icon-color:#997329;
}
body button.action-button[data-action-tone=danger]:not(:where(.profile-items button)){
  --action-border:#dfb4b4;--action-icon-color:#b34c4c;
}
body button.action-button[data-action-tone] .action-icon{color:var(--action-icon-color,currentColor)}
body button.action-button[data-action-tone=info]:hover:not(:disabled):not(:where(.profile-items button)){
  --action-bg:#edf4fc;--action-border:#719dce;
}
body button.action-button[data-action-tone=export]:hover:not(:disabled):not(:where(.profile-items button)){
  --action-bg:#f4f0fa;--action-border:#a58bc6;
}
body button.action-button[data-action-tone=warning]:hover:not(:disabled):not(:where(.profile-items button)){
  --action-bg:#faf6ed;--action-border:#bca16c;
}