:root{--bg:#fcfaf7;--panel:#fffefa;--ink:#262722;--muted:#756f67;--line:#e4ddd3;--orange:#ba592f;--soft:#fff0e5;--green:#57633d;--gray:#f1eee8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:transparent;color:var(--ink);padding:10px 16px;border:1px solid var(--line);border-radius:6px;transition:background .15s}button:hover:not(:disabled){background:var(--gray)}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.primary:hover:not(:disabled){background:#44463e}button.accent{border-color:var(--orange);color:var(--orange)}button.link{border:0;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}:focus-visible{outline:3px solid #bd8e6e;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:218px;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;background:linear-gradient(110deg,#fcfaf7,#f7f4ef)}.logos{padding:0 15px 32px}.aab{font-size:50px;letter-spacing:-3px;line-height:1.15}.baba{font:39px/1 Georgia,serif;color:var(--orange);margin-top:22px}.baba small{display:block;font-size:19px;margin-bottom:4px}.wordmark{font-size:12px;letter-spacing:4px;margin-top:30px}.account{margin-top:auto;padding:15px 0 0;border-top:1px solid var(--line)}.account small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.account select{width:100%;margin-top:7px}.account label{font-size:12px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:5px}nav button{text-align:left;border:0;padding:12px 15px}nav button.active{background:#eee9e1}nav .icon{display:inline-block;width:24px;color:var(--muted);font-size:18px}.workspace{margin-left:218px;min-width:760px}.demo{display:flex;justify-content:space-between;gap:20px;padding:9px 34px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.4px;color:var(--muted);background:#f0ebe3}main{padding:26px 34px 50px;max-width:1600px;margin:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0 0 12px}h1{font-size:37px;letter-spacing:-1px}h2{font-size:23px}h3{font-size:19px}p{margin:6px 0 12px}small,.muted{color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:14px;display:flex;gap:8px;align-items:center}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.heading h1{margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.filters input{width:250px}.filters select{width:180px}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:10px 12px;color:var(--ink);max-width:100%}textarea{width:100%;resize:vertical}label{display:block;color:var(--ink);font-size:12px;margin-bottom:6px}.field input,.field select{width:100%}.field{margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.project{background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.project .photo{position:relative}.project img{width:100%;height:150px;object-fit:cover;display:block}.project .favorite{position:absolute;right:8px;top:8px;background:#fffdf8e8;padding:3px 8px;font-size:19px;border:0}.project .text{padding:13px}.project h3{font-family:inherit;font-weight:600;font-size:14px;margin-bottom:2px}.project .open{border:0;background:none;padding:0;text-align:left;display:block;width:100%}.project .open:hover{color:var(--orange);background:none}.badge{display:inline-block;border-radius:16px;background:var(--soft);color:#984422;padding:4px 10px;font-size:11px}.badge.good{background:#ebefdf;color:var(--green)}.badge.neutral{background:var(--gray);color:var(--muted)}.urgent{font-size:11px;color:var(--orange);margin-top:5px}.project .badge{margin-top:10px}.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.choice-row{display:flex;align-items:center;gap:24px;background:var(--panel);border:1px solid var(--line);border-radius:7px;margin:13px 0;overflow:hidden;min-height:130px;padding-right:18px}.choice-row img{width:225px;height:134px;object-fit:cover}.choice-row .choice-text{flex:1;min-width:150px}.choice-row h2{font-size:22px;margin-bottom:7px}.choice-row .state{width:220px}.choice-row .meta{color:var(--muted);font-size:12px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.option{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.option.selected{border:2px solid var(--orange)}.option img{width:100%;height:225px;object-fit:cover;display:block}.option .info{padding:18px}.option h2{font-size:23px}.option button{margin-top:10px}.validation{background:var(--gray);padding:20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.validation h2{font-size:21px;margin-bottom:5px}.validation .agreements{font-size:12px;min-width:235px}.agreements p{margin:5px 0}.split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:20px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px;margin-bottom:18px}.panel h2{margin-bottom:18px}.product-edit{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-edit img{width:100%;height:245px;object-fit:cover;border-radius:6px}.option-edit{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.option-edit:last-child{border:0;margin-bottom:0}.price{padding:14px 0;border-top:1px solid var(--line);margin-top:10px}.price .form-grid{margin-top:14px}.checkbox{display:flex;gap:8px;align-items:center;font-size:12px}.checkbox input{width:auto}.notice{padding:12px 15px;background:var(--soft);color:#854627;border-radius:6px;font-size:12px;margin:15px 0}.notice.neutral{background:var(--gray);color:var(--muted)}details{border-bottom:1px solid var(--line);padding:13px 0}summary{cursor:pointer;font-size:15px}details .content{padding:15px 0}.document{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:12px;font-size:12px}.event{border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:12px}.event h3{margin-bottom:5px}.event .actions{margin-top:12px}.footer-actions{display:flex;justify-content:space-between;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);gap:20px}.tabs{display:flex;gap:0;border:1px solid var(--line);border-radius:6px;padding:4px}.tabs button{border:0;padding:8px 15px}.tabs button.active{background:#e8e0d5}.comments .comment{padding:12px 0;border-bottom:1px solid var(--line)}.comment .author{font-size:11px;color:var(--muted)}.comment p{white-space:pre-wrap}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 5px;font-size:12px}.history-table th{color:var(--muted);font-weight:400}#toast{position:fixed;bottom:24px;right:24px;max-width:500px;background:var(--ink);color:white;padding:14px 20px;border-radius:7px;opacity:0;pointer-events:none;z-index:9}#toast.visible{opacity:1}dialog{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:600px;max-height:90vh;padding:28px}dialog::backdrop{background:#29231f55}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.download{color:var(--orange)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:13px 6px;text-align:left;border-bottom:1px solid var(--line)}.mail textarea{min-height:265px}.topmeta{margin-bottom:20px}.subheading{display:flex;justify-content:space-between;align-items:center}.selection-label{font-size:12px;color:var(--orange)}.option .price-info{font-size:12px;color:var(--muted);margin-top:12px}.settings{max-width:700px}.print-only{display:none}@media(max-width:1100px){.project-grid{grid-template-columns:repeat(3,1fr)}.choice-row img{width:160px}.choice-row .state{width:165px}main{padding:24px}.split{grid-template-columns:minmax(0,1.4fr) 300px}}@media print{aside,.demo,.filters,.actions,.footer-actions{display:none}.workspace{margin:0;min-width:0}main{padding:0}.print-only{display:block}}

/* Logos noirs officiels : fond neutralisé par le rendu, originaux inchangés. */
.logos{padding:0 8px 22px}.brand-aab{width:166px;margin-bottom:18px}.brand-aab img{display:block;width:100%;height:auto;filter:grayscale(1) brightness(1.1) contrast(1.15);mix-blend-mode:multiply}.brand-baba{width:166px;height:172px;position:relative;overflow:hidden}.brand-baba img{display:block;position:absolute;width:550px;max-width:none;height:auto;left:50%;transform:translateX(-50%);top:-128px;filter:grayscale(1) brightness(1.1) contrast(1.15);mix-blend-mode:multiply}.logos .wordmark{margin-top:18px}
/* Repérage des choix sur plans de niveaux. */
.plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.plan-panel{padding:18px}.plan-scroll{overflow:auto;max-height:680px;background:#fcfaf6;border:1px solid var(--line);border-radius:6px}.plan-stage{position:relative;min-width:100%;isolation:isolate;line-height:0}.plan-stage .level-image{display:block;width:100%;height:auto;user-select:none}.plan-stage.placing{cursor:crosshair}.plan-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border:3px solid #fffefa;border-radius:50%;padding:0;box-shadow:0 2px 7px #27231e40;font-weight:600;font-size:12px;line-height:1;color:white;z-index:2}.plan-pin:hover:not(:disabled){background:#292722;transform:translate(-50%,-50%) scale(1.15);z-index:3}.waiting{background:#bc6039}.agreed{background:#757947}.confirmed{background:#3f7058}.disagreement{background:#a63f3a}.draft{background:#7c7871}.plan-pin.suggested{outline:1px dashed #776f62;outline-offset:3px}.plan-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;margin-top:16px;color:var(--muted)}.plan-legend span{display:flex;align-items:center;gap:5px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.zoom-label{display:flex;align-items:center;gap:10px;margin:0}.zoom-label input{width:90px;padding:0}.pin-number{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;color:white;font-size:11px;flex-shrink:0}.plan-list{padding:18px}.plan-item{padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:8px}.plan-item p{font-size:11px;margin:7px 0}.plan-item button:not(.link){font-size:11px;padding:7px 9px}.plan-item .link{text-align:left;color:var(--ink)}#pin-choice,#pin-label,#plan-level,#plan-version{width:100%}
.plan-pin.draggable{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.plan-pin.draggable:active,.plan-pin.dragging{cursor:grabbing}.plan-pin.dragging{z-index:5;box-shadow:0 5px 14px #27231e55;transform:translate(-50%,-50%) scale(1.15)}
/* Sauvegarde des brouillons : état indépendant du partage. */
.draft-savebar{position:sticky;top:0;z-index:6;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;margin:0 0 18px;background:#f7f3eb;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 5px #29231e0a}.draft-savebar small{margin-left:auto;font-size:11px}#draft-save-state{font-weight:500;font-size:13px}#draft-save-state[data-state="error"]{color:#9a312b}#draft-save-state[data-state="pending"]{color:#8b5a28}.draft-savebar button{padding:7px 10px;font-size:12px}.storage-alert{margin:18px 34px 0;padding:14px 18px;border:1px solid #dcaaa1;border-radius:6px;color:#842c25;background:#fff0eb;font-size:13px}
/* Marques secondaires, compactes : priorité au contenu du projet. */
.logos{display:grid;grid-template-columns:76px 76px;gap:10px;padding:0 10px 20px;align-items:center}.brand-aab{width:76px;margin:0}.brand-baba{width:76px;height:79px}.brand-baba img{width:252px;top:-59px}.logos .wordmark{grid-column:1/-1;margin-top:4px;text-align:center;font-size:10px;letter-spacing:3px}
.pin-preview{position:fixed;z-index:40;box-sizing:border-box;width:306px;max-width:calc(100vw - 24px);padding:16px;background:#fffefa;color:#262722;border:1px solid #d9d0c2;border-radius:9px;box-shadow:0 8px 28px #29231e26;font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-height:calc(100vh - 24px);overflow:auto}.pin-preview[hidden]{display:none}.pin-preview h3{font-size:20px;margin:3px 24px 10px 0}.pin-preview .preview-code{font-size:11px;letter-spacing:.6px;color:#756f67}.pin-preview .preview-product{display:flex;gap:12px;margin:12px 0;align-items:center}.pin-preview img{display:block;width:88px;height:74px;object-fit:cover;border-radius:5px;flex-shrink:0}.pin-preview .preview-product small{display:block;margin-top:3px;font-size:11px;color:#756f67}.pin-preview .preview-message{background:#f1eee8;border-radius:5px;padding:9px 10px;margin:10px 0;font-size:12px}.pin-preview .preview-message.confirmed,.pin-preview .preview-message.agreed{background:#ebefdf;color:#48552e}.pin-preview .preview-message.disagreement{background:#fff0eb;color:#973c32}.pin-preview .preview-close{position:absolute;right:8px;top:8px;border:0;padding:5px 9px;background:transparent}.pin-preview .preview-open{margin-top:5px;width:100%}.pin-preview .preview-extra{font-size:11px;color:#756f67}
/* Accès et portail agence : navigation de démonstration, pas d'authentification. */
#application-shell[hidden],#access-screen[hidden]{display:none!important}.access-mode{background:#fcfaf7}.login-page{display:grid;grid-template-columns:minmax(420px,1fr) minmax(480px,1fr);min-height:100vh}.login-visual{position:relative;min-height:760px;overflow:hidden;background:#3c4738}.login-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center}.login-shade{position:absolute;inset:0;background:linear-gradient(180deg,#18221c33 0%,#17211944 40%,#172119df 100%)}.login-image-logo{position:absolute;left:46px;top:36px;width:100px;height:auto}.login-caption{position:absolute;bottom:100px;left:46px;right:35px;color:#fffdf5}.login-caption span{font-size:11px;letter-spacing:2px;opacity:.8}.login-caption h1{font-size:56px;line-height:1.1;letter-spacing:-1.3px;margin:22px 0}.login-caption p{font-size:17px;line-height:1.7;color:#eeeadf}.login-photo-caption{position:absolute;bottom:28px;left:46px;color:#eeeadf;font-size:10px}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:54px 60px 24px}.login-form-wrap{width:100%;max-width:390px;margin:auto}.login-small-brand{font-size:13px;letter-spacing:3px;margin-bottom:35px}.login-small-brand span{letter-spacing:0;color:var(--muted);font-size:12px;margin-left:5px}.login-form-wrap h2{font-size:37px;letter-spacing:-.6px;margin:0 0 9px}.login-intro{font-size:14px;color:var(--muted);margin-bottom:27px}.connection-fields input{width:100%;margin-bottom:16px;padding:12px}.connection-fields input:disabled{opacity:.8;background:#f2efe9}.login-submit{display:block;width:100%;margin:14px 0 12px;padding:13px 18px}.connection-note{font-size:11px;color:var(--muted);line-height:1.6}.demo-divider{margin:24px 0 19px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;letter-spacing:1px}.demo-divider:before,.demo-divider:after{content:'';height:1px;flex:1;background:var(--line)}#demo-profile{width:100%;padding:12px}.access-route-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:16px}.login-footer{text-align:center;font-size:10px;color:var(--muted);margin-top:35px}.portal-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 46px;border-bottom:1px solid var(--line)}.portal-wordmark{font-size:25px;letter-spacing:-.8px}.portal-wordmark span{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:15px}.portal-main{padding:65px 46px;max-width:1400px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:15px}.portal-main h1{font-size:42px}.portal-intro{color:var(--muted);font-size:15px}.portal-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.app-card{display:flex;flex-direction:column;align-items:flex-start;gap:25px;background:var(--panel);padding:29px;border:1px solid var(--line);border-radius:10px;min-height:330px}.app-symbol{font:28px Georgia,serif;width:55px;height:55px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ece5d9;color:#504332}.app-card h2{font-size:27px;margin:12px 0}.app-card p{color:var(--muted);font-size:13px;line-height:1.7}.app-card button{margin-top:auto}.muted-app{background:#f7f4ee}.future-app{background:transparent;border-style:dashed}.future-app .app-symbol{background:transparent;border:1px solid var(--line)}.portal-demo-note{color:var(--muted);font-size:11px;margin-top:35px}@media(max-width:1100px){.login-panel{padding:40px}.portal-apps{gap:16px}.app-card{padding:22px}.login-caption h1{font-size:47px}}
.portal-wordmark{display:flex;align-items:center}.portal-wordmark img{width:48px;height:auto;mix-blend-mode:multiply}.portal-wordmark span{font-size:13px}
.app-launch{display:inline-block;margin-top:auto;padding:10px 16px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:#fff;text-decoration:none}.app-launch:hover{background:#44463e}
.task-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.task-count{display:flex;flex-direction:column-reverse;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--panel);border-top:3px solid var(--task-color)}.task-count dt{font-size:12px;color:var(--ink)}.task-count dd{margin:0;color:var(--task-color);font:28px/1.1 Georgia,serif}.task-count-confirmed{--task-color:#3f7058}.task-count-action{--task-color:#5c5346}.task-count-waiting{--task-color:#a55332}.task-count-disagreement{--task-color:#a63f3a}
.task-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.task-project-head h2{margin:0}.task-project-card .task-summary{margin-bottom:0}
/* Le portail reprend le paysage de l’accueil dans un bandeau, au-dessus des applications. */
.portal-page{position:relative;isolation:isolate;min-height:100vh;background:#f7f4ee}
.portal-backdrop{position:absolute;inset:0 0 auto;height:390px;overflow:hidden;z-index:-1;background:#41463a}
.portal-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}
.portal-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,31,24,.83),rgba(25,31,24,.48) 55%,rgba(25,31,24,.13)),linear-gradient(0deg,rgba(25,31,24,.4),transparent 50%)}
.portal-header{background:rgba(252,250,247,.97);padding-top:16px;padding-bottom:16px}
.portal-main{padding-top:43px}
.portal-main>.eyebrow,.portal-main>.portal-intro{color:#fff8eb}
.portal-main>h1{color:#fffdf5;margin-bottom:10px}
.portal-intro{margin-bottom:0}
.portal-apps{margin-top:33px}
.app-card{background:#fffdf8;box-shadow:0 8px 22px #28251d0c;min-height:285px;gap:18px}
.app-card.future-app{background:#f8f5ed;border-style:dashed}
/* Photo d’accueil en fond de toute la navigation CALEPIO. */
#application-shell aside{isolation:isolate;overflow-y:auto;background:#283127;color:#fffdf5}
.sidebar-visual{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.sidebar-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:61% center}
.sidebar-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,29,21,.46),rgba(24,29,21,.76) 24%,rgba(24,29,21,.64) 68%,rgba(24,29,21,.84))}
#application-shell aside .logos{background:transparent;color:#fffdf5;padding-bottom:10px;margin-bottom:12px}
#application-shell aside .logos img{filter:grayscale(1) brightness(1.1) contrast(1.15) invert(1);mix-blend-mode:screen}
#application-shell aside nav button,#application-shell aside nav .icon{color:#fffdf5}
#application-shell aside nav button.active,#application-shell aside nav button:hover{background:rgba(255,255,255,.18)}
#application-shell aside .account{border-color:rgba(255,255,255,.34)}
#application-shell aside .account label,#application-shell aside .account small{color:#fffdf5}
#active-profile{display:block;margin-top:5px;color:#fffdf5;font-size:14px;font-weight:600}
/* Le filtre sur plan doit laisser la place au libellé et à la flèche. */
.filters #plan-category{width:max-content;min-width:230px;max-width:100%;padding-right:34px;min-height:44px}
.private-sync{padding:12px 34px;background:#f3eee3;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px 15px;flex-wrap:wrap;font-size:12px}.private-sync .actions button{padding:6px 9px;font-size:12px}

/* Identité CALEPIO */
:root {
  --calepio-logo: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2225 26 500 94%22%3E%3Cg fill=%22none%22 stroke=%22%23242720%22 stroke-width=%224.5%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22%3E%3Cpath d=%22M99 35H35V111H111V94M69 35V64H82%22/%3E%3Cpath d=%22M186 54c-5-6-11-9-19-9-15 0-25 12-25 28s10 28 25 28c8 0 14-3 19-9%22/%3E%3Cpath d=%22m202 101 23-56 23 56m-38-17h30%22/%3E%3Cpath d=%22M270 45v56h33%22/%3E%3Cpath d=%22M355 45h-34v56h34m-34-28h28%22/%3E%3Cpath d=%22M378 101V45h19c11 0 18 7 18 17s-7 17-18 17h-19%22/%3E%3Cpath d=%22M438 45v56%22/%3E%3Cpath d=%22M489 45c-15 0-26 12-26 28s11 28 26 28 26-12 26-28-11-28-26-28Z%22/%3E%3C/g%3E%3Ccircle cx=%22106%22 cy=%2266%22 r=%227.5%22 fill=%22%23BB552D%22/%3E%3C/svg%3E");
  --calepio-logo-light: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2225 26 500 94%22%3E%3Cg fill=%22none%22 stroke=%22%23FFFDF5%22 stroke-width=%224.5%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22%3E%3Cpath d=%22M99 35H35V111H111V94M69 35V64H82%22/%3E%3Cpath d=%22M186 54c-5-6-11-9-19-9-15 0-25 12-25 28s10 28 25 28c8 0 14-3 19-9%22/%3E%3Cpath d=%22m202 101 23-56 23 56m-38-17h30%22/%3E%3Cpath d=%22M270 45v56h33%22/%3E%3Cpath d=%22M355 45h-34v56h34m-34-28h28%22/%3E%3Cpath d=%22M378 101V45h19c11 0 18 7 18 17s-7 17-18 17h-19%22/%3E%3Cpath d=%22M438 45v56%22/%3E%3Cpath d=%22M489 45c-15 0-26 12-26 28s11 28 26 28 26-12 26-28-11-28-26-28Z%22/%3E%3C/g%3E%3Ccircle cx=%22106%22 cy=%2266%22 r=%227.5%22 fill=%22%23F18D64%22/%3E%3C/svg%3E");
  --calepio-symbol: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2225 26 96 94%22%3E%3Cg fill=%22none%22 stroke=%22%23242720%22 stroke-width=%224.5%22 stroke-linecap=%22square%22 stroke-linejoin=%22miter%22%3E%3Cpath d=%22M99 35H35V111H111V94M69 35V64H82%22/%3E%3C/g%3E%3Ccircle cx=%22106%22 cy=%2266%22 r=%227.5%22 fill=%22%23BB552D%22/%3E%3C/svg%3E");
}
.login-small-brand, .logos .wordmark,
.app-card:has([data-act="launch-calepio"]) .app-symbol { font-size: 0; }
.login-small-brand::before, .logos .wordmark::before,
.app-card:has([data-act="launch-calepio"]) .app-symbol::before {
  content: "";
  display: inline-block;
  background: center / contain no-repeat var(--calepio-logo);
}
.login-small-brand::before { width: 152px; height: 29px; vertical-align: middle; }
.login-small-brand span { margin-left: 10px; vertical-align: middle; }
.logos .wordmark::before {
  width: 124px;
  height: 24px;
  background-image: var(--calepio-logo-light);
}
.app-card:has([data-act="launch-calepio"]) .app-symbol::before {
  width: 33px;
  height: 33px;
  background-image: var(--calepio-symbol);
}