/* Maritime art direction. Purely visual: form state, API calls and permissions are unchanged. */
:root{--bg:#04141e;--panel:#092b39;--panel2:#0e3544;--surface:#0b2c39;--line:#47616a;--text:#eee9d9;--muted:#a4bac2;--violet:#d9b767;--orange:#e3c780;--cyan:#73b4c4;--gold:#e3c780;--gold-line:#97844e}
body{color:var(--text);background:linear-gradient(#03141fe6,#041d29de),url('/nautical.svg') center/cover fixed!important;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
body:before{content:'';position:fixed;z-index:50;pointer-events:none;inset:7px;border:1px solid #68858a88;outline:1px solid #192f38;outline-offset:-5px}
.shell{margin:14px;min-height:calc(100vh - 28px);border:1px solid #6b7f7a66;grid-template-columns:253px minmax(0,1fr);background:linear-gradient(115deg,#07304444,#04212e66)}
aside:not(.live-preview){height:calc(100vh - 30px);top:15px;border-right:1px solid #9f8d5555;background:linear-gradient(#072634e8,#041b28ee),url('/nautical.svg') center/cover;padding:24px 13px;scrollbar-color:#968250 #09232f;gap:17px}
.brand{font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;font-size:25px;letter-spacing:1px;color:var(--gold);padding:0 6px 19px;border-bottom:1px solid #b69b5355;position:relative}
.brand:after{content:'CENTRE DE COMMANDE';position:absolute;left:55px;bottom:8px;font:8px/1 system-ui;letter-spacing:2.2px;color:#a9c3c6}
.logo{width:37px;height:37px;border:1px solid var(--gold);outline:1px solid #8ab1b35c;outline-offset:3px;border-radius:50%;background:radial-gradient(circle,#183c48,#061e2b);color:#f4d893;box-shadow:inset 0 0 0 3px #092b37;font:700 23px Georgia}
.server{background:linear-gradient(110deg,#173d49,#082734);border:1px solid #6f8c8b;border-radius:4px;box-shadow:inset 0 0 0 3px #071f2b66}.server strong{color:#f2e3be;font-family:Georgia,serif;font-size:13px}.server small{color:#9fb7bd}.server-icon{background:linear-gradient(140deg,#285767,#092735);color:#e7cf92;border:1px solid #a99257;border-radius:50%}
.side-search{border:1px solid #496572;background:#041c28;color:#e4ebec;border-radius:4px;padding:11px}.side-search::placeholder{color:#8ea7b1}.custom-link{border:1px solid #a58b4e;background:linear-gradient(#153e4c,#092b39);color:#ead08d;border-radius:3px;padding:13px;font-family:Georgia,serif;font-size:13px;box-shadow:inset 0 0 0 3px #09232e}
.nav .group-title{color:#c6ad72;font-size:9px;letter-spacing:1.6px;padding-top:15px}.group-items{border-left:1px solid #66838a44;margin-left:5px;padding-left:5px}.group-items button{border-radius:3px!important;padding:11px 10px!important;color:#bbcbd0!important}.group-items button .ico{color:#a7a482;font-size:16px}.group-items button:hover{background:#254c565c!important;color:#fff0c6!important}.nav button.active{color:#ffe0a0!important;background:linear-gradient(90deg,#215365,#0c3342)!important;box-shadow:inset 0 0 0 1px #bc9c50,inset 3px 0 #f0d18b!important;outline:1px solid #9a8b5544;outline-offset:2px}.nav button.active .ico{color:#f2d48a}.profile{border-color:#ab915044}.avatar{background:#143c48;border:1px solid #b19a5d;color:#ebd6a3}.profile strong{color:#e8dcbe}.profile span{color:#9bb8bf}
main{padding:27px 32px 75px;position:relative;background:linear-gradient(180deg,#0e35412e,transparent 270px)}
.top{border-color:#ab935888;padding-bottom:20px;background:linear-gradient(90deg,#0e3a4d66,transparent);margin:0 0 25px;position:relative}.top:after{content:'◇';color:#cfb16c;position:absolute;bottom:-9px;left:50%;font-size:13px;background:#082936;padding:0 12px}.crumb{color:#9fb9c3;font-size:10px;letter-spacing:.5px}.crumb b{color:#ecd39c!important}
h1,h2,h3,.metric-value,.donut b{font-family:Georgia,'Times New Roman',serif!important}.custom-heading h1,.headline h1{color:#efd390;font-size:30px;font-weight:700;letter-spacing:-.4px}.custom-heading h1:before{content:'✧';margin-right:12px;color:#bd9e59;font-size:27px}.custom-heading p,.headline p{color:#abc3cb;font-size:12px}.headline{padding-bottom:12px}.custom-heading{margin:12px 0 23px}.mode-badge{border-color:#917c48!important;background:#173c46!important;color:#dcca96!important}
.settings-card,.card,.bot-profile,.discord-preview,.template-card{background:linear-gradient(115deg,#103b4be8,#062633f5)!important;border:1px solid #728b8a!important;border-radius:5px!important;box-shadow:inset 0 0 0 3px #06233166,0 8px 25px #010e181c!important;position:relative}
.settings-card:before,.card:before{content:'';position:absolute;inset:5px;pointer-events:none;border:0;background:linear-gradient(#c1a15d,#c1a15d) top left/14px 1px no-repeat,linear-gradient(#c1a15d,#c1a15d) top left/1px 14px no-repeat,linear-gradient(#c1a15d,#c1a15d) bottom right/14px 1px no-repeat,linear-gradient(#c1a15d,#c1a15d) bottom right/1px 14px no-repeat;opacity:.65}
.settings-card>h2{font-family:Georgia,serif;font-size:17px;color:#f1dfb5;padding:18px 21px;background:linear-gradient(90deg,#17455688,transparent);border-bottom:1px solid #71877888;letter-spacing:.1px}.settings-body{padding:23px}.settings-card>h2:before{content:'◈';color:#c1a565;font-size:13px}.ux-collapse{color:#cbb77f}.ux-collapse:hover{color:#ffe5a6;background:#d4b95a11}.field>label,.field-label{color:#d2dfe0;font-size:12px}.field small,.help{color:#9eb9c1!important;font-size:11px}.field input:not([type=checkbox]):not([type=color]),.field textarea,.field select,.table-search,.connection-box input{background:#041f2b!important;border:1px solid #627e87!important;color:#e7e5d6!important;border-radius:4px!important;box-shadow:inset 0 2px 6px #00131b44;padding:11px 12px;font-size:12px}.field select{color-scheme:dark}.field input:focus,.field select:focus,.field textarea:focus,.ux-search input:focus{outline:2px solid #d4b46988!important;outline-offset:2px}.field input::placeholder,.field textarea::placeholder{color:#7d9ba7}.field input[type=color]{border:1px solid #9f8e58;border-radius:4px;background:#092a37}
.btn,.ux-tools button,.ux-jumps button{border:1px solid #64808a!important;background:linear-gradient(#244956,#0d2e3d)!important;color:#e4e1d5!important;border-radius:4px!important;box-shadow:inset 0 1px #c0dbde1c;font-size:11px}.btn:hover,.ux-tools button:hover,.ux-jumps button:hover{border-color:#d1b571!important;color:#ffe7ac!important;background:linear-gradient(#2c5867,#123b4b)!important}.save,.btn.primary{background:linear-gradient(#f2d990,#d3aa56)!important;color:#082635!important;border:1px solid #f5d995!important;outline:1px solid #8d6f36;outline-offset:2px;border-radius:5px!important;box-shadow:inset 0 0 0 2px #fff1bf55,0 3px 9px #0005!important;font-family:Georgia,serif!important;font-size:13px;font-weight:700;letter-spacing:.15px}.save:hover,.btn.primary:hover{background:linear-gradient(#ffe7a0,#e2b763)!important}.save:disabled{opacity:.45}.real-publish{background:linear-gradient(#76aab0,#3e7483)!important;color:#041f2d!important;border-color:#a5d2d4!important;outline-color:#466c78}
.module-tabs{border-bottom:1px solid #b39a5e66;gap:5px}.module-tabs button{font-size:12px;color:#b9cdd1!important;font-family:Georgia,serif!important;letter-spacing:.1px}.module-tabs button[aria-selected=true]{color:#f3db9f!important;box-shadow:inset 0 -2px #dfbd70;background:linear-gradient(0deg,#bda35014,transparent)!important}.module-tabs button:hover{color:#f8e8c2!important}
.local-notice{background:linear-gradient(90deg,#143d48c7,#0b2b38)!important;border:1px solid #6e7d6b!important;border-left:2px solid #c9a75a!important;border-radius:4px;color:#b9ced2}.local-notice strong{font-family:Georgia,serif;color:#e8d6aa;font-size:13px}.local-notice small{color:#a5c0c7}.local-notice>span:first-child{color:#d7ba77}.ux-capability{border-color:#516e76;background:#072633;color:#b8cccf;border-radius:4px}.ux-capability summary{color:#c6b57f}.ux-capability .capability-note{background:#102f39;border-color:#576f70;color:#bfced0}.capability-note:before{color:#e0c68b}.live-toolbar{border-color:#6d7e76;background:#082734eb;border-radius:4px;box-shadow:inset 0 0 0 3px #102f3b}.live-toolbar span{color:#b9cfd3!important}.ux-search input{background:#06232fe6;border-color:#617d85;color:#e3e9e5;border-radius:4px;box-shadow:inset 0 1px 5px #00131d55}.ux-search:before{color:#c5b77e}.ux-count{color:#a6bdbf}.ux-jumps{padding-bottom:17px}.ux-jumps .ux-index{color:#d0b87d}.ux-jumps button{background:#0b303d!important;border-color:#5c787b!important;font-size:10px}.ux-empty{border-color:#a38e54;color:#c1d0d0;background:#082936}.ux-module-state{border-radius:4px!important}
.switch-row{border-color:#5a747866}.switch-row strong{color:#dde5df;font-weight:600}.switch-row small{color:#a5bec5}.switch-row input[type=checkbox]{box-shadow:inset 0 1px 4px #00121d66}.pill-select{gap:6px}.pill-select label{border-color:#5b757a;background:#0b2b38;color:#bcced2;border-radius:4px;font-size:11px}.pill-select label:has(input:checked){border-color:#bda362;background:#254b4e;color:#f8e3ad}.record{border-color:#617b7e;background:linear-gradient(90deg,#16404f88,#0b2d3c)!important;border-radius:4px}.record-main strong{font-family:Georgia,serif;font-size:14px;color:#eee1bf}.record-main small{color:#aec5cd}.record-editor{background:#0c303e!important;border-color:#9a8959!important;border-radius:5px}.record-editor h3{color:#e7cc8d}.save-bar{border-color:#a38d55;background:#092b38f5;box-shadow:inset 0 0 0 3px #244b4e66,0 7px 25px #00101766;border-radius:5px;padding:14px 18px}.save-bar>span{color:#adc3c7;font-size:11px}.save-bar:before{content:'◇';color:#c5a760;margin-right:1px}.save-bar .btn{background:#123845!important}
.live-preview{border:1px solid #9b8956;background:linear-gradient(145deg,#103b4a,#041f2d);border-radius:5px;padding:20px;box-shadow:inset 0 0 0 3px #173c4555}.preview-label{font-family:Georgia,serif;font-size:11px;letter-spacing:1.4px;color:#d5c18e}.preview-server{color:#f0dfb8}.preview-server .logo{font-size:18px}.preview-message,.embed-preview{background:#0e303d;border-color:#4d6b77;border-left-color:#cbb06c!important;color:#e5e9df;border-radius:3px}.preview-message h3,.embed-preview h3{color:#f1dfb5}.preview-message p,.embed-preview p{color:#bfd0d4}.preview-buttons>span,.discord-button{background:linear-gradient(#3c626e,#244854);border:1px solid #8fa7a8;border-radius:4px;color:#e5e7d7}.app-badge{background:#386b7b;color:#e7dcbb}.bot-name{color:#f0d18b}.bot-profile{border-color:#a08e59!important}.profile-banner{background:linear-gradient(#09324899,#0b2732bb),url('/nautical.svg') center/cover!important}.choices .choice{border:1px solid #638088;background:#10333f;border-radius:4px;color:#b7ccd3}.choices .choice.selected{border-color:#d4b66c;background:#214851;color:#f2dca3}
.metric-title{color:#b7cdd1;font-size:11px}.metric-value{color:#f1d18b;font-size:29px}.metric-title span{color:#e0c27c}.card h2{color:#f0ddb3;font-size:17px}.card .sub{color:#97b5c0}.chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#7691922b 48px)}.chart svg{filter:sepia(.55) hue-rotate(345deg) saturate(.65)}.donut:after{background:#092b3a}.module{background:linear-gradient(90deg,#153c49,#0b2d3a)!important;border-color:#617d82!important;border-radius:4px!important}.module strong{color:#e9dcb9;font-family:Georgia,serif;font-size:13px}.module small{color:#a3bfc6}.module-icon{color:#d8bf80!important;background:#c7ad6312!important;border:1px solid #9f8d5155;border-radius:50%}.event{border-color:#526f7755}.event strong{color:#e6ddc3}.event p{color:#a8c0c8}.event time{color:#95aeb9}.status{background:#123b32;color:#b1dcb8;border-color:#597f60}
.data-table th{background:#072330;color:#d8c18a;border-color:#637a76;font-size:10px}.data-table td{color:#c6d8d9;border-color:#58707866}.table-scroll{border-radius:0 0 4px 4px}.log-category,.permission-row{background:#0a303d;border:1px solid #5d777c;border-radius:4px}.permission-row summary{font-family:Georgia,serif;color:#e5d4ac}.template-art{background:radial-gradient(circle,#2e5960,#092532);color:#dfc583}.template-card .settings-body h2{color:#ebd59b}.empty-state{color:#aec5cb}.template-card details{color:#c1d3d3}
.connection-screen{background:linear-gradient(#03131caa,#03131cdd),url('/nautical.svg') center/cover!important}.connection-box{background:linear-gradient(130deg,#154352f2,#062431fa);border:1px solid #bba060;border-radius:6px;box-shadow:inset 0 0 0 5px #51757c33,0 20px 100px #0008}.connection-box h1{color:#eed297}.connection-box p{color:#b9cdd1}.connection-box label{color:#dfd4b5}.connection-box a{color:#f1d28e}.preview-dialog,.live-action-dialog{background:#0a2c3a;border-color:#b29a5b;border-radius:5px;color:#ede3c9}.preview-dialog h2,.live-action-dialog h2{color:#e6c880}.preview-dialog::backdrop,.live-action-dialog::backdrop{background:#00111bd9}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#f0cf7b!important}.mobile-menu{background:#143d4a!important;color:#ead29a!important;border-color:#b9a269!important}
@media(min-width:1600px){main{padding:30px 42px 80px}.shell{max-width:1880px;margin:18px auto;min-height:calc(100vh - 36px)}}
@media(max-width:1000px){.shell{grid-template-columns:220px minmax(0,1fr)}main{padding:24px}.custom-heading h1{font-size:27px}}
@media(max-width:600px){body:before{inset:3px}.shell{margin:7px;display:block}.shell>aside{height:calc(100vh - 14px);top:7px}.brand{font-size:23px}main{padding:22px 15px 85px}.custom-heading h1,.headline h1{font-size:25px}.settings-body{padding:18px}.settings-card>h2{font-size:16px;padding:17px}.save-bar{padding:12px}.save-bar:before{display:none}.save-bar .save{font-size:12px;flex:1;min-width:0;white-space:normal}.custom-heading h1:before{margin-right:8px;font-size:22px}.top{margin-bottom:22px;padding-top:38px}.metrics{gap:10px}.card{padding:16px}.metric-value{font-size:25px}.mobile-menu{top:15px;bottom:auto;right:16px}}