/* Connected workspace extensions. No decorative infrastructure graph. */
:root{--muted:#71778b}input[type=password],input[type=url],input[type=number],input[type=datetime-local]{width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:10px 11px;background:var(--surface);font-size:12px}.auth{height:100dvh;overflow:auto;display:grid;place-items:center;padding:26px;background:radial-gradient(ellipse at 50% 20%,var(--accent-soft),transparent 65%),var(--bg)}.authcard{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:var(--elevated)}.authbrand{display:flex;justify-content:center;align-items:center;gap:11px;margin-bottom:28px}.authbrand .ezicone{width:52px}.authbrand .ezmot{font-size:31px}.authcard h1{text-align:center;font-size:26px}.authcard>p{text-align:center;color:var(--sub);font-size:12px;margin:9px 0 28px;line-height:1.9}.authcard .field label{font-size:12px}.authfoot{text-align:center;font-size:10px;color:var(--muted);margin-top:23px;line-height:1.8}.livebadge{display:inline-flex;gap:6px;align-items:center;color:var(--green);font-size:10px;border:1px solid var(--line);padding:5px 8px;border-radius:6px}.livebadge.offline{color:var(--amber)}.loadingpage{display:flex;align-items:center;justify-content:center;min-height:250px;gap:12px;color:var(--sub);font-size:12px}.errorpage{max-width:700px;margin:70px auto;padding:30px}.empty .row{justify-content:center}.pageheader-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}.list-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.list-actions .btn{font-size:10px}.richtext{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.formgrid .full{grid-column:1/-1}.formgrid .field{min-width:0}.formhelper{font-size:10px;color:var(--muted);line-height:1.85}.codearea{font:11px/1.8 var(--mono);min-height:330px;white-space:pre;tab-size:2}.modalwide{width:min(940px,calc(100vw - 28px))}dialog form.dialogform{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.dialogform .dialogbody{flex:1}.dialoghead .iconbox{flex-shrink:0}.dialogfoot .btn:disabled{opacity:.55}.inlinealert{padding:12px 16px;font-size:11px;color:var(--red);background:var(--red-bg);border-radius:9px;margin-bottom:14px;overflow-wrap:anywhere}.callout{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--soft);font-size:11px;line-height:1.85}.formresult{margin-top:15px}.tasks-editor{display:flex;flex-direction:column;gap:14px}.task-editor{border:1px solid var(--line);border-radius:11px;padding:15px}.task-editor .field{margin-bottom:12px}.task-editor header{display:flex;gap:10px;align-items:center;margin-bottom:13px}.task-editor header strong{font-size:12px}.task-editor textarea{min-height:90px;font:11px/1.8 var(--mono)}.task-editor .taskargs{min-height:130px}.task-editor .formgrid{gap:0 12px}.task-editor label{font-size:10px}.task-editor select{font-size:11px}.jstack{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mission-header-actions{display:flex;align-items:center;gap:5px}.mission-subject{max-width:90%;line-height:1.65}.mission-notice{padding:12px 22px;font-size:10px;border-bottom:1px solid var(--line);background:var(--amber-bg);color:var(--amber);flex-shrink:0}.dossierbody code{font:10px var(--mono);background:var(--soft);padding:2px 4px;overflow-wrap:anywhere}.sha{font:9px/1.9 var(--mono);color:var(--muted);overflow-wrap:anywhere;word-break:break-all}.approvalbanner{padding:12px;background:var(--green-bg);border-radius:8px;font-size:11px;line-height:1.8}.approvalbanner.expired{background:var(--amber-bg)}.connectiontype{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.connectiontype button{flex:1;min-width:105px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:11px}.connectiontype button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.keybox{font:10px/1.8 var(--mono);word-break:break-all;white-space:pre-wrap;padding:13px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.jobrow{display:grid;grid-template-columns:34px minmax(140px,1fr) 105px 140px 80px;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}.jobrow:last-child{border:0}.jobrow strong{font-size:11px}.jobrow p{font-size:9px;color:var(--muted);margin-top:4px}.jobrow .iconbox{height:30px;width:30px;border-radius:9px}.stickyselection{position:sticky;top:0;z-index:4}.task-state{display:block;font-size:9px;color:var(--muted);margin-top:4px}.task-result{max-height:250px;font:10px/1.75 var(--mono);white-space:pre-wrap;background:var(--soft);border:1px solid var(--line);padding:12px;border-radius:8px;overflow:auto;overflow-wrap:anywhere}.toggler{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7}.toggler input{margin-top:3px}.roleinfo{font-size:10px;color:var(--muted);padding:8px 0}.paging{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:15px;font-size:11px;color:var(--muted)}.threadlayout{height:100%;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:0}.threadlist{padding:18px 12px;overflow:auto;border-right:1px solid var(--line);background:var(--surface)}.threaditem{width:100%;padding:12px;text-align:left;border-radius:8px;display:block;margin:3px 0;overflow:hidden}.threaditem:hover,.threaditem.active{background:var(--accent-soft)}.threaditem strong{font-size:11px;font-weight:560;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threaditem p{font-size:9px;color:var(--muted);margin-top:5px}.threadchat{min-height:0;display:flex;flex-direction:column}.threadchat .discussion{flex:1;border:0;min-height:0}.threadchat>.pagehead{padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--line);margin:0}.threadchat h1{font-size:20px}.message .bytool{font:9px var(--mono);color:var(--accent);margin-top:7px}.message.system .messageavatar{color:var(--green);background:var(--green-bg)}.message.system .messagetext{font-size:11px;border-left:2px solid var(--line-strong);padding-left:12px}.pendingreply{padding:8px 0 20px;font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.messages .ico.spin{color:var(--accent)}.messagecontrol{padding:6px 0 12px;display:flex;justify-content:center}.home .intenttools .scopechip{max-width:280px;overflow:hidden}.safetyfoot{font-size:10px;color:var(--muted);line-height:1.85;padding:12px;border-top:1px solid var(--line);background:var(--soft)}.tool-card{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.tool-card summary{display:flex;align-items:center;gap:9px;padding:17px;cursor:pointer;list-style:none}.tool-card summary strong{font:12px var(--mono)}.tool-card summary .badge{margin-left:auto}.tool-card>div{padding:0 17px 17px;font-size:11px;color:var(--sub)}.tool-card .pre{font-size:10px}.nodata{font-size:11px;color:var(--muted);padding:12px 0}.pillcount{font:9px var(--font);margin-left:5px;background:var(--hover);border-radius:5px;padding:2px 5px}.listrow-button{text-align:left;font-size:11px;color:var(--accent);padding:0}.securitywarning{padding:12px;border:1px solid #b17a1d44;border-radius:9px;background:var(--amber-bg);font-size:11px;color:var(--sub);line-height:1.9}.field input:read-only{background:var(--soft);color:var(--muted)}.field .btn{align-self:flex-start}.cmditem small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobsummaryline{font-size:10px;color:var(--muted);line-height:1.8}.scope-selects{display:flex;flex-direction:column;gap:14px}.scope-selects label{font-size:11px;font-weight:600;display:block;margin-bottom:7px}.scope-selects .btn{margin-top:8px}.observation-time{font-size:9px;color:var(--muted);margin-top:5px}.taskdetails summary{cursor:pointer}.dossierfoot .footactions{flex-wrap:wrap}.modal-foot-hint{font-size:10px;color:var(--muted);flex:1}.pagehead .actions{flex-wrap:wrap}.helptext a{font-size:11px}.usagegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usagegrid>div{border:1px solid var(--line);background:var(--soft);padding:13px;border-radius:9px}.usagegrid label{font-size:10px;color:var(--muted);display:block}.usagegrid strong{display:block;font-size:20px;font-weight:550;margin-top:5px}.cp-user-scope{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-json{min-height:430px}.navitem[data-view=decisions] .navcount{color:var(--amber);background:var(--amber-bg)}.overflowwrap{overflow-wrap:anywhere;min-width:0}.missionmini .progress{display:none}.dim{opacity:.7}.dangertext{color:var(--red)}.clause{padding:14px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.clause h4{font-size:11px;margin-bottom:7px}.clause p{font-size:11px;line-height:1.85;color:var(--sub)}.kbdd{font-size:9px;color:var(--muted)}
@media(max-width:1000px){.threadlayout{grid-template-columns:190px minmax(0,1fr)}.jobrow{grid-template-columns:30px minmax(110px,1fr) 98px 75px}.jobrow .jobtime{display:none}.resourcerow{grid-template-columns:18px minmax(130px,1.2fr) minmax(105px,1fr) 115px 24px}.home .homebody{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:820px){.home .homebody{grid-template-columns:1fr}.threadlayout{grid-template-columns:1fr}.threadlist{display:none}.threadchat>.pagehead{padding:16px 20px}.resourcerow{grid-template-columns:18px minmax(130px,1.2fr) minmax(105px,1fr) 24px}.focusworkspace.show-dossier .dossier{display:flex}.livebadge{font-size:9px}.authcard{padding:28px}.missionheader .mission-header-actions .btn{font-size:10px;padding:6px 8px}.task-editor .formgrid{grid-template-columns:1fr}.task-editor .full{grid-column:1}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:1}.dossierhead{justify-content:flex-start}.settingrow{flex-wrap:wrap}}
@media(max-width:580px){.livebadge{border:0;padding:4px;font-size:8px}.home .intenttools .scopechip{max-width:220px}.auth{padding:16px}.authcard{padding:26px 23px}.authcard h1{font-size:23px}.jobrow{grid-template-columns:25px minmax(100px,1fr) 93px 25px;gap:8px;padding:13px}.jobrow .jobread{font-size:0;border:0;padding:4px}.jobrow .jobread .ico{width:15px;height:15px}.jobrow p{font-size:8px}.threadchat h1{font-size:17px}.usagegrid{gap:8px}.usagegrid strong{font-size:17px}.usagegrid>div{padding:11px}.resourcerow{grid-template-columns:16px minmax(105px,1fr) minmax(70px,.6fr) 22px;padding:12px;gap:7px}.mission-header-actions .btn{padding:6px!important}.mission-header-actions .btn .optlabel{display:none}.dossierfoot .footactions>.btn{font-size:10px}.modalwide{width:calc(100vw - 16px)}.dialoghead h2{font-size:15px}.codearea{font-size:10px}.newmission kbd{display:none}.dialogfoot .modal-foot-hint{flex-basis:100%}.pagehead .actions .btn{font-size:9px}.pagehead .actions{max-width:160px}.intenthero h1{font-size:26px}.focusmobiletabs button{min-height:35px}}

/* A truncated list must be openable: the ports someone hunts for are the ones hidden behind "+6". */
.specmore{display:block;cursor:pointer}
.specmore>summary{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;list-style:none}
.specmore>summary::-webkit-details-marker{display:none}
.specmore>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.specmore .more{background:var(--accent-soft);color:var(--accent);font-weight:600}
.specmore>summary:hover .more{background:var(--accent);color:#fff}
[data-theme=dark] .specmore>summary:hover .more{color:#21172f}
.specmore[open]>summary .speclist{display:none}
.speclist.all{display:flex;flex-wrap:wrap;gap:5px;padding:4px 0 2px}

/* Simplified or advanced: one switch, remembered on this browser only. */
.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface)}
.segmented button{padding:7px 13px;font-size:11px;font-weight:560;color:var(--sub)}
.segmented button+button{border-left:1px solid var(--line-strong)}
.segmented button.active{background:var(--accent);color:#fff}
[data-theme=dark] .segmented button.active{color:#21172f}
.concerns{margin:8px 0 0;padding-left:16px;font-size:11px;line-height:1.7;color:var(--amber)}
.concerns li{margin:2px 0}

/* Ninety machines: one line each. */
.resourcerow.compact{grid-template-columns:18px minmax(220px,1.3fr) minmax(140px,1fr) auto 24px;padding:8px 16px;align-items:center}
.resourcerow.compact .listrow-button{display:flex;align-items:center;gap:9px;min-width:0}
.resourcerow.compact .listrow-button strong{white-space:nowrap}
.resourcerow.compact .listrow-button .address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.resourcerow.compact .observation.compact{display:flex;align-items:center;gap:8px;justify-content:flex-end;white-space:nowrap}
.rdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--line-strong)}
.rdot.ok{background:var(--green)}.rdot.warn{background:var(--amber)}.rdot.stale{background:var(--amber);opacity:.45}
/* Trois états, trois couleurs : observée, jamais observée, et tenue par une mission — que
   la veille laisse exprès tranquille. */
.rdot.mission{background:var(--amber)}.rdot.none{background:var(--red)}

/* The agent's remarks: one card each, the lead in bold. */
.remarks{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.remark{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;border-radius:9px;background:var(--amber-bg);
 border-left:3px solid var(--amber);font-size:11px;line-height:1.7;color:var(--sub)}
.remark>.ico{width:14px;height:14px;color:var(--amber);flex-shrink:0;margin-top:3px}
.remark strong{display:block;color:var(--ink);font-weight:620;margin-bottom:1px}
.remarks.home{margin:0 0 22px}.targetcheck.fixed{cursor:default;gap:10px;background:var(--surface-2,#f6f6fa)}.targetcheck.fixed>.ico{width:16px;height:16px;color:var(--sub)}.remark.fixable{align-items:center;gap:12px}.remark.fixable>.grow{min-width:0}.remark.fixable small{display:block;margin-top:3px}.remark.fixable .btn{flex-shrink:0;align-self:center}
.resourcegrouphead input[type=checkbox]{margin-right:4px}

/* Attribution de dépôts (26 septembre 2026) : une forge en liste des centaines, la liste défile. */
.depots{max-height:15rem;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:2px 10px}.depots .check{padding:5px 0}.ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}

/* Espace disque de la machine DAAS (27 septembre 2026) : un bandeau entre l'en-tête et la page,
   sur toutes les pages. Ambre pour l'alerte, rouge pour le critique, une ligne discrète sinon. */
.shell.avecdisque{grid-template-rows:64px auto minmax(0,1fr) 27px}.shell.avecdisque>.sidebar{grid-row:1/5}.shell.avecdisque>.main{grid-row:3}.shell.avecdisque>.statusbar,.shell.avecdisque>.mobilebar{grid-row:4}
.diskbanner{grid-column:2;grid-row:2;display:flex;align-items:flex-start;gap:9px;padding:9px 29px;font-size:12px;line-height:1.6;color:var(--ink);border-bottom:1px solid var(--line);z-index:18}.diskbanner p{margin:0}.diskbanner .ico{width:16px;height:16px;margin-top:2px}
.diskbanner.amber{background:var(--amber-bg)}.diskbanner.amber .ico{color:var(--amber)}.diskbanner.red{background:var(--red-bg);font-weight:560}.diskbanner.red .ico{color:var(--red)}
.diskbanner.discret{padding:2px 29px;font-size:10px;color:var(--muted);background:var(--surface)}
@media(max-width:580px){.shell.avecdisque{grid-template-rows:55px auto minmax(0,1fr) 58px}.diskbanner{padding:8px 12px}.diskbanner.discret{padding:2px 12px}}

/* La colonne du nom porte le bouton de la fiche et, à côté de lui, les remarques avec « Corriger » (28/09/2026). */
.rowname{min-width:0}.rowname .remarks .remark{font-size:11px}

/* Une rangée de constat ne laisse jamais son texte à 0 px (vu le 6 octobre 2026). `.grow` vaut
   flex:1 (base 0 %) et min-width:0 ; la phrase qui remplace « Corriger » (« Fermer l'origine… est une
   mission à part… ») valait flex:0 1 auto, base = toute sa longueur sur une ligne. Au rétrécissement,
   chaque élément cède au prorata de sa base : la phrase cédait, le texte du constat restait à 0 px et
   tombait un mot par ligne sous les étiquettes. Désormais le texte garde 240 px, la rangée passe à la
   ligne, et cette phrase va sous la rangée, en pleine largeur. */
.envline{flex-wrap:wrap}.envline>.grow{min-width:min(240px,100%)}
.sans-mission{flex:1 1 100%;order:1}.envline>.sans-mission{padding-left:21px}
.remark.fixable{flex-wrap:wrap}.remark.fixable>.sans-mission{padding-left:26px}

/* La carte « Accès public (Cloudflare) » de la page Environnement (6 octobre 2026) : une ligne par
   zone, repliée ; le résumé s'ouvre au clic comme au clavier, « Ouvrir » y devient « Fermer ». */
.acces-public.pad{padding:12px 18px}
.carte-zone+.carte-zone{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.carte-zone>summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;cursor:pointer;list-style:none;font-size:12px}
.carte-zone>summary::-webkit-details-marker{display:none}
.carte-zone>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.carte-zone>summary>.ico{width:15px;height:15px;color:var(--muted);flex-shrink:0}
.etat-veille{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--sub)}.etat-veille .dot{width:7px;height:7px}
.etat-veille.veillee .dot{color:var(--green)}.etat-veille.echec .dot{color:var(--red)}.etat-veille.arretee .dot{color:var(--muted)}
.carte-zone .replier{margin-left:auto}.carte-zone .si-ouverte,.carte-zone[open] .si-fermee{display:none}.carte-zone[open] .si-ouverte{display:inline}
.carte-zone>.zone-veille{margin-top:10px}
/* Les constats ouverts d'une machine, sous sa ligne, sur toute la largeur après la case à cocher. */
.resourcerow>.constats-carte{grid-column:2/-1;min-width:0}.constats-carte .remarks.machine{margin-top:6px}.constats-carte .remark{font-size:11px}.constats-carte .constats-etat{margin:4px 0 0}
/* Ce que DAAS sait d'une zone ou d'une machine (demande du 11/10) : une carte, le récapitulatif en tête, les points
   importants, les angles morts en une ligne, et tout le détail replié. Couleurs par les variables : clair et sombre. */
.decouverte.connaissance{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.connaissance-tete{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.connaissance-tete h4{margin:0;font-size:14px;font-weight:650;color:var(--ink);flex:1 1 auto}
.connaissance-quand{font-size:11px;color:var(--muted);white-space:nowrap}
.connaissance .bandeau-agent{margin:0;padding:8px 11px;border-radius:8px;background:var(--amber-bg);color:var(--amber)}
.connaissance-recap{margin:0;font-size:13.5px;line-height:1.65;color:var(--ink);padding-left:12px;border-left:3px solid var(--accent)}
.connaissance-recap.muted{color:var(--muted);border-left-color:var(--line-strong)}
.connaissance-titre{margin:4px 0 0;font-size:12px;font-weight:650;color:var(--sub)}
.points-importants{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.point{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:9px;background:var(--soft);border-left:3px solid var(--line-strong);font-size:12.5px;line-height:1.55;color:var(--ink)}
.point-constat{flex-wrap:wrap}.point-constat.ton-red{background:var(--red-bg);border-left-color:var(--red)}.point-constat.ton-amber{background:var(--amber-bg);border-left-color:var(--amber)}
.point-texte{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px}.point-texte strong{font-weight:620}.point-texte span{color:var(--sub)}.point-texte small{font-size:11px}
.point-gestes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.point-gestes .sans-mission{flex:1 1 100%}
.point-fait{border-left-color:var(--accent);background:var(--accent-faint)}
.point-veille{display:block;padding:2px 12px 10px;border-left-color:var(--amber)}.point-veille>.envline{font-size:12px}
.connaissance-calme{margin:0;padding:9px 12px;border-radius:9px;background:var(--green-bg);color:var(--green);font-weight:560;font-size:12.5px}
.connaissance-calme::before{content:'✓';margin-right:8px;font-weight:700}
.connaissance-angles{margin:0;padding:8px 12px;border-radius:9px;border:1px dashed var(--line-strong);color:var(--sub);font-size:12px}
.connaissance-angles::before{content:'◌';margin-right:8px;color:var(--amber)}
.tout-le-detail{border-top:1px solid var(--line);padding-top:10px}.tout-le-detail>summary{cursor:pointer;font-size:12px;font-weight:560;color:var(--accent)}
.tout-le-detail-corps{display:flex;flex-direction:column;gap:6px;margin-top:10px}.tout-le-detail-corps .non-faite{color:var(--amber)}
/* La fiche Cloudflare lisible (constat de l'opérateur du 11/10) : ce que le jeton permet en une ligne, son détail
   replié ; les constats de même sorte en une carte qui s'ouvre sur ses noms ; l'absence de machine dite une fois. */
.capacites-resume{display:flex;flex-direction:column;gap:4px}.capacites-resume p{margin:0}
.capacites-resume.green strong{color:var(--green)}.capacites-resume.amber strong{color:var(--amber)}.capacites-resume.red strong{color:var(--red)}
.capacites-detail>summary,.autres-droits>summary{cursor:pointer;color:var(--accent);font-weight:560}
.constat-groupe>summary{cursor:pointer;list-style:none}.constat-groupe>summary::-webkit-details-marker{display:none}
.constat-groupe>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.constat-groupe .si-ouverte,.constat-groupe[open] .si-fermee{display:none}.constat-groupe[open] .si-ouverte{display:inline}
.constat-groupe-membres{margin:6px 0 0 21px;padding-left:10px;border-left:2px solid var(--line)}
.sans-machine{margin:8px 0 0;padding:8px 11px;border-radius:8px;background:var(--soft);color:var(--sub)}