/* Account page: presentation only; existing forms and confirmation dialogs stay intact. */
.ol-live-account #milieu>article{max-width:1080px}
.ol-live-account .eu-heading{align-items:center;margin-bottom:25px}
.ol-live-account #h1{font-size:clamp(32px,4vw,46px);margin-bottom:12px}
.ol-live-account .account-nav{display:flex;flex-wrap:wrap;gap:10px;text-align:left!important;margin:22px 0 28px!important}
.ol-live-account .account-nav a{display:block;flex:1 1 180px;color:#137676!important}
.ol-live-account .account-nav .sel_pic_way{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:44px;margin:0;padding:9px 18px;border:1px solid #c5d9da;border-radius:7px;background:white;box-shadow:none}
.ol-live-account .account-nav a:hover .sel_pic_way{background:#edf6f6}
.ol-live-account #meslistes,.ol-live-account #messites,.ol-live-account #para,.ol-live-account #delete-account-zone{min-width:0;margin:0 0 28px;padding:24px;border:1px solid #dce7e7;border-radius:12px;background:#fff;box-shadow:0 4px 16px #30484b06;scroll-margin-top:20px}
.ol-live-account #meslistes>legend,.ol-live-account #messites>legend,.ol-live-account #para>legend,.ol-live-account #delete-account-zone>legend{margin-left:0;padding:0 10px;color:#137676;font:27px/1.3 Cambria,Georgia,serif;background:white}
.ol-live-account .montitre{margin:10px 0 0!important;padding:12px 14px;border:1px solid #c8dddd!important;border-radius:8px!important;background:#f3f9f9;font-size:19px;overflow-wrap:anywhere}
.ol-live-account .montitre table,.ol-live-account .montitre td{border:0;background:transparent}
.ol-live-account .divcompte{margin:0 0 18px;padding:20px;border:1px solid #dce7e7;border-top:0;border-radius:0 0 8px 8px;position:static;background:#fff;overflow-wrap:anywhere}
.ol-live-account .account-manage{display:inline-block;background:#137676;color:#fff;padding:10px 18px;border-radius:6px}
.ol-live-account .admin_button{border:1px solid #dce7e7;border-radius:6px;background:#fff;margin:6px 6px 6px 0;padding:5px;box-shadow:none;max-width:100%}
.ol-live-account .admin_button .logo_admin{width:32px}
.ol-live-account .admin_button img{max-width:30px;max-height:30px}
.ol-live-account .admin_button .desc_logo{font-size:16px}
.ol-live-account .form_ada{max-width:760px;margin:12px 0}
.ol-live-account .form_ada label[for]{float:none;min-width:0;display:block;margin-bottom:7px;font-size:16px;font-weight:normal}
.ol-live-account .form_ada input,.ol-live-account .form_ada select{float:none;min-width:0;max-width:100%;min-height:42px;border:1px solid #bdd1d2;border-radius:6px;padding:9px 12px;font:inherit}
.ol-live-account .form_ada input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.ol-live-account .form_ada select{width:100%}
.ol-live-account .form_ada input[type=checkbox],.ol-live-account .form_ada input[type=radio]{min-height:0;padding:0;accent-color:#137676}
.ol-live-account .form_ada .group{float:none;min-width:0;max-width:100%;width:100%}
.ol-live-account .form_ada .sepa{height:18px}
.ol-live-account .form_ada input[type=submit]{background:#137676;color:white;border:0;cursor:pointer;margin-top:10px}
.ol-live-account #delete-account-zone{box-shadow:none}
.ol-live-account #delete-account-zone>legend{font-size:22px;color:#8a4a52}
@media(max-width:620px){.ol-live-account #meslistes,.ol-live-account #messites,.ol-live-account #para,.ol-live-account #delete-account-zone{padding:16px}.ol-live-account .divcompte{padding:14px}.ol-live-account .account-nav{gap:8px}.ol-live-account .account-nav a{flex-basis:100%}.ol-live-account .montitre{font-size:17px}.ol-live-account .eu-heading{align-items:flex-start;gap:16px}}

/* A calm, centered introduction to the account and its projects. */
.ol-live-account #milieu>article{box-shadow:none}
.ol-live-account #milieu::before{display:none}
.ol-live-account .ariane{font-size:15px;margin-bottom:20px;color:#65787b}
.ol-live-account .ariane>div{background:transparent!important;padding:0!important;top:0!important}
.ol-live-account .account-hero{box-sizing:border-box;text-align:center;padding:34px 24px 30px;margin:20px 0 0;background:#fff;border:1px solid #dce7e7;border-bottom:0;border-radius:14px 14px 0 0}
.ol-live-account .account-hero .ip-kicker{margin:0 0 12px;font-size:14px;letter-spacing:.12em}
.ol-live-account .account-hero #h1{display:block;text-align:center;width:auto;margin:0 0 14px;padding:0;border:0;color:#404040;line-height:1.3}
.ol-live-account .account-intro{max-width:620px;margin:0 auto;color:#57696b;font-size:18px;line-height:1.6}
.ol-live-account .account-privacy{text-align:center;margin:0;padding:0 24px 26px;background:#fff;border:1px solid #dce7e7;border-top:0;border-radius:0 0 14px 14px;font-size:14px;line-height:1.7;color:#65787b}
.ol-live-account .account-privacy a{color:#527477;text-decoration:underline;text-underline-offset:3px}
.ol-live-account .account-nav{gap:14px;margin:24px 0 32px!important}
.ol-live-account .account-nav .sel_pic_way{box-sizing:border-box;border-radius:10px;padding:9px 18px;transition:background .15s,border-color .15s}
.ol-live-account .account-nav a:hover .sel_pic_way{border-color:#179b9b}
@media(max-width:620px){.ol-live-account .account-hero{padding:26px 18px 22px}.ol-live-account .account-intro{font-size:16px}.ol-live-account .account-privacy{padding:0 18px 22px}.ol-live-account .account-nav .sel_pic_way{padding:9px 16px}}

/* Visibility and removal requests share the account's visual language. */
.ol-live-privacy #milieu>article{max-width:1080px;box-shadow:none}
.ol-live-privacy #milieu::before{display:none}
.ol-live-privacy .ariane{font-size:15px;margin-bottom:20px}
.ol-live-privacy .ariane>div{background:transparent!important;padding:0!important;top:0!important}
.ol-live-privacy .privacy-hero{text-align:center;background:white;border:1px solid #dce7e7;border-radius:14px;padding:32px 28px;margin:20px 0}
.ol-live-privacy .privacy-hero h1{display:block;margin:0 0 16px;padding:0;border:0;font-size:clamp(32px,4vw,46px);line-height:1.3}
.ol-live-privacy .privacy-hero p{max-width:740px;margin:0 auto;color:#57696b;line-height:1.6}
.ol-live-privacy .privacy-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:22px 0}
.ol-live-privacy .privacy-panel{padding:28px;margin:0 0 22px;border:1px solid #dce7e7;border-radius:12px;background:white;overflow-wrap:anywhere}
.ol-live-privacy .privacy-panel h2{margin-top:0;scroll-margin-top:24px}
.ol-live-privacy .privacy-panel h3{color:#137676;margin:0 0 14px;font-size:24px}
.ol-live-privacy .privacy-projects{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ol-live-privacy .privacy-projects a{display:block;padding:17px 20px;border:1px solid #c5d9da;border-radius:8px;background:#f5fafa;color:#137676}
.ol-live-privacy .privacy-projects a:hover{background:#eaf4f4;border-color:#179b9b}
.ol-live-privacy .privacy-action{margin-top:24px;padding-top:24px;border-top:1px solid #dce7e7}
.ol-live-privacy .privacy-action input:not([type=hidden]){box-sizing:border-box;width:100%;max-width:480px;min-width:0;margin-top:8px;padding:11px 13px;border:1px solid #bdd1d2;border-radius:6px;font:inherit}
.ol-live-privacy .privacy-action button{max-width:100%;white-space:normal;padding:12px 20px;border:0;border-radius:6px;background:#137676;color:white;font:inherit;cursor:pointer}
.ol-live-privacy .privacy-danger h3{color:#9b4859}
.ol-live-privacy .privacy-danger button{background:#9b4859}
.ol-live-privacy .privacy-help{font-size:17px;line-height:1.6}
.ol-live-privacy .privacy-panel .info,.ol-live-privacy .privacy-panel .attention{margin:12px 0 20px 12px}
.ol-live-privacy .privacy-table table{width:100%;border-collapse:collapse;font-size:16px}
.ol-live-privacy .privacy-table th,.ol-live-privacy .privacy-table td{text-align:left;padding:12px;border:0;border-bottom:1px solid #dce7e7;vertical-align:top}
.ol-live-privacy .privacy-table th{background:#edf6f6;color:#137676}
.ol-live-privacy .privacy-footer{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:16px}
.ol-live-privacy .privacy-footer p{margin:0}
.ol-live-privacy :is(a,button,input):focus-visible{outline:2px solid #137676;outline-offset:3px}
@media(max-width:620px){.ol-live-privacy .privacy-hero{padding:26px 18px}.ol-live-privacy .privacy-panel{padding:20px 16px}.ol-live-privacy .privacy-hero p{font-size:17px}.ol-live-privacy .privacy-action button{width:100%}.ol-live-privacy .privacy-nav{font-size:16px}}

/* Site summaries are read-only information, not disabled edit forms. */
.ol-live-account .account-site-summary{display:flex;align-items:center;gap:18px;padding:4px 0 20px;border-bottom:1px solid #e1eaea;flex-wrap:wrap}
.ol-live-account .account-site-picture{width:64px;height:64px;object-fit:cover;border-radius:10px}
.ol-live-account .account-site-address{flex:1;min-width:180px;overflow-wrap:anywhere}
.ol-live-account .account-site-label,.ol-live-account .account-site-details dt{display:block;font-size:14px;color:#617578;margin:0 0 6px}
.ol-live-account .account-site-address a{color:#137676;font-size:19px}
.ol-live-account .account-site-status{padding:6px 12px;border-radius:20px;font-size:14px;white-space:nowrap}
.ol-live-account .account-site-status.is-active{background:#eaf5ee;color:#347048}
.ol-live-account .account-site-status.is-inactive{background:#fbf1df;color:#805b24}
.ol-live-account .account-site-details{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:22px 0}
.ol-live-account .account-site-details>div{min-width:0}
.ol-live-account .account-site-details dd{margin:0;font-size:18px;overflow-wrap:anywhere}
.ol-live-account .account-site-visibility{display:flex;flex-wrap:wrap;gap:10px 24px;background:#f5f9f9;padding:14px 16px;border-radius:8px;font-size:15px}
.ol-live-account .account-site-visibility>.account-site-label{width:100%;margin:0}
.ol-live-account .account-site-visibility strong{font-weight:normal;color:#405e60;margin-left:6px}
.ol-live-account .account-site-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:20px}
.ol-live-account .account-site-actions a{display:inline-block;padding:10px 16px;border-radius:6px;font-size:16px;text-align:center}
.ol-live-account .account-site-open{border:1px solid #b9d2d2;color:#137676}
.ol-live-account .account-site-activate{background:#137676;color:#fff}
.ol-live-account .account-site-delete{margin-left:auto;color:#92515b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.ol-live-account .account-site-summary{gap:12px}.ol-live-account .account-site-address a{font-size:17px}.ol-live-account .account-site-details{gap:18px;font-size:16px}.ol-live-account .account-site-details dd{font-size:16px}.ol-live-account .account-site-actions{gap:8px}.ol-live-account .account-site-delete{margin-left:0}}
@media(max-width:380px){.ol-live-account .account-site-details{grid-template-columns:1fr}}

/* Shared status icons and compact list actions. */
.ol-live-account .montitre[data-ms]{position:relative;padding-right:52px}
.ol-live-account .account-site-heading-status{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px}
.ol-live-account .account-site-status{display:inline-flex;align-items:center;gap:7px;background:#f4f8f8;color:#526469}
.ol-live-account .account-site-status .material-icons{font-size:24px}
.ol-live-account .account-list-overview{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:4px 0 22px;border-bottom:1px solid #e1eaea}
.ol-live-account .account-list-overview .account-manage{flex-shrink:0;font-size:17px;white-space:nowrap}
.ol-live-account .account-list-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.ol-live-account .account-list-tools a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #c5d9da;border-radius:8px;background:#f7fafa;color:#137676;font-size:17px;line-height:1.4}
.ol-live-account .account-list-tools a:hover{background:#edf6f6;border-color:#179b9b}
.ol-live-account .account-list-tools .material-icons{font-size:25px;flex-shrink:0}
.ol-live-account .account-list-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-top:18px;border-top:1px solid #e1eaea;font-size:15px}
.ol-live-account .account-list-secondary form{margin:0;flex:1;min-width:0}
.ol-live-account .account-list-secondary button{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:0;white-space:normal;text-align:left;border:0;background:transparent;color:#527477;font:inherit;cursor:pointer;line-height:1.5}
.ol-live-account .account-list-secondary button:hover{text-decoration:underline}
.ol-live-account .account-list-secondary button .material-icons{font-size:22px;flex-shrink:0}
.ol-live-account .account-list-secondary .account-site-delete{padding:8px 0}
@media(max-width:760px){.ol-live-account .account-list-tools{grid-template-columns:1fr}.ol-live-account .account-list-tools a{padding:12px 14px}.ol-live-account .account-list-secondary{align-items:flex-start;flex-direction:column}.ol-live-account .account-list-secondary .account-site-delete{margin-left:0}}

/* Button hover feedback uses color and borders instead of link underlines. */
.ol-live-account :is(.account-list-tools a,.account-manage,.account-nav a,.account-site-actions a,.admin_button a,a:has(>.bt_rose),.account-list-secondary button):hover{text-decoration:none}
.ol-live-account .account-manage:hover,.ol-live-account .account-site-activate:hover{background:#106565}
.ol-live-account .account-site-open:hover{background:#edf6f6;border-color:#179b9b}
.ol-live-account .account-list-secondary button:hover{color:#137676}

.ol-live-account .account-create-action{margin-top:24px}
.ol-live-account .account-create-action .bt_rose{box-sizing:border-box;max-width:100%;white-space:normal;padding:10px 20px}

.ol-live-account .account-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:10px 18px;border:1px solid #b9d2d2;border-radius:7px;color:#137676;background:#fff;font-size:16px;text-decoration:none}
.ol-live-account .account-logout:hover{background:#edf6f6;border-color:#179b9b;text-decoration:none}
.ol-live-account .account-logout:focus-visible{outline:2px solid #137676;outline-offset:3px}
.ol-live-account .account-logout .material-icons{font-size:20px}

.ol-live-account .account-nav .sel_desc{min-width:0;line-height:1.3}
.ol-live-account .account-nav .bot_arr{float:none;flex-shrink:0;font-size:1.1em;line-height:1}

.ol-live-account .account-site-note{display:flex;align-items:flex-start;gap:10px;margin:8px 0 18px;padding:12px 16px;border:1px solid #dce7e7;border-radius:8px;background:#f3f9f9;color:#526469;font-size:16px;line-height:1.5;text-align:left}
.ol-live-account .account-site-note .material-icons{flex-shrink:0;font-size:22px;line-height:24px;color:#137676}
.ol-live-account .account-site-note>span:last-child{min-width:0}