/* TEZPUL AI Assistant — graphite and the original violet palette. */
:root{--bg:#0b0e16;--panel:#141924;--panel2:#1b2030;--border:#303347;--text:#f1edf8;--muted:#a5a0b8;--accent:#c993ff;--purple:#9972ea;--green:#c993ff}
body{background:radial-gradient(ellipse at 90% 0,#39204f55,transparent 42%),var(--bg);font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.sidebar{background:#10131e;border-color:#2e2c40}
.brand{letter-spacing:0;gap:12px;align-items:center}
.brand-symbol{display:block;width:46px;height:46px;flex:0 0 46px}
.brand-copy{min-width:0}
.brand-name{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.1;font-weight:750;letter-spacing:-.025em;color:#f7f2ff}
.brand-name b{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 5px;border:1px solid #65477f;border-radius:5px;background:#31213f;color:var(--accent)}
.brand small{font-size:10px;line-height:1.3;color:#a89bb9;letter-spacing:.17em;margin-top:7px;font-weight:500}
.nav-caption{font-size:10px;letter-spacing:.16em;color:#9689a6;margin-top:39px}
.sidebar nav a{color:#b4a8c5;border:1px solid transparent;padding:11px 13px;border-radius:10px}
.sidebar nav a:hover{background:#231c31;border-color:#3c2c4e;color:#fbf7ff}
.sidebar nav a.active{background:linear-gradient(110deg,#39254e,#241b33);border-color:#684a86;color:#edd6ff;box-shadow:none}
.nav-dot{border-radius:3px;transform:none;background:#89749f}
.side-bottom{background:linear-gradient(120deg,#2c203b,#1b1929);border-color:#4a385e;color:#dfd2ee;border-radius:12px;padding:16px 13px}
.side-bottom small{color:#a28fb5;margin-top:6px}
.online{box-shadow:0 0 0 4px #c993ff12;width:7px;height:7px}
.top{padding-bottom:23px;border-bottom:1px solid var(--border);margin-bottom:34px}
.eyebrow{color:#c6a2e8;letter-spacing:.15em;font-size:10px}
.top h1{font-weight:650;letter-spacing:-.035em;margin-top:9px}
.top-right{flex:0 1 auto;gap:0;margin-left:auto;max-width:100%}
.account{display:flex;align-items:center;gap:11px;min-width:0;max-width:100%;padding:7px 8px 7px 9px;border:1px solid #4b395f;border-radius:14px;background:linear-gradient(125deg,#2d213b99,#1d192b99);box-shadow:inset 0 1px 0 #ecd3ff08}
.account-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #8862ad;border-radius:11px;background:linear-gradient(140deg,#5b3d7e,#342347);color:#efdbff;font-size:15px;font-weight:650}
.account-copy{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:160px;padding-right:5px}
.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3e9fc;font-size:13px;line-height:1.2;font-weight:600}
.account-role{color:#ae9abb;font-size:11px;line-height:1.2}
.account-logout{flex-shrink:0;margin:0;padding-left:8px;border-left:1px solid #513d62}
.account-logout button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;background:transparent;border:1px solid transparent;border-radius:9px;box-shadow:none;color:#cab5dd;font:inherit;font-size:12px;line-height:1;white-space:nowrap}
.account-logout button:hover{background:#bb8be614;border-color:#85619d66;color:#f3e4ff;filter:none}
.account-logout button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.account-logout svg{flex-shrink:0}
.profile{border-color:#544065;background:#2d203c;color:#eaddf7;font-size:12px;border-radius:100px;padding:9px 14px}
.pill{background:#271d34;border-color:#50395f;color:#d7bce8;letter-spacing:0;font-size:11px;padding:8px 13px}
.panel,.stat{background:linear-gradient(135deg,#191c2a,#141724);border-color:#343248;box-shadow:0 8px 24px #0000000c}
.panel{border-radius:16px}
.panel h2{font-weight:650;color:#eef5f1}
.panel-heading h2{letter-spacing:-.02em}
.stat{border-radius:14px;border-top:2px solid #9569c4;overflow:hidden}
.stat:nth-child(2){border-top-color:#b38acb}
.stat:nth-child(3){border-top-color:#7566ae}
.stat:nth-child(4){border-top-color:#71728e}
.stat small{color:#b3a7c7;line-height:1.4}
.stat strong{color:#f5edff;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.stat span{color:#9d93af}
.stat-icon{background:#34233f;color:var(--accent)}
.entity{border-color:#343044}
.entity-icon{background:linear-gradient(130deg,#39264e,#261c36);border:1px solid #584074;color:var(--accent);border-radius:11px}
.entity-body strong{font-weight:600;color:#f0e9fa}
.entity-body small{color:#b0a1c0}
.tags{color:#a38ab9}
.form label,.form .form-label{color:#d7c8e7}
.form input:not([type=checkbox]),.form textarea,.form select{background:#101320;border-color:#48405b;border-radius:10px;color:#f3ecfc}
.form input::placeholder,.form textarea::placeholder{color:#9e92ad;opacity:1}
.form input:focus,.form textarea:focus,.form select:focus{border-color:#c393ff;box-shadow:0 0 0 3px #c393ff1a}
.check input{accent-color:var(--accent)}
button,.button{background:#49345e;border-color:#775690;color:#f3e7ff;border-radius:9px;font-weight:500}
button:hover,.button:hover{filter:brightness(1.12);border-color:#aa83c9}
button.primary{background:linear-gradient(115deg,#c49af7,#9365d9);border-color:#d9b6ff;color:#1f0e35;font-weight:750;box-shadow:0 4px 16px #a275e819}
button.outline,.button.outline{background:transparent;border-color:#53445f;color:#d0bfe0}
.edit-link,.panel-heading a,summary{color:#d4a9ff}
.alert{background:#30213e;border-color:#715184;color:#ead7fa;border-radius:11px}
.success{color:#8be2bd}
.warning{color:#e7c58e}
.state{background:#342d43;color:#d0c1e7;border:1px solid #59476e}
.state.done{background:#1b3c32;border-color:#3b6653;color:#a9e9c8}
.state.running,.state.review{background:#3b3426;border-color:#6b5b3e;color:#f0d59c}
.state.failed,.state.blocked{background:#3e2c2d;border-color:#654345;color:#eeb4ad}
.setting,.health-check,.endpoint-row{border-color:var(--border)}
.settings-tabs a{border-radius:10px;color:#b3a3c4;background:#151422}
.settings-tabs a.active{color:#ead0ff;border-color:#8259a0;background:#352143;box-shadow:inset 0 -2px 0 var(--accent)}
.settings-details,.form fieldset{border-color:#4e3c5d;border-radius:11px}
.integration-card{background:#161523;border-color:#433450;border-radius:13px}
.endpoint-address,pre{background:#0e111c;border:1px solid #3c304d;color:#c7b6df;border-radius:10px}
th{color:#bcaaca;letter-spacing:.06em}
td{color:#d9cbe6;border-color:#3b3047}
td:first-child{color:#c9b5dc}
.login-wrapper{background:radial-gradient(ellipse at 50% 30%,#502c6977,transparent 60%)}
.login-card{position:relative;background:linear-gradient(145deg,#242035,#151522);border:1px solid #644a79;border-radius:23px;box-shadow:0 28px 100px #0006}
.login-card::before{content:'';position:absolute;top:0;left:33px;right:33px;height:2px;background:linear-gradient(90deg,transparent,#c993ff,#d7b4ff,transparent)}
.login-card .brand-symbol{width:52px;height:52px;flex-basis:52px}
.login-card .brand-name{font-size:26px}
.login-card h1{letter-spacing:-.035em;font-weight:650}
.login-card .muted{max-width:280px;line-height:1.6}
.mobile-menu{background:linear-gradient(120deg,#2a203b,#1b192a);border-color:#57406d}
.mobile-menu summary{color:#f3e8ff}
.mobile-menu .mobile-current{color:#c8b3d9}
footer{color:#aa95ba;font-size:11px;letter-spacing:.02em}
.task-documents{margin-top:18px;padding-top:4px}
.task-documents h4{font-size:13px;color:#d7c3e8;margin:8px 0}
.task-document{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--border);padding:12px 0;min-width:0}
.task-document>div:first-child{flex:1;min-width:140px;overflow-wrap:anywhere}
.task-document strong{font-size:13px;font-weight:600}
.task-document small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.document-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}
.document-actions form{margin:0}
.document-actions .button,.document-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;font-size:12px;text-decoration:none;white-space:normal;text-align:center}
@media(max-width:960px){
 .sidebar{background:#171321;border-bottom-color:#4a355c}
 .sidebar .brand{gap:12px}
 .sidebar nav a{padding:10px}
 .top{margin-bottom:30px;padding-bottom:19px}
}
@media(max-width:600px){
 .brand-symbol{width:43px;height:43px;flex-basis:43px}
 .brand-name{font-size:20px}
 .brand small{font-size:9px;letter-spacing:.15em;margin-top:5px}
 .panel{border-radius:13px}
 .entity-icon{padding:7px 0}
 .responsive-table tr{background:#191523;border-color:#433450}
 .responsive-table td{border-color:#3b3047}
 .settings-tabs a.active{box-shadow:inset 0 -2px 0 var(--accent)}
 .login-card{border-radius:20px}
 .top-right{width:100%;justify-content:flex-end}
 .account{gap:10px;padding:5px 6px 5px 7px}
 .account-copy{max-width:none;flex:1}
 .account-logout button{padding:0 9px}
}