/* GMAO : thème relief doux, sans modification des données. */
:root{--accent:#117e83;--canvas:#f5f7f7;--ink:#243d50}
body{background:radial-gradient(ellipse at 85% 0%,#e9f4f1 0,transparent 46%),#f5f7f7}
#workspace>aside{background:linear-gradient(150deg,#234858 0%,#183544 48%,#142e3c 100%);border-right:1px solid #ffffff38;box-shadow:6px 0 24px #1c3b4810}
.session-bar{background:linear-gradient(#fff,#f5f8fa)}
button{background:linear-gradient(180deg,#fff 0%,#f3f7f9 100%);border:1px solid #cbdbe3;box-shadow:inset 0 1px 0 #fff,0 3px 0 #cbd8e0,0 5px 9px #193d4f0b;transition:transform .15s,box-shadow .15s,background .15s}
button:hover{background:linear-gradient(#fff,#eaf5f4);border-color:#9ac6c8;box-shadow:inset 0 1px 0 #fff,0 4px 0 #bad4d5,0 7px 13px #193d4f14;transform:translateY(-1px)}
button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #18374414,0 1px 0 #b8cbd5}
button:disabled{transform:none;box-shadow:none;opacity:.55;cursor:not-allowed}
nav button{background:linear-gradient(180deg,#ffffff10,#ffffff04);border:1px solid #ffffff16;border-bottom-color:#091e2d75;box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #0a22324d,0 4px 7px #03142017;margin-bottom:9px;padding:11px 13px;color:#d7e7ee;border-radius:11px}
nav button:hover{background:linear-gradient(180deg,#365e6c,#284c5b);border-color:#78a2af66;box-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #0b2636,0 7px 12px #061d2a33;color:#fff}
nav button.active{background:linear-gradient(150deg,#289f9e,#14757d);border:1px solid #56bab6;color:white;box-shadow:inset 0 1px 0 #a5f5e477,inset 3px 0 0 #9ef3d9,0 4px 0 #0b505a,0 6px 14px #021e2938}
nav button.active:hover{background:linear-gradient(150deg,#2caeaa,#1a858c)}
nav button.active:active{box-shadow:inset 0 2px 6px #073e4c66,0 1px 0 #0b505a}
nav i{color:#9bd3d8;text-shadow:0 1px 1px #0004}
.nav-search input{background:linear-gradient(#102c3c,#1b3b4b);box-shadow:inset 0 2px 5px #061b2a44;border:1px solid #5c829266}
.primary,#add{background:linear-gradient(165deg,#27a6a4 0%,#16878c 55%,#10727b 100%);border:1px solid #147d83;box-shadow:inset 0 1px 0 #a9efe680,0 4px 0 #0a5964,0 7px 13px #0d6a6d20;color:#fff;text-shadow:0 1px 1px #073c4d33}
.primary:hover,#add:hover{background:linear-gradient(165deg,#35b7ad,#178c94);border-color:#178489;box-shadow:inset 0 1px 0 #baf9ed99,0 5px 0 #0a5964,0 9px 16px #0d6a6d26}
.primary:active,#add:active{box-shadow:inset 0 2px 6px #06434d44,0 1px 0 #0a5964;transform:translateY(3px)}
[class$="-tabs"]{gap:12px;padding:4px 2px 9px}
[class$="-tabs"] button{border-radius:11px;min-height:44px;padding:11px 16px;font-weight:650;letter-spacing:.1px;background:linear-gradient(#fff,#edf3f7);color:#3b5a70;border:1px solid #c7d7e1;box-shadow:inset 0 1px 0 white,0 4px 0 #c6d5df,0 6px 10px #173f5410}
[class$="-tabs"] button:hover{background:linear-gradient(#fff,#e0f3ef);border-color:#92c6c1;transform:translateY(-2px)}
[class$="-tabs"] button.primary,[class$="-tabs"] button.active{background:linear-gradient(155deg,#39aba9,#187d87);color:white;border-color:#3ba1a2;box-shadow:inset 0 1px 0 #b8f1e7aa,0 4px 0 #10616d,0 7px 12px #0b667321}
[class$="-tabs"] button:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #15495e22,0 1px 0 #9ab9c6}
.session-bar button{background:linear-gradient(#fff,#edf3f7);box-shadow:inset 0 1px 0 white,0 2px 0 #d3dfe6,0 4px 7px #183d4f08}
#session-notifications{background:linear-gradient(#f5fffc,#dcf2ed);border-color:#a2d4cb;color:#146d68;box-shadow:inset 0 1px 0 white,0 2px 0 #acd2c8}
#session-logout,.danger{background:linear-gradient(#fffafa,#f9eded);border-color:#e9c8c8;color:#994750;box-shadow:inset 0 1px 0 white,0 3px 0 #dfc3c6}
.metric{background:linear-gradient(135deg,#fff,#fbfdfc);box-shadow:inset 0 1px 0 white,0 4px 0 #e3e9ee,0 10px 25px #233f5007}
.metric .icon{background:linear-gradient(#f2fbf8,#d9eeea);border:1px solid #d4e8e3;box-shadow:inset 0 1px 0 white,0 3px 0 #c5ded7;border-radius:13px}
.metric:nth-child(2) .icon{background:linear-gradient(#f3f8ff,#e2ecfb);border-color:#d5e1f4;box-shadow:inset 0 1px 0 white,0 3px 0 #c6d7ee;color:#557aaa}
.metric:nth-child(3) .icon{background:linear-gradient(#fffaf0,#f8eddb);border-color:#eee2c8;box-shadow:inset 0 1px 0 white,0 3px 0 #e5d6b8;color:#997a39}
.metric:nth-child(4) .icon{background:linear-gradient(#fbf6ff,#eee4f8);border-color:#e3d8ed;box-shadow:inset 0 1px 0 white,0 3px 0 #d9cbe5;color:#8c6aa3}
.panel{box-shadow:0 4px 0 #e7ecef,0 10px 28px #16374607}.panel-head{background:linear-gradient(#fff,#f9fcfc)}
.rowbtn{background:linear-gradient(#fff,#e9f3f5);box-shadow:inset 0 1px 0 white,0 2px 0 #c9dde2;border:1px solid #d3e4e7}
.link,.dialog-head button{background:transparent;box-shadow:none;border:0;text-shadow:none}.link:hover,.dialog-head button:hover{background:#eaf6f3;box-shadow:none;transform:none}
.aside-bottom button{background:linear-gradient(#ffffff0c,#ffffff04);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff0f,0 2px 0 #081f2e80;color:#d7e7ef}
.badge{box-shadow:inset 0 1px 0 #ffffff88,0 1px 2px #25485d14}
.auth-card{background:linear-gradient(145deg,#fff,#f6faf9);box-shadow:0 7px 0 #8eb7b633,0 30px 80px #00121c77}
@media(max-width:700px){nav button{margin-bottom:9px}.session-bar{gap:9px}.session-bar button{margin-bottom:3px}[class$="-tabs"] button{padding:10px 12px;font-size:11px}.metrics{gap:14px}.metric{margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){button:hover,button:active,[class$="-tabs"] button:hover,[class$="-tabs"] button:active,#add:active{transform:none!important}}
