/* EA BULL admin pages (owner's mockup, board 3 #6 and #7): the admin centre and the membership system.
   Only staff see these pages; the classes come from operations.js, fenix-slots.js, team.js,
   security-admin.js, line.js, members.js and ea-admin.js. */

/* ===================================================================== tabs: chips that wrap, as in the mockup */
#page-operations .ops-tabs,.slot-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px;padding:0;background:none;border-radius:0}
#page-operations .ops-tabs>button,.slot-tabs>button{flex:0 0 auto;min-height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--w-border2);background:var(--w-surface);
  color:var(--w-text2);font-size:13.5px;font-weight:600;box-shadow:none;white-space:nowrap}
#page-operations .ops-tabs>button[aria-selected=true],.slot-tabs>button.selected{background:var(--w-primary);border-color:var(--w-primary);color:#fff;box-shadow:0 4px 10px -6px rgba(161,113,17,.8)}
#page-operations .ops-tabs>button .w-badge,#operations-badge{margin-left:6px}

/* ===================================================================== shared admin surfaces */
#page-operations .panel,#page-slots .panel{margin-bottom:12px}
#page-operations .panel h2,#page-slots .panel h2{font-size:16px}
#operations-status{margin:0;font-size:13px;color:var(--w-text2)}
#operations-status:empty,#ops-limit-note:empty{display:none}
.ops-grid,.members-list,.team-list{display:grid;gap:10px}
.ops-account,.sec-card,.line-card,.team-card,.member-card,.ea-release,.warn-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px;border-radius:var(--w-r);
  background:var(--w-surface);border:1px solid var(--w-border);box-shadow:var(--w-shadow);color:var(--w-text)}
.ops-account h3,.sec-card h3,.line-card h3,.team-card h3,.member-card h3,.ea-release h3,.warn-card h3{margin:0;font-size:15.5px;overflow-wrap:anywhere}
.ops-account>.pill,.member-card .pill,.team-card .pill{align-self:flex-start}
.ops-account .hint,.team-card .hint,.member-card .hint{margin:0;font-size:12.5px}
.health-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--w-border);font-size:13.5px}
.health-row span{color:var(--w-text2)}
.health-row strong{text-align:right;font-weight:600;overflow-wrap:anywhere}
.ops-account details,.member-card details,.team-card details{border-top:1px solid var(--w-border)}
.ops-account details>summary,.member-card details>summary,.team-card details>summary{padding:8px 0;font-size:13.5px;font-weight:600;color:var(--w-primary-text)}
.ops-account button,.sec-card button,.line-card button,.team-card button,.member-card button,.ea-release button{min-height:38px;font-size:13.5px}
.warn-card{background:var(--w-amber-soft);border-color:var(--w-amber-border)}
.member-tags{display:flex;flex-wrap:wrap;gap:6px}
.member-tags span{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:var(--w-surface3);color:var(--w-text2);font-size:12px;font-weight:600}

/* ===================================================================== admin centre: overview */
.ops-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
.ops-metrics>article{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--w-r);background:var(--w-surface);border:1px solid var(--w-border);box-shadow:var(--w-shadow);min-width:0}
.ops-metrics>article span{font-size:12.5px;color:var(--w-text2)}
.ops-metrics>article strong{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
#ops-summary-note{margin:0 0 12px}
.w-ops-setup{margin:0 0 12px}
.w-ops-setup span{display:block;color:var(--w-text2);font-size:13.5px}
/* accounts and customers */
.ops-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;align-items:end}
.ops-filters label,#ops-panel-accounts label{font-size:13px}
#ops-customer-search{margin-bottom:10px}
/* servers */
.ops-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0}
.ops-usage{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:var(--w-r-sm);background:var(--w-surface2);min-width:0}
.ops-usage span{font-size:12px;color:var(--w-text2)}
.ops-usage strong{font-size:17px;font-variant-numeric:tabular-nums}
.ops-usage progress{width:100%;height:6px;-webkit-appearance:none;appearance:none;border:0;border-radius:9px;background:var(--w-surface3);overflow:hidden}
.ops-usage progress::-webkit-progress-bar{background:var(--w-surface3);border-radius:9px}
.ops-usage progress::-webkit-progress-value{background:var(--w-primary);border-radius:9px}
.ops-usage progress::-moz-progress-bar{background:var(--w-primary);border-radius:9px}
.ops-usage small{font-size:11.5px;color:var(--w-text3)}
.ops-chart{margin-top:8px;padding-top:8px;border-top:1px solid var(--w-border)}
.ops-chart h4{margin:0 0 4px;font-size:14px}
.ops-chart-stats{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px}
.ops-chart-stats span{color:var(--w-text2)}
.ops-trend{display:block;width:100%;height:auto;color:var(--w-primary)}
.ops-trend text{fill:var(--w-text3);font-size:20px}
.ops-leftovers{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--w-r-sm);background:var(--w-amber-soft);border:1px solid var(--w-amber-border);font-size:13px}
/* alerts, events and backups */
.ops-alert{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding:10px 12px;border-radius:var(--w-r-sm);border-left:4px solid #f0a400;background:var(--w-amber-soft);color:var(--w-text)}
.ops-alert.error,.ops-alert.critical{border-left-color:var(--w-red);background:var(--w-red-soft)}
.ops-alert.info{border-left-color:var(--w-primary);background:var(--w-primary-soft)}
.ops-alert strong{font-size:14px}
.ops-alert span{font-size:13px;color:var(--w-text2)}
.ops-event{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--w-border);font-size:13.5px;overflow-wrap:anywhere}
.ops-event:first-child{border-top:0}
.ops-event span,.ops-event small{color:var(--w-text2);font-size:12.5px}
/* EA releases and uploads */
.ea-release-list{display:grid;gap:10px;margin-top:10px}
.ea-release .pill{align-self:flex-start}
.ea-upload{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px;border-radius:var(--w-r-sm);background:var(--w-surface2);border:1px dashed var(--w-border2)}
.ea-file-row{display:flex;flex-direction:column;gap:4px}
.ea-file-row label{margin:0;font-size:13.5px}
.ea-file-row input[type=file]{font-size:13px}
/* EA systems (8 Oct 2026): a card per system, its sets and versions in folding boxes */
.ea-admin-system{--w-sys:var(--w-primary);margin:0 0 16px;padding:14px;border-radius:var(--w-r);background:var(--w-surface);border:1px solid var(--w-border);border-left:4px solid var(--w-sys)}
.ea-admin-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ea-admin-head h3{margin:0;font-size:16px}
.ea-admin-head small{flex-basis:100%}
.ea-admin-system h4{margin:14px 0 6px;font-size:13.5px;color:var(--w-text2)}
.ea-admin-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.ea-admin-box{margin:6px 0;padding:10px 12px;border-radius:var(--w-r-sm);background:var(--w-surface2);border:1px solid var(--w-border)}
.ea-admin-box>summary{cursor:pointer;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.ea-admin-box[open]>summary{margin-bottom:10px}
.ea-admin-box label{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;font-size:13.5px}
.ea-admin-box label.check{flex-direction:row;align-items:flex-start;gap:8px}
.ea-admin-box textarea{min-height:64px;resize:vertical}
.ea-admin-box input[type=color]{width:64px!important;min-height:40px;height:40px;padding:2px}
.ea-admin-box .ea-upload{margin-top:0}
.ea-admin-new{border-style:dashed}
.ea-file-row{flex-direction:row;align-items:center;flex-wrap:wrap}
.ea-set-rows{display:flex;flex-direction:column;gap:8px;margin:4px 0}
.ea-set-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:center}
@media (max-width:700px){.ea-set-row{grid-template-columns:1fr}}
/* LINE OA, team and security tabs */
.line-admin,.team-admin,.security-admin{display:flex;flex-direction:column;gap:12px}
.line-steps{margin:6px 0;padding-left:20px;font-size:13.5px;line-height:1.7;color:var(--w-text2)}
.line-code,.line-webhook{display:block;padding:8px 10px;border-radius:8px;background:var(--w-surface2);font:12.5px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.line-actions,.team-actions{display:flex;gap:8px;flex-wrap:wrap}
.team-intro,.team-legend{font-size:13px;color:var(--w-text2)}
.team-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.team-perms{display:grid;gap:6px}
.team-perms label{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:500}
.team-label{font-size:12px;font-weight:700;color:var(--w-text2)}

/* ===================================================================== membership system (slots) */
.slot-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
.slot-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--w-r);background:var(--w-surface);border:1px solid var(--w-border);box-shadow:var(--w-shadow);min-width:0}
.slot-card span{font-size:12.5px;font-weight:600;color:var(--w-text2)}
.slot-card strong{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.slot-card small{font-size:12px;color:var(--w-text3)}
.slot-card.wait strong{color:var(--w-amber)}
.slot-card.free strong{color:var(--w-green)}
.slot-server{padding:10px 0;border-top:1px solid var(--w-border)}
.slot-server-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.slot-server-head strong{flex:1;min-width:0}
.slot-server-head .pct{color:var(--w-text2)}
.slot-bar{height:8px;margin-top:8px;border-radius:9px;background:var(--w-surface3);overflow:hidden}
.slot-bar i{display:block;height:100%;border-radius:9px;background:var(--w-primary)}
.slot-server.warning .slot-bar i{background:#f0a400}
.slot-server.critical .slot-bar i{background:var(--w-red)}
.slot-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--w-surface3);color:var(--w-text2);white-space:nowrap}
.slot-pill.run{background:var(--w-green-soft);color:var(--w-green)}
.slot-pill.stop{background:var(--w-red-soft);color:var(--w-red)}
.slot-pill.wait{background:var(--w-amber-soft);color:var(--w-amber)}
.slot-table{width:100%;font-size:13.5px}
.slot-table td small{display:block;color:var(--w-text3);font-size:12px}
.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.slot-grid label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px}
.slot-grid label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px}
.slot-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.slot-plan h3{margin:0 0 10px;font-size:16px}
.slot-override{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:10px 0;border-top:1px solid var(--w-border)}
.slot-override small{grid-column:1;font-size:12.5px;color:var(--w-text2);overflow-wrap:anywhere}
.slot-override button{grid-column:2;grid-row:1/3;min-height:36px;font-size:13px}
.slot-dialog{max-width:520px}
/* package cards on the overview (mockup: DEMO / REAL) */
.w-plans{display:grid;gap:10px}
.w-plan{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--w-r-sm);border:1px solid var(--w-border);background:var(--w-surface2)}
.w-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.w-plan-head strong{font-size:15px}
.w-plan .w-badge.demo{background:var(--w-green)}
.w-plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--w-text2)}
.w-plan li{display:flex;align-items:center;gap:8px}
.w-plan li:before{content:'';width:8px;height:8px;border-radius:50%;flex:none;background:var(--w-green)}
.w-plan.off{opacity:.6}

@media (max-width:800px){
 .slot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:801px){
 .ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ops-grid,.members-list,.team-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
 .slot-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
 .w-plans{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
 .ops-usage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ===================================================================== the admins' care board (FENIX 5d4d1f9, 11 Oct 2026)
   Members by what somebody has to do for them: an admin, the member, running, not in use. */
.care{display:grid;gap:14px}
.care-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.care-chips .care-chip:first-child{grid-column:1/-1}
.care-chip{--care:var(--w-text3);display:flex;flex-direction:column;align-items:flex-start;gap:2px;height:auto;min-height:0;padding:12px 14px;border-radius:14px;text-align:left;
  color:var(--w-text);background:var(--w-surface);border:1px solid var(--w-border);box-shadow:none}
.care-chip strong{font-size:24px;font-weight:800;line-height:1.1;color:var(--care)}
.care-chip span{font-size:13px;font-weight:600;color:var(--w-text2)}
.care-chip.selected{border-color:var(--care);box-shadow:inset 0 0 0 1px var(--care)}
:is(.care-chip,.care-tag).care-b-action,.care-card.care-action{--care:var(--w-red)}
:is(.care-chip,.care-tag).care-b-waiting,.care-card.care-waiting{--care:var(--w-amber)}
:is(.care-chip,.care-tag).care-b-running,.care-card.care-running{--care:var(--w-green)}
:is(.care-chip,.care-tag).care-b-idle,.care-card.care-idle{--care:var(--w-text3)}
.care-filters{display:grid;grid-template-columns:1fr;gap:10px}
.care-filters :is(input,select){width:100%;min-width:0}
.care-hint{margin:0}
.care-list{display:grid;gap:10px}
.care-card{--care:var(--w-text3);display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:var(--w-surface);border:1px solid var(--w-border);border-left:4px solid var(--care);box-shadow:var(--w-shadow)}
.care-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.care-who{display:grid;gap:2px;min-width:0}
.care-who strong{font-size:16px;font-weight:800}
.care-who small{font-size:12.5px;color:var(--w-text2);overflow-wrap:anywhere}
.care-tags{display:flex;flex-wrap:wrap;gap:6px}
.care-tag{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--w-text);background:var(--w-surface2);border:1px solid var(--w-border)}
.care-tag[class*=care-b-]{color:var(--care);border-color:var(--care);background:color-mix(in srgb,var(--care) 12%,transparent)}
.care-tag.care-group{color:var(--w-primary-text);border-color:color-mix(in srgb,var(--w-primary) 55%,transparent);background:var(--w-primary-soft)}
.care-tag.dim{color:var(--w-text3);font-weight:500}
.care-todo{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.care-todo li{display:flex;gap:8px;align-items:baseline;font-size:13.5px;line-height:1.45}
.care-todo b{flex:none;padding:2px 8px;border-radius:8px;font-size:11.5px;font-weight:800;white-space:nowrap}
.care-todo .care-admin b{color:#fff;background:var(--w-red)}
.care-todo .care-member b{color:#3a2a00;background:#f2c14e}
.care-accounts{display:flex;flex-wrap:wrap;gap:8px}
.care-acct{--t:var(--w-text3);display:grid;gap:1px;padding:7px 11px;border-radius:12px;background:var(--w-surface2);border:1px solid var(--w-border);border-left:3px solid var(--t)}
.care-acct.run{--t:var(--w-green)}
.care-acct.stop{--t:var(--w-red)}
.care-acct.wait{--t:var(--w-amber)}
.care-acct strong{font-size:13px;font-weight:700}
.care-acct small{font-size:12px;color:var(--w-text2)}
.care-note{margin:0;padding:8px 12px;border-radius:10px;font-size:13px;background:var(--w-primary-soft);border:1px dashed color-mix(in srgb,var(--w-primary) 40%,transparent)}
.care-edit{justify-self:start;height:34px;min-height:0;padding:0 14px;font-size:13px}
@media (min-width:801px){
 .care-chips{grid-template-columns:repeat(5,minmax(0,1fr))}
 .care-chips .care-chip:first-child{grid-column:auto}
 .care-filters{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
}

/* member and account tools on the care board (FENIX 900a452, 11 Oct 2026) */
.care-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.care-tip{font-size:12px;color:var(--w-text3)}
button.care-acct{height:auto;min-height:0;text-align:left;color:var(--w-text);box-shadow:none;cursor:pointer;font:inherit}
button.care-acct:hover{border-color:var(--w-primary)}
.care-link{width:100%;font-size:12.5px;line-height:1.4;word-break:break-all;resize:none}

/* EA admin, self-service (FENIX 4898996, 11 Oct 2026): the four steps with where things stand, the mode picker, build errors */
.ea-next{--n:var(--w-green);display:grid;gap:10px;margin:10px 0 14px;padding:14px 16px;border-radius:var(--w-r-sm);background:color-mix(in srgb,var(--n) 8%,transparent);border:1px solid color-mix(in srgb,var(--n) 40%,transparent)}
.ea-next-do{--n:var(--w-primary)}
.ea-next-wait{--n:var(--w-amber)}
.ea-next-bad{--n:var(--w-red)}
.ea-next ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ea-next li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--w-text2)}
.ea-next li i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;border:1.5px solid var(--w-text3)}
.ea-next li[data-s=done] i{background:var(--w-green);border-color:var(--w-green);color:#fff}
.ea-next li[data-s=now]{color:var(--w-text)}
.ea-next li[data-s=now] i{background:var(--n);border-color:var(--n);color:#fff}
.ea-next p{margin:0;font-size:13.5px;line-height:1.5}
.ea-next p b{color:var(--n)}
.ea-move{margin:10px 0 4px}
.ea-mode-note{padding:8px 12px;border-radius:var(--w-r-sm);color:var(--w-text);background:color-mix(in srgb,var(--w-green) 10%,transparent);border:1px solid color-mix(in srgb,var(--w-green) 40%,transparent)}
.ea-set-row select[hidden],.ea-set-row input[hidden]{display:none}
.ea-build-errors{margin:6px 0 0;padding-left:18px;font-size:12.5px;line-height:1.5;color:var(--w-text2)}
.ea-build-errors li:last-child{list-style:none;margin-left:-18px;color:var(--w-text3)}
@media (max-width:800px){.ea-next ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* EA admin as the storefront, editable (FENIX 75359b7, 12 Oct 2026): the cards members see, with a camera on each
   picture, a pencil by each name, an eye for shown or hidden; files go up from a sheet. In WING's tokens and on WING's card. */
:root{
  --i-pencil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
  --i-camera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");
  --i-eyeoff:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49'/%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E")}
.eaa-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.eaa-tabs{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.eaa-tab{height:44px;min-height:0;margin:0;padding:0 20px;border-radius:999px;border:1.5px solid var(--w-border);background:var(--w-surface);color:var(--w-text);font-size:15px;font-weight:700;white-space:nowrap;box-shadow:none}
.eaa-tab[aria-selected=true]{background:var(--w-sys,var(--w-primary));border-color:var(--w-sys,var(--w-primary));color:#fff}
.eaa-tab-add{border-style:dashed;color:var(--w-text2)}
.eaa-look-toggle{flex:none;height:40px;min-height:0;margin:0}
.eaa-system{--w-sys:var(--w-primary);display:grid;gap:14px}
.eaa-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.eaa-cover{position:relative;flex:none;width:112px;height:70px;border-radius:14px;overflow:hidden;background:var(--w-surface3);border:1px solid var(--w-border)}
.eaa-cover img{width:100%;height:100%;object-fit:cover;display:block}
.eaa-words{flex:1;min-width:160px;display:grid;gap:2px}
.eaa-words h3{margin:0;display:flex;align-items:center;gap:8px;font-size:22px;color:var(--w-sys)}
.eaa-words small{color:var(--w-text2);font-size:13px}
.eaa-tool{flex:none;width:34px;height:34px;min-height:0;margin:0;padding:0;border-radius:50%;border:1px solid var(--w-border);background:var(--w-surface);color:var(--w-text);display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;box-shadow:var(--w-shadow)}
.eaa-tool:before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.eaa-pen{--ico:var(--i-pencil)}
.eaa-cam{--ico:var(--i-camera)}
.eaa-cover .eaa-cam{position:absolute;right:6px;bottom:6px;width:30px;height:30px}
.eaa-tool:hover{border-color:var(--w-primary);color:var(--w-primary)}
.eaa-status{display:grid;gap:10px}
.eaa-status .ea-next{margin:0}
.eaa-acts{display:flex;gap:10px;flex-wrap:wrap}
.eaa-acts>button{margin:0}
/* the card is the members' own (wing-pages.css .w-ea-card); here it never scrolls sideways and carries the admin's rows */
.w-ea-row.eaa-grid{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));overflow:visible;margin:0;padding:0;scroll-snap-type:none}
.eaa-card{cursor:default}
.eaa-card .w-ea-art{height:210px}
.eaa-card .w-ea-art .eaa-tool{position:absolute;z-index:2;right:12px}
.eaa-card .w-ea-art .eaa-pen{top:12px}
.eaa-card .w-ea-art .eaa-cam{bottom:12px}
.eaa-card .w-ea-badge{top:54px}
.eaa-card.eaa-off>.w-ea-art,.eaa-card.eaa-off>.w-ea-body{opacity:.5}
.eaa-rows{display:grid;gap:6px;margin:0 16px 16px;padding-top:10px;border-top:1px solid var(--w-border)}
.eaa-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--w-text2);min-width:0}
.eaa-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eaa-row .text-button{flex:none;min-height:0;height:28px;margin:0;padding:0 4px;font-size:13px;font-weight:700}
.eaa-eye{justify-self:start;display:inline-flex;align-items:center;gap:8px;width:auto;height:34px;min-height:0;margin:2px 0 0;padding:0 14px;border-radius:999px;border:1px solid var(--w-border);background:transparent;color:var(--w-text3);font-size:13px;font-weight:700;box-shadow:none}
.eaa-eye:before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-eyeoff) center/contain no-repeat;mask:var(--i-eyeoff) center/contain no-repeat}
.eaa-eye.on{color:var(--w-green);border-color:color-mix(in srgb,var(--w-green) 45%,transparent)}
.eaa-eye.on:before{-webkit-mask-image:var(--i-eye);mask-image:var(--i-eye)}
.eaa-head>.eaa-eye{margin:0}
.eaa-add{display:grid;place-items:center;align-content:center;gap:4px;min-height:180px;height:auto;margin:0;padding:16px;border-radius:18px;border:1.5px dashed var(--w-border);background:transparent;color:var(--w-text2);box-shadow:none}
.eaa-add b{font-size:24px;color:var(--w-primary)}
.eaa-add span{font-weight:700;color:var(--w-text)}
.eaa-add small{font-size:12px;color:var(--w-text3)}
.eaa-history h4{margin:14px 0 6px}
.eaa-preview :is(.eaa-tool,.eaa-rows,.eaa-status,.eaa-history,.eaa-add,.eaa-tab-add,.eaa-off),.eaa-preview .eaa-head>.eaa-eye{display:none}
dialog.eaa-sheet{max-width:600px;width:calc(100vw - 28px);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}
.eaa-sheet form{display:grid;gap:10px}
.eaa-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.eaa-sheet-head h2{margin:0;font-size:19px}
.eaa-sheet label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px}
.eaa-sheet label.check{flex-direction:row;align-items:center;flex-wrap:wrap}
.eaa-sheet textarea{width:100%;min-height:76px;resize:vertical}
.eaa-sheet input[type=color]{flex:none;width:64px!important;height:40px;min-height:40px;padding:2px}
.eaa-sheet .hint{margin:0}
.eaa-look{display:block;max-width:100%;max-height:46vh;margin:0 auto;border-radius:14px;border:1px solid var(--w-border)}
.eaa-read{margin:0;font-weight:700}
.eaa-slot{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 12px;align-items:start;padding:12px 0 2px;border-top:1px solid var(--w-border)}
.eaa-slot>i{grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;background:var(--w-primary-soft);color:var(--w-primary-text)}
.eaa-slot>div:nth-child(2){display:grid;gap:2px}
.eaa-slot strong{font-size:14px}
.eaa-slot small{font-size:12px;color:var(--w-text3)}
.eaa-slot>:nth-child(3){grid-column:2;min-width:0;max-width:100%}
.eaa-sets,.eaa-set-rows{display:grid;gap:8px}
.eaa-set-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4px 10px;align-items:center}
.eaa-set-name{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eaa-set-state{grid-column:1/-1;font-size:12px;color:var(--w-text3)}
.eaa-set-row :is(input,select)[hidden]{display:none}
@media (max-width:700px){
 .eaa-set-row{grid-template-columns:minmax(0,1fr)}
 .eaa-cover{width:84px;height:56px}
 .eaa-words h3{font-size:19px}
 .eaa-tab{height:40px;padding:0 14px;font-size:14px}
}

/* the pop-up and visit mode (welcome-admin.js, 11 Oct 2026) */
.welcome-pic{display:block;max-width:min(320px,100%);max-height:240px;margin:6px 0;border-radius:10px;border:1px solid var(--w-border);background:var(--w-surface2)}
.welcome-none{padding:18px 12px;border-radius:10px;border:1px dashed var(--w-border2);color:var(--w-text3);font-size:13.5px;text-align:center}
.welcome-form{display:flex;flex-direction:column;gap:10px;max-width:560px;margin-top:6px}
.welcome-form label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:600}
.welcome-form label.switch{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.welcome-form .welcome-row{display:flex;gap:8px;flex-wrap:wrap}
.welcome-form .welcome-row>button{flex:1 1 150px}

/* ===================================================================== Glass Sky 8: the admin centre, the membership system, admin pop-ups */
/* Owner's redesign handoff, 24 Oct 2026, files 19 (one per tab), 20 (one per tab), 27a-27o. Same card, tile, chip and
   field rules as the member pages; e-mail addresses, server names and file names keep their own letters. */
#page-operations .ops-tabs,.slot-tabs{gap:6px;margin:4px 0 6px}
#page-operations .ops-tabs>button,.slot-tabs>button{min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:500 13.5px/1 var(--font-head)}
#page-operations .ops-tabs>button[aria-selected=true],.slot-tabs>button.selected{background:var(--sel-bg);border-color:var(--sel-bg);color:var(--sel-ink)}
#page-operations .panel,#page-slots .panel{margin:0 0 var(--gap);padding:22px}
#page-operations .panel h2,#page-slots .panel h2{display:flex;align-items:center;gap:12px;font-size:18px;margin-bottom:10px}
#page-operations section[data-ops-panel]>.panel>h2:before,#page-slots .panel>h2:before{content:'';flex:none;width:32px;height:32px;border-radius:10px;background:var(--navy) var(--wh-users) center/16px no-repeat}
:root[data-theme="dark"] #page-operations section[data-ops-panel]>.panel>h2:before,:root[data-theme="dark"] #page-slots .panel>h2:before{background:#fff var(--nv-users) center/16px no-repeat}
#operations-status,#ops-limit-note{color:var(--muted)}
#operations-refresh{min-height:40px;padding:0 18px}
#operations-refresh:before{content:'';width:15px;height:15px;background:currentColor;-webkit-mask:var(--i-refresh) center/contain no-repeat;mask:var(--i-refresh) center/contain no-repeat}
/* e-mails, server and file names */
:is(#page-operations,#page-slots,#team-admin,#members-list) :is(.member-head .muted,.care-who small,.ops-account .hint,.health-row strong,small,code,.line-webhook,.line-code){text-transform:none}
.ops-account h3+.hint,.ops-account>p,.team-card .hint,.team-card .muted,#team-admin .muted{text-transform:none}
#operations-nodes{grid-template-columns:minmax(0,1fr)}
#operations-nodes .ops-trend{height:200px}
#page-operations .pill.ok{background:var(--ok-bg);color:var(--ok-ink)}
@media (min-width:1181px){#page-operations .ops-tabs>button{font-size:13px;padding:0 11px}}
/* cards */
.ops-grid,.members-list,.team-list{gap:12px}
.ops-account,.sec-card,.line-card,.team-card,.member-card,.ea-release,.warn-card{gap:8px;padding:18px;border-radius:var(--w-r);background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.ops-account h3,.sec-card h3,.line-card h3,.team-card h3,.member-card h3,.ea-release h3,.warn-card h3{font:600 16px/1.3 var(--font-head);color:var(--head)}
.health-row{padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
.health-row span{color:var(--muted)}
.health-row strong{font-family:var(--font-head);font-weight:500;color:var(--head)}
.ops-account details,.member-card details,.team-card details{border-top:1px solid var(--line)}
.ops-account details>summary,.member-card details>summary,.team-card details>summary{font:500 13.5px/1.3 var(--font-head);color:var(--accent)}
.ops-account button,.sec-card button,.line-card button,.team-card button,.member-card button,.ea-release button{min-height:36px;font-size:13.5px}
.warn-card{background:var(--warn-bg);border-color:transparent}
.member-tags span{background:var(--surface-3);color:var(--ink-2);font:500 12px/1 var(--font-head)}
/* overview: stat cards with a coloured dot, the note as a notice */
.ops-metrics{gap:12px;margin:0 0 var(--gap)}
.ops-metrics>article{gap:6px;padding:18px 20px;border-radius:var(--w-r);background:var(--surface);border:1px solid var(--line)}
.ops-metrics>article span{font-size:13px;color:var(--muted)}
.ops-metrics>article strong{font:600 26px/1.2 var(--font-head);color:var(--head)}
#ops-summary-note{border-radius:var(--r-inner)}
#ops-summary-note:not(.warn):not(.error){background:var(--ok-bg);color:var(--ok-ink)}
/* servers */
.ops-usage-grid{gap:10px}
.ops-usage{padding:14px 16px;border-radius:var(--r-inner);background:var(--surface-2);border:1px solid var(--line)}
.ops-usage span{color:var(--muted)}
.ops-usage strong{font:600 20px/1.2 var(--font-head);color:var(--head)}
.ops-usage progress{height:6px;background:var(--surface-3)}
.ops-usage progress::-webkit-progress-bar{background:var(--surface-3)}
.ops-usage progress::-webkit-progress-value{background:var(--ok)}
.ops-usage progress::-moz-progress-bar{background:var(--ok)}
.ops-usage small{color:var(--muted)}
.ops-chart{margin-top:12px;padding:16px;border-radius:var(--r-inner);border:1px solid var(--line);background:var(--surface)}
.ops-chart h4{font:600 14px/1.3 var(--font-head);color:var(--head)}
.ops-trend{color:var(--blue)}
.ops-trend text{fill:var(--faint)}
.ops-leftovers{border-radius:var(--r-inner);background:var(--warn-bg);border:0}
/* events and backups */
.ops-event{padding:12px 0;border-top-color:var(--line)}
.ops-event strong,.ops-event>span:first-child{font-family:var(--font-head);font-weight:600;color:var(--head)}
.ops-event span,.ops-event small{color:var(--muted)}
/* the admin's version of an alert, on the admin pages */
#operations-alerts .ops-alert{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:var(--r-inner);background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--warn)}
#operations-alerts .ops-alert.error,#operations-alerts .ops-alert.critical{border-left-color:var(--bad)}
#operations-alerts .ops-alert.info{border-left-color:var(--blue)}
#operations-alerts .ops-alert strong{font:600 14.5px/1.3 var(--font-head);color:var(--head)}
#operations-alerts .ops-alert span{color:var(--muted);text-transform:none}
/* EA management */
.ea-admin-system{border-radius:var(--w-r);border:1px solid var(--line);border-left:3px solid var(--w-sys);background:var(--surface)}
.ea-admin-box{border-radius:var(--r-inner);background:var(--surface-2);border-color:var(--line)}
.ea-upload{border-radius:var(--r-inner);background:var(--surface-2);border:1px dashed var(--line-2)}
.ea-next{border-radius:var(--r-inner)}
.ea-next li i{border-color:var(--line-2)}
.ea-next li[data-s=done] i{background:var(--ok);border-color:var(--ok)}
.ea-next li[data-s=now] i{color:#fff}
.eaa-tab{height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:500 14px/1 var(--font-head)}
.eaa-tab[aria-selected=true]{background:var(--sel-bg);border-color:var(--sel-bg);color:var(--sel-ink)}
.eaa-tab-add{border-style:dashed}
.eaa-words h3{font:600 22px/1.25 var(--font-head);color:var(--head)}
.eaa-cover{border-radius:var(--r-inner);border-color:var(--line)}
.eaa-tool{border-color:var(--line);background:var(--surface);color:var(--head)}
.eaa-tool:hover{border-color:var(--navy);color:var(--navy)}
.eaa-rows{border-top-color:var(--line)}
.eaa-eye{border-color:var(--line-2);color:var(--ink-2)}
.eaa-eye.on{color:var(--ok-ink);border-color:var(--ok-bg);background:var(--ok-bg)}
.eaa-add{border-radius:var(--w-r);border:1.5px dashed var(--line-2)}
.eaa-add b{color:var(--blue)}
.eaa-slot{border-top-color:var(--line)}
.eaa-slot>i{background:var(--gold);color:var(--navy)}
.eaa-look{border-radius:var(--r-inner);border-color:var(--line)}
/* LINE OA, team, security, homepage */
.line-steps{color:var(--ink-2)}
.line-code,.line-webhook{border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.team-label{font:500 12px/1.3 var(--font-head);color:var(--muted)}
.team-perms label{font-weight:400}
.welcome-pic{border-radius:var(--r-inner);border-color:var(--line)}
.welcome-none{border-radius:var(--r-inner);border-color:var(--line-2)}
.welcome-form label{font-weight:500;color:var(--ink-2)}
/* membership system: stat cards, server bars, solid pills */
.slot-cards{gap:12px}
.slot-card{gap:6px;padding:18px 20px;border-radius:var(--w-r);background:var(--surface);border:1px solid var(--line)}
.slot-card span{font-weight:400;color:var(--muted)}
.slot-card strong{font:600 26px/1.2 var(--font-head);color:var(--head)}
.slot-card.wait strong{color:var(--warn-ink)}
.slot-card.free strong{color:var(--ok-ink)}
.slot-card small{color:var(--muted)}
.slot-server{border-top-color:var(--line)}
.slot-server-head strong{font-family:var(--font-head);font-weight:600;color:var(--head);text-transform:none}
.slot-bar{height:6px;background:var(--surface-3)}
.slot-bar i{background:var(--ok)}
.slot-server.warning .slot-bar i{background:var(--warn)}
.slot-server.critical .slot-bar i{background:var(--bad)}
.slot-pill{font:500 12px/1 var(--font-head);background:var(--surface-3);color:var(--ink-2)}
.slot-pill.run{background:var(--ok-bg);color:var(--ok-ink)}
.slot-pill.stop{background:var(--bad-bg);color:var(--bad-ink)}
.slot-pill.wait{background:var(--warn-bg);color:var(--warn-ink)}
.slot-grid label{color:var(--ink-2)}
.slot-override{border-top-color:var(--line)}
.w-plan{border-radius:var(--r-inner);border-color:var(--line);background:var(--surface-2)}
.w-plan-head strong{font-family:var(--font-head);font-weight:600;color:var(--head)}
.w-plan .w-badge.demo{background:var(--ok)}
.w-plan li:before{background:var(--ok)}
/* the care board */
.care-chip{padding:16px 18px;border-radius:var(--w-r);background:var(--surface);border:1px solid var(--line)}
.care-chip strong{font:600 26px/1.15 var(--font-head)}
.care-chip span{font-weight:400;color:var(--muted)}
.care-chip.selected{border:1.5px solid var(--navy);padding:15.5px 17.5px}
:root[data-theme="dark"] .care-chip.selected{border-color:#fff}
:is(.care-chip,.care-tag).care-b-action,.care-card.care-action{--care:var(--bad)}
:is(.care-chip,.care-tag).care-b-waiting,.care-card.care-waiting{--care:var(--warn)}
:is(.care-chip,.care-tag).care-b-running,.care-card.care-running{--care:var(--ok)}
:is(.care-chip,.care-tag).care-b-idle,.care-card.care-idle{--care:var(--faint)}
.care-card{border-radius:var(--w-r);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--care)}
.care-who strong{font:600 16px/1.3 var(--font-head);color:var(--head)}
.care-tag{font:500 12px/1.3 var(--font-head);background:var(--surface-3);border:0;color:var(--ink-2)}
.care-tag[class*=care-b-]{border:0;background:color-mix(in srgb,var(--care) 16%,var(--surface));color:var(--care)}
.care-tag.care-b-action{background:var(--bad-bg);color:var(--bad-ink)}
.care-tag.care-b-waiting{background:var(--warn-bg);color:var(--warn-ink)}
.care-tag.care-b-running{background:var(--ok-bg);color:var(--ok-ink)}
.care-tag.care-group{background:var(--info-bg);border:0;color:var(--info-ink)}
.care-todo .care-admin b{background:var(--bad);border-radius:999px}
.care-todo .care-member b{background:var(--gold);color:var(--navy);border-radius:999px}
.care-acct{border-radius:12px;background:var(--surface-2);border-color:var(--line)}
.care-acct.run{--t:var(--ok)}.care-acct.stop{--t:var(--bad)}.care-acct.wait{--t:var(--warn)}
.care-acct strong{font-family:var(--font-head);font-weight:600;color:var(--head)}
.care-note{border-radius:12px;background:var(--info-bg);border:0}
button.care-acct:hover{border-color:var(--navy)}
/* admin pop-ups (27a-27o) */
.slot-dialog,.team-dialog,.eaa-sheet{padding:24px}
.slot-dialog h2,.team-dialog h2,.eaa-sheet-head h2{font:600 20px/1.3 var(--font-head);color:var(--head)}
.slot-dialog label,.team-dialog label,.eaa-sheet label{color:var(--ink-2);font-weight:500}
.slot-dialog .danger:not(:disabled),.team-dialog .danger:not(:disabled){background:var(--bad);border-color:var(--bad);color:#fff}
.slot-dialog h2+p,.slot-dialog h2+small,.eaa-sheet-head+p{text-transform:none}
/* file pickers: a dashed drop box with the theme's pill button inset 8px, the file name in quiet text (owner, 25 Oct 2026) */
input[type=file][type=file][type=file]{min-height:var(--w-h,44px);height:auto;padding:5px 14px 5px 6px;border-style:dashed;color:var(--muted);font:400 13px/32px var(--font-body);cursor:pointer;text-overflow:ellipsis}
input[type=file][type=file][type=file]:hover{border-color:var(--accent)}
input[type=file]::file-selector-button{height:32px;margin:0 12px 0 0;padding:0 16px;vertical-align:middle;border-radius:999px;border:1.5px solid var(--navy);background:var(--surface);color:var(--navy);font:600 13px/1 var(--font-head);cursor:pointer}
input[type=file]::file-selector-button:hover{background:var(--surface-2)}
.eaa-set-row input:not([type=file]){text-overflow:ellipsis}
:root[data-theme="dark"] input[type=file]::file-selector-button{border-color:#dcd1ba;color:#fff}

/* ===================================================================== Glass Sky 9: the checklist pass (DESIGN-SPEC 8), both themes, every width */
/* symbols and order lines keep their letters (XAUUSD.s / XAUUSD.c) */
.hx-sym>span,.fxc-what,.fxc-what span,.fxc-ticket,.w-sym-name,.w-chart-title strong,#dashboard-symbol,#trade-symbol{text-transform:none}
/* two help answers name the gold symbols; the answers read as written */
.w-help-body p{text-transform:none}
/* separate boxed rows keep 8px between them */
.fxc-list,.fxc-dlist{gap:8px}
.deal-calendar{gap:8px}
.content .ops-alert{row-gap:8px}
#page-operations .ops-tabs,.slot-tabs{gap:8px}
.slot-tabs{margin-bottom:12px} /* tabs stand clear of the cards under them */
.care-tags{gap:8px}
#members-list .member-tags{gap:8px}
/* small red counters: the darker red in both themes, so the white number reads (4.8:1) */
#topbar-bell-count,.w-bell-count,#alerts-badge:not(:empty),.w-more-count,.care-todo .care-admin b{background:#dc2626;color:#fff}
/* buy / sell marks as solid soft chips */
.fxc-side{padding:2px 8px;font:600 11px/1.4 var(--font-head)}
.fxc-side.buy{background:var(--ok-bg);color:var(--ok-ink)}
.fxc-side.sell{background:var(--bad-bg);color:var(--bad-ink)}
/* the tagline reads in the darker gold on light surfaces */
.w-ea-perks em{color:var(--gold-text)}
:root[data-theme="dark"] .w-ea-perks em{color:var(--gold)}
.support-row.group .secondary{color:#0a7a37}
/* links that go to LINE are green (brand rule 5): the sign-up link capsule and the Zaurix tile */
.support-links a[href*="line.me"]{border-color:var(--line-green);color:#0a7a37;background:var(--surface)}
:root[data-theme="dark"] .support-links a[href*="line.me"]{color:#4ade80;background:transparent}
.w-more-link[href*="line.me"]{border-color:var(--line-green)}
.w-help-body a[href*="line.me"]{color:#0a7a37}
:root[data-theme="dark"] .w-help-body a[href*="line.me"]{color:#4ade80}
/* the MT5 accounts card: the figure tiles join without a gap; on a tablet the type and state chips get their own columns */
#accounts-list .w-acct-money{gap:0}
@media (min-width:801px) and (max-width:1180px){
 #accounts-list .w-acct-head{grid-column:2/5}
 #accounts-list .w-type{grid-column:5}
 #accounts-list .w-acct-state{grid-column:6/8}
}
/* account names in pop-up subtitles and the history sources keep their letters */
.fxc-dhead p,#hub-status-dialog>.dialog-heading+p.hint,#ea-setup .flow-account strong,#deals-sources strong{text-transform:none}

/* ===================================================================== admin cards, tidied (owner, 25 Oct 2026)
   one line between fact rows, never two (two old rules each drew one) */
:is(.ops-account,.sec-card,.line-card,.team-card,.member-card,.ea-release,.warn-card) .health-row{border-bottom:0}
:is(.ops-account,.sec-card,.line-card,.team-card,.member-card,.ea-release,.warn-card)>.health-row+.health-row{margin-top:-8px}
/* the security cards: the state as a chip beside the title, quiet fact rows, the form in two columns */
.sec-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:8px}
.sec-card>*{grid-column:1/-1;min-width:0}
.sec-card>h3{grid-column:1;grid-row:1}
.sec-card>.health-row:first-of-type{grid-column:2;grid-row:1;padding:0;border:0;margin:0}
.sec-card>.health-row:first-of-type>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec-card>.health-row:first-of-type>strong{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font:600 13px/1.2 var(--font-head);color:var(--head);text-align:left}
.sec-card.warn-card>.health-row:first-of-type>strong{background:var(--surface);border-color:var(--warn,#d97706);color:var(--warn-ink,#92400e)}
.sec-card>.health-row:first-of-type+.health-row{margin-top:6px}
.sec-card>.hint{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.sec-card>.line-steps{margin:2px 0 0}
.sec-card form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-items:end;margin-top:6px}
.sec-card form>label{display:grid;gap:6px;margin:0;font-size:13.5px;color:var(--ink-2)}
.sec-card form>label:has(textarea){grid-column:1/-1}
.sec-card form>label :is(input,textarea){margin:0}
.sec-card form>button{justify-self:start;margin:0;min-height:44px;padding:0 22px}
@media (max-width:800px){.sec-card form{grid-template-columns:minmax(0,1fr)}.sec-card>.health-row:first-of-type{grid-column:1/-1;grid-row:auto;justify-self:start}}
:root[data-theme="dark"] .sec-card.warn-card>.health-row:first-of-type>strong{background:transparent;color:#fbbf24;border-color:#fbbf24}