/* Refonte d’interface selon le visuel de référence — Untibebe */
.ubc-page{--ubc-plum:#68163f;--ubc-berry:#943258;--ubc-rose:#bf6686;--ubc-pale:#fbf0f1;--ubc-ink:#30252d;--ubc-muted:#6b5964;--ubc-line:#e8d3dc;--ubc-card:#fffefd;background:radial-gradient(ellipse at 88% 10%,rgba(224,185,197,.22),transparent 34rem),linear-gradient(180deg,#fffaf7 0%,#fff7f5 100%)}
.ubc-page .ubc-shell{max-width:1280px;padding:0 38px}
.ubc-page .ubc-header{min-height:138px;padding:14px 22px 14px 20px;border-bottom:1px solid #ead8df;background:linear-gradient(105deg,rgba(255,255,255,.72),rgba(255,246,248,.5));overflow:hidden}
.ubc-page .ubc-header:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 96% 5%,rgba(237,208,215,.6) 0 18%,transparent 18.5%),radial-gradient(ellipse at 84% 115%,rgba(245,224,218,.45) 0 19%,transparent 19.5%)}
.ubc-page .ubc-header:after{content:"";position:absolute;right:22px;top:2px;display:block;flex:0 0 220px;width:220px;height:132px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%20170%22%3E%3Cpath%20d%3D%22M0%20132c49-30%2093-24%20137-9%2043%2015%2074%2013%20123-22v69H0z%22%20fill%3D%22%23f8e9ee%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M25%2096c32-40%2065-39%2096-13%22%20fill%3D%22none%22%20stroke%3D%22%238c9776%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M36%2080c-9-17-23-15-20-5%203%208%2012%2012%2023%2015m-5-3c-4-18%207-24%2011-14%203%208-1%2015-6%2021m18-17c-3-16%207-21%2012-11%204%208-1%2014-7%2019%22%20fill%3D%22%239da387%22%2F%3E%3Cpath%20d%3D%22M78%2092h115v57H78z%22%20fill%3D%22%23e9c7b7%22%2F%3E%3Cpath%20d%3D%22M70%2082h130v18H70z%22%20fill%3D%22%23f1d6ca%22%2F%3E%3Cpath%20d%3D%22M126%2082h17v67h-17zM70%2090h130v13H70z%22%20fill%3D%22%23c36383%22%2F%3E%3Cpath%20d%3D%22M135%2083c-15-32-37-36-43-27-8%2012%2018%2029%2043%2029m0-2c15-32%2037-36%2043-27%208%2012-18%2029-43%2029%22%20fill%3D%22none%22%20stroke%3D%22%23d27494%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M184%20103c-15%200-19%2011-16%2021%204%2014%2016%2019%2016%2019s12-5%2016-19c3-10-1-21-16-21z%22%20fill%3D%22%23fff8f5%22%20stroke%3D%22%23d27494%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;box-shadow:none;clip-path:none;pointer-events:none}
.ubc-page .ubc-header>img{position:relative;z-index:1;width:min(360px,calc(100% - 230px))!important}
.ubc-page main{min-height:58vh;padding:34px 0 58px}
.ubc-page h1{font-size:clamp(2rem,3vw,2.55rem);letter-spacing:-.025em}
.ubc-page .ubc-list-group{margin:28px 0 34px;padding:0;border:0;border-radius:0;background:transparent}
.ubc-page .ubc-list-group>h2{display:flex;align-items:center;gap:15px;margin:0 0 18px;font-size:1.72rem}
.ubc-page .ubc-list-group>h2 svg{width:36px;height:36px;flex:0 0 36px;fill:none;stroke:var(--ubc-plum);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ubc-page .ubc-list-group>.ubc-grid{grid-template-columns:minmax(0,1fr);gap:15px;margin:0}
.ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile{position:relative;display:grid;grid-template-columns:196px minmax(0,1fr);align-items:center;column-gap:28px;min-height:238px;padding:22px;border:1px solid #e5cbd6;border-radius:22px;background:rgba(255,255,255,.73);box-shadow:0 6px 18px rgba(89,37,62,.055);overflow:hidden}
.ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile:before{content:none}
.ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile:after{content:"›";position:absolute;right:30px;top:30px;color:var(--ubc-plum);font:400 2.5rem/1 system-ui;pointer-events:none}
.ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile>*{grid-column:auto;min-width:0}
.ubc-page .ubc-list-cover{display:grid;place-items:center;width:196px;height:196px;border:1px solid #ead5dc;border-radius:20px;background:linear-gradient(145deg,#fff9f6,#f5e6e5);overflow:hidden}
.ubc-page .ubc-list-cover svg{width:100%;height:100%;padding:8px}
.ubc-page .ubc-list-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding-right:42px}
.ubc-page .ubc-list-content h3{margin:0 0 2px;color:#4c1534;font:700 1.65rem/1.25 Georgia,"Times New Roman",serif}
.ubc-page .ubc-list-content p{margin:2px 0;color:var(--ubc-ink);font-size:1.02rem}
.ubc-page .ubc-list-content .ubc-list-meta,.ubc-page .ubc-list-content .ubc-list-status{display:flex;align-items:center;gap:10px}
.ubc-page .ubc-meta-icon{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--ubc-plum);font-size:1.2rem}
.ubc-page .ubc-list-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.ubc-page .ubc-list-actions button,.ubc-page .ubc-list-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;border-radius:11px;font-size:1rem}
.ubc-page .ubc-list-actions button:first-child,.ubc-page .ubc-list-actions .ubc-list-primary{background:linear-gradient(115deg,#9f385e,#b24a6b);border:1px solid #8e2c53;color:#fff}
.ubc-page .ubc-list-actions .ubc-list-primary{color:var(--ubc-plum);background:#fff9fa;border:1.5px solid #9d2d56;text-decoration:none;font-weight:700}
.ubc-page .ubc-list-actions .ubc-remove-list{min-height:40px;padding:8px 13px;background:#f8edef;border:1px solid #eedce2;color:#6d193e;font-size:.92rem}
.ubc-page .ubc-list-actions .ubc-remove-list:hover{background:#f3dfe5}
.ubc-page .ubc-list-actions .ubc-list-unavailable{margin:0}
.ubc-page .ubc-list-group>.ubc-grid>p{padding:17px 20px;border:1px solid var(--ubc-line);border-radius:14px;background:#fff}
.ubc-page .ubc-list-group>p{margin:-10px 0 15px;color:var(--ubc-muted)}
.ubc-page .ubc-footer{position:relative;margin-top:30px;padding-top:48px}
.ubc-page .ubc-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:40px;background:radial-gradient(ellipse at 16% 100%,#f6e5e7 0 42%,transparent 43%),radial-gradient(ellipse at 75% 0%,#f8e8e4 0 44%,transparent 45%);opacity:.9}
@media(max-width:900px){
 .ubc-page .ubc-shell{padding:0 22px}
 .ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile{grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px}
 .ubc-page .ubc-list-cover{width:150px;height:150px}
 .ubc-page .ubc-list-content h3{font-size:1.4rem}
}
@media(max-width:600px){
 .ubc-page .ubc-shell{padding:0 14px}
 .ubc-page .ubc-header{min-height:94px;padding:10px 5px;gap:6px}
 .ubc-page .ubc-header:after{right:0;top:5px;width:92px;height:80px;flex-basis:92px}
 .ubc-page .ubc-header>img{width:min(282px,calc(100% - 88px))!important}
 .ubc-page main{padding:24px 0 40px}
 .ubc-page .ubc-list-group{margin:23px 0 28px}
 .ubc-page .ubc-list-group>h2{gap:10px;font-size:1.35rem}
 .ubc-page .ubc-list-group>h2 svg{width:29px;height:29px;flex-basis:29px}
 .ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile{grid-template-columns:82px minmax(0,1fr);gap:13px;min-height:0;padding:13px;border-radius:16px}
 .ubc-page .ubc-list-group>.ubc-grid>.ubc-list-tile:after{right:10px;top:12px;font-size:1.9rem}
 .ubc-page .ubc-list-cover{width:82px;height:82px;border-radius:13px}
 .ubc-page .ubc-list-cover svg{padding:2px}
 .ubc-page .ubc-list-content{gap:3px;padding-right:18px}
 .ubc-page .ubc-list-content h3{font-size:1.08rem}
 .ubc-page .ubc-list-content p{font-size:.9rem;line-height:1.35}
 .ubc-page .ubc-meta-icon{width:17px;height:17px;font-size:1rem}
 .ubc-page .ubc-list-actions{gap:8px;margin-top:8px}
 .ubc-page .ubc-list-actions button,.ubc-page .ubc-list-actions a{max-width:100%;min-height:40px;padding:8px 10px;font-size:.88rem}
 .ubc-page .ubc-list-actions .ubc-remove-list{min-height:34px;font-size:.78rem}
 .ubc-page .ubc-list-group>p{font-size:.94rem}
}
@media(prefers-reduced-motion:reduce){.ubc-page *,.ubc-page *:before,.ubc-page *:after{scroll-behavior:auto!important;transition:none!important}}