/* Studio presentation. Production business rules remain in the source modules. */
:root{color-scheme:dark;--bg:#111116;--paper:#1b1b23;--ink:#f1f0f5;--muted:#a2a0b1;--line:#30303b;--nav:#17171f;--accent:#f07abe;--accent-light:#312233;--hover:#f07abe;--selected:#f07abe;--blue:#8cb7f6;--success:#8cd6b1;--amber:#efc382;--danger:#f493a4;--radius:13px;--sidebar:256px;--shadow:0 8px 24px #00000012;--transition:180ms}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.55;background:var(--bg);color:var(--ink)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:background .18s,border-color .18s,transform .18s}button:disabled{opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#875474;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#45434f;border-radius:10px}h1{font-size:30px;letter-spacing:-1.2px;font-weight:650}h2{font-size:15px}h3{font-size:13px}small,.small{font-size:11px}a{color:var(--blue)}.skip-link{position:fixed;top:-80px;left:16px;z-index:500;background:var(--accent);color:#17121a;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}
/* Original transparent logo, at its exact 2048:533 ratio. No plaque. */
.estilotech-mark{display:block;position:relative;width:193px;max-width:100%;aspect-ratio:2048/533;background:transparent!important;line-height:0;flex:none}
.estilotech-mark img,.brand .estilotech-mark img{display:block;width:100%;height:auto!important;aspect-ratio:2048/533;object-fit:contain;object-position:center;background:transparent!important;border:0;border-radius:0;padding:0;max-width:100%}
.estilotech-mark .mark-light{position:absolute;inset:0;filter:brightness(0) invert(1);clip-path:inset(0 0 0 30.7%);opacity:.94;pointer-events:none}
.sidebar{background:var(--nav);border-right:1px solid #2b2933;color:var(--muted)}.brand{padding:26px 25px 16px;display:block;background:transparent}.brand-product{display:flex;align-items:center;gap:9px;margin-top:21px}.brand-product strong{font-size:19px;letter-spacing:-.7px}.brand-product>span{border:1px solid #614159;border-radius:4px;padding:2px 6px;font-size:8px;letter-spacing:1.5px;color:#ef98ca}.runtime{margin:0 23px 17px;padding:9px 0 12px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:10px;gap:8px}.runtime .badge{background:#27232f;color:#c2abc8;font-size:8px}.runtime .dot{background:#b094cc;width:5px;height:5px}.nav-scroll{padding:0 13px;scrollbar-width:thin}.nav-title{margin:8px 12px 12px;font-size:9px;letter-spacing:1.7px;color:#7f7b91}.nav-link{border-radius:7px;padding:9px 12px;min-height:37px;gap:11px;margin:2px 0;color:#aaa7b8;font-size:11px;font-weight:450}.nav-link .icon{width:16px;height:16px;color:#91899e}.nav-link:hover{background:#25212d;color:#faf3fa}.nav-link[aria-current=page]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.nav-link[aria-current=page] .icon{color:var(--accent)}.nav-link .count{background:#31303c;color:#c2bacd;font-size:9px;min-width:20px}.nav-link[aria-current=page] .count{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.sidebar-bottom{border-top:1px solid var(--line);padding:12px 18px 15px;gap:10px}.sidebar-bottom .side-box{border:0;background:transparent;border-radius:0;padding:0;margin:0 0 10px}.side-box p{font-size:9px;line-height:1.4;color:#858094;margin-top:6px}.side-label{font-size:10px;color:#aaa2ba}.side-box select{min-height:32px;border:1px solid #36313f;background:#211e2a;color:#ddd3e5;font-size:10px;border-radius:6px;margin-top:6px;padding:6px 9px}.side-organize{font-size:10px;padding:0 0 10px;color:#afa3ba}.theme-dots{margin-top:7px;gap:9px}.theme-dot{width:16px;height:16px}.theme-dot[aria-pressed=true]{outline:1px solid #ddd3e6;outline-offset:3px}.side-account{padding:9px 0 0;gap:9px;border-top:1px solid var(--line)}.side-account strong{font-size:11px}.side-account small{font-size:9px}.avatar{background:#383044;color:#d9c9e8;border:1px solid #4e3e5e}.avatar.admin{background:#392d40;color:#f3b0d6}.avatar.team{background:#233c3b;color:#a2daca}.avatar.manager{background:#2c344b;color:#b0c5fa}
.topbar{background:#111116ed;border-bottom:1px solid #292731;height:74px;padding:0 31px;backdrop-filter:blur(16px)}.search{background:transparent;border:0;padding:0;max-width:400px;gap:12px}.search .icon{color:#797489}.search input{background:transparent!important;border:0!important;padding:0;font-size:11px;color:var(--ink)}.search input::placeholder{color:#848091}.topbar-right{gap:16px}.sync-badge{background:#1c1c24;border:1px solid #30303b;border-radius:6px;color:#aca2bb;font-size:9px;padding:6px 9px}.sync-badge .icon{width:13px;height:13px}.topbar .icon-btn{border:0;background:transparent;color:#a39bb1}.topbar-user strong{font-size:11px}.topbar-user small{font-size:9px}.main{padding:98px 31px 40px;max-width:none}.studio-evaluation{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#908799;font-size:9px;letter-spacing:.25px;padding:0 0 22px}.studio-evaluation>span:first-child{color:#b0a8be;display:flex;align-items:center;gap:7px}.studio-evaluation i{display:inline-block;width:5px;height:5px;background:#d78fc0;border-radius:50%}.page-head{margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:600;margin-bottom:10px}.page-actions{gap:20px}.desc{color:#9994a8;font-size:11px;line-height:1.65;margin-top:9px;max-width:760px}.banner,.banner.pause{background:#28202e;border-color:#57425c;color:#e2c8e9;border-radius:10px}.banner p{color:#bca3c6}
.btn{background:#24232d;border:1px solid #3c3547;border-radius:7px;color:#d2c7dc;min-height:35px;padding:7px 12px;font-size:11px;font-weight:550;gap:7px}.btn .icon{width:15px;height:15px}.btn:hover:not(:disabled){background:#33303e;border-color:#5b4965}.btn.primary,.btn.accent{background:var(--accent);border-color:var(--accent);color:#211323;box-shadow:0 4px 17px #ef78bc0c}.btn.primary:hover:not(:disabled),.btn.accent:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,white);border-color:var(--accent);color:#211323;transform:translateY(-1px)}.btn.soft,.btn.white{background:#302939;color:#e8d9f1;border-color:#55435f}.btn.white:hover:not(:disabled){background:#42334c}.btn.danger{background:#35232d;border-color:#64404d;color:#f4a6b7}.btn.cyan{background:#8ed8db;color:#162c31;border-color:#8ed8db}.btn.icon-btn{width:33px;min-height:33px}.badge{background:#2b2734;border:1px solid #44374e;color:#baaacb;font-size:9px;line-height:1.6;padding:2px 7px;border-radius:5px}.badge.blue{color:#a8caff;background:#233046;border-color:#354963}.badge.good{color:#9bdfba;background:#23372f;border-color:#3a5245}.badge.warn{color:#edca95;background:#3b3025;border-color:#594839}.badge.bad{color:#f6a7b5;background:#3b2531;border-color:#61404c}.badge.purple{color:#d0b4f3;background:#332a44;border-color:#514063}.badge.muted{color:#aaa3b8;background:#282532;border-color:#393342}.badge.dark{background:#312839;color:#e3c3ea;border-color:#53405c}.chip{background:#2d2937;border-color:#4b3c57;color:#cebedf}.tile-icon{background:#36243b;color:#d3a3e2}.tile-icon.blue{background:#263048;color:#9cc5f7}.tile-icon.green{background:#21372f;color:#99d8ba}.tile-icon.red{background:#3d2631;color:#f5a3b4}.tile-icon.yellow{background:#3b3023;color:#edc994}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.panel-head{padding:20px 21px;border-color:var(--line);gap:15px}.panel-head p,.panel p{color:var(--muted);font-size:11px;line-height:1.65}.panel-body{padding:21px}.panel-foot{background:#191820;color:#968ca4;border-color:var(--line);padding:14px 21px;font-size:10px}.row{border-color:#302b39;padding:15px 21px;gap:18px}.row:hover{background:#ffffff02}.row .material-title{margin-top:0;font-size:12px}.row small{font-size:10px}.row .right strong{font-size:11px}.row .right small{font-size:8px;letter-spacing:.6px}.dark-panel{background:radial-gradient(ellipse at top right,#58324b70,transparent 70%),#241e2e;border:1px solid #45304d;border-radius:var(--radius);padding:25px;color:#f2e2f4}.dark-panel p{color:#bfa9c9;font-size:11px;line-height:1.85;margin:12px 0 20px}.dark-panel .tile-icon{background:#46334b;color:#eeb3dc}.dark-panel h2{font-size:19px;font-weight:500;letter-spacing:-.5px}.note{background:#25232e;color:#c7bbd5;border:1px solid #40364b;border-radius:9px;font-size:11px;padding:15px}.note p{font-size:10px;color:#a99cb8}.note.warn{background:#322a24;border-color:#534334;color:#edc9a0}.note.purple{background:#2c2337;border-color:#4b375d;color:#d4b9ed}.note.critical{background:#33242d;border-color:#5c3748;color:#f2acbe}.note.cyan{background:#203235;border-color:#344f56;color:#a7d8dc}.empty{padding:37px 20px;color:#9c90aa}.empty strong{font-size:12px;font-weight:550;color:#bcb0cc}.empty p{font-size:10px;max-width:410px}.empty .icon{color:#756481}.grid-main{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:20px}.grid-two,.grid-three{gap:17px}.stack{gap:20px}
.filters{border:1px solid #2f2b38;background:#17161e;border-radius:9px;padding:13px 16px;gap:14px;margin-bottom:22px;align-items:end}.filters .field label{font-size:8px;letter-spacing:1px;color:#95879f}.field label,.field-label{font-size:10px;font-weight:500;color:#b7a9c5}.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select,textarea{background:#16151c;border:1px solid #3b3245;border-radius:7px;min-height:35px;padding:8px 10px;color:#ded3e8;max-width:100%;font-size:11px}input::placeholder,textarea::placeholder{color:#86778f}.field select,select{color-scheme:dark}.filters input,.filters select{min-height:32px!important;font-size:10px!important}.toggle{accent-color:var(--accent);background:#423449}.form-grid{gap:17px}.form-actions{gap:9px}.form-actions>.btn{min-width:90px}.field{min-width:0}.clear-filter{color:var(--accent)}
.kpis{gap:15px;margin-bottom:20px}.kpi{background:#1d1b25;border:1px solid #342c3f;border-radius:11px;min-height:133px;padding:20px;text-align:left;box-shadow:none}.kpi .tile-icon{width:30px;height:30px;position:absolute;right:17px;top:18px;background:#332338;border-radius:8px;color:#d494c0}.kpi .tile-icon .icon{width:15px;height:15px}.kpi .kpi-label{font-size:10px;color:#b7a8c5;letter-spacing:.1px;max-width:calc(100% - 30px)}.kpi strong{font-size:31px;letter-spacing:-1.4px;color:#f1e7f8;margin:10px 0 2px;line-height:1.2}.kpi small{font-size:9px;color:#92839f}.kpi:hover:not(:disabled){transform:translateY(-2px);border-color:#654371;background:#251e2d;box-shadow:0 6px 22px #0002}.kpi[aria-pressed=true]{background:#2a1f30;border-color:#8b557e}.kpi[aria-pressed=true]:after{background:var(--accent)}.kpi.blue{background:#1e2330;border-color:#303e54}.kpi.blue .tile-icon{background:#2c3750;color:#a8c4ff}.kpi.red{background:#2b1f2a;border-color:#483143}.kpi.red .tile-icon{background:#422934;color:#efa0b7}.kpi.green{background:#1c2928;border-color:#2c4240}.kpi.green .tile-icon{background:#2b413a;color:#a4d9ba}.kpis.stages{gap:8px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:26px}.kpis.stages .kpi{min-height:109px;padding:15px 12px;border-radius:8px;background:#1a1821}.kpis.stages .kpi-label{font-size:9px;line-height:1.5;max-width:100%;min-height:27px}.kpis.stages .tile-icon{display:none}.kpis.stages strong{font-size:23px;margin:6px 0}.kpis.stages small{font-size:8px;line-height:1.4}
.progress{height:5px;background:#37303f;border-radius:8px;overflow:hidden}.progress i{background:var(--accent);border-radius:8px;transition:width .4s}.progress.blue i{background:#8eb6ec}.progress.green i{background:#8accad}.progress.red i{background:#e790a5}.segmented{background:#1c1924;border:1px solid #42334d;border-radius:7px;padding:3px;gap:3px}.segmented button{color:#ac9abd;border-radius:4px;min-height:29px;font-size:10px;padding:5px 10px}.segmented button[aria-selected=true]{background:#3b2942;color:#f1c7e6;box-shadow:none}.segmented button:hover{background:#2c2333}.tabs{background:#18161f;border-color:#44334f;gap:10px;overflow-x:auto}.tabs button{color:#a796b7;white-space:nowrap;font-size:11px}.tabs button[aria-selected=true]{color:#f1bedf;border-bottom-color:var(--accent)}
.kanban{gap:14px;grid-template-columns:repeat(4,minmax(235px,1fr));padding-bottom:18px}.kanban-col{background:#19161f;border:1px solid #302537;border-radius:11px;padding:13px 10px;min-height:380px}.kanban-col header{font-size:10px;padding:5px 3px 12px;color:#c9b5d5;font-weight:550}.kanban-col header>.dot{background:#c696c1}.kanban-col:nth-child(2) header>.dot{background:#92c4e7}.kanban-col:nth-child(3) header>.dot{background:#e7c197}.kanban-col:nth-child(4) header>.dot{background:#9ed4b6}.material-card{border:1px solid #3b2d45;background:#221c2b;border-radius:9px;padding:15px;margin-bottom:12px;transition:border-color .2s,transform .2s,box-shadow .2s}.material-card:hover{transform:translateY(-2px);border-color:#86537b;box-shadow:0 7px 20px #0002}.material-title{font-size:12px;color:#e8d9f0;letter-spacing:-.12px;line-height:1.65}.material-card .technical-id{color:#91789f;font-size:8px;letter-spacing:.9px;margin-top:7px}.material-tags{color:#c29ecf;font-size:9px;margin-top:13px}.material-bottom{border-color:#403047;padding-top:12px}.material-bottom small{font-size:8px;color:#b8a4c6}.material-card .badge{font-size:8px}.material-card .avatar{width:26px;height:26px;font-size:9px}.material-card .btn{width:29px;min-height:29px;padding:4px}.technical-id{color:#9983ae;font-size:8px}
table{background:transparent;color:#c9b9d8}thead,th{background:#221b2b;color:#a890ba;font-size:9px;letter-spacing:.4px;border-color:#3c2c48}td{border-color:#34283e;font-size:11px}tbody tr:hover{background:#292031}td small{font-size:9px}.table-wrap{border-radius:0 0 11px 11px}.queue-hero{background:radial-gradient(ellipse at top right,#74405d55,transparent 60%),#2b2033;border:1px solid #694369;border-radius:15px;padding:29px;color:#f4e5fa}.queue-hero h2{font-size:28px;font-weight:500;letter-spacing:-.7px;max-width:80%;margin:17px 0 7px}.queue-hero .eyebrow{color:#efb0d7}.queue-hero .technical-id{color:#b29ac2}.queue-hero .chip{background:#ffffff08;border:1px solid #694e72;color:#d8bfdf;font-size:10px}.queue-hero .progress{background:#55415e}.queue-hero .progress i{background:#dca9d7}.queue-hero .muted{color:#bda4c9}.queue-hero .between{gap:18px}.capacity-row{border-color:#3a2b44}.capacity-row .percent{color:#d8bbeb}.finance-rates .panel{background:#271e30;border-color:#4b355a}.finance-rates h2{font-size:24px;color:#eac1e5}.chart{background:#1b1622}.chart-grid{border-color:#3e2b4b}.bar,.bar-column{color:#c6aed6}.profile-grid{padding:25px}.profile-grid>div:first-child{background:transparent}.step,.provider,.menu-item,.qa-check,.check-card,.reference-card,.drawer-stat,.month-mini{background:#251d2c;border-color:#44314f;color:#d9c4e6}.step .number,.qa-check .number{background:#49324d;color:#e0c0df}.provider.enabled{background:#31203a;border-color:#755081}.qa-check h3{color:#e8d5f1}.qa-check small{color:#a58db6}.check-card.pending{background:#241c2c;color:#b3a0c3}.check-card.warn{background:#342b25;border-color:#5c4432}.drawer-stat.deadline{background:#342238;border-color:#6c3d63;color:#efb7dc}
.conversation-shell{background:#1c1723;border-color:#45304e;border-radius:12px;overflow:hidden}.chat-list,.conversation-left{background:#221a2b;border-color:#45304e}.chat-person{border-color:#432e4e;color:#d6bfdf;background:transparent}.chat-person:hover,.chat-person.active{background:#392640}.conversation-main{background:#1a1520}.message-area{background:#1a1520}.bubble{background:#30203a;border-color:#503459;color:#dfc6e8}.message.own .bubble{background:#462b48;border-color:#78526d;color:#f1d1e8}.message-meta{color:#bb9cca}.message-meta strong{color:#d9b9e6}.composer{background:#231a2c;border-color:#432e4d}.dropzone{background:#221a29;border-color:#593c64;color:#b495c6}.quick-question{background:#2e2037;border-color:#51365e;color:#d6b3e7}.quick-question:hover{background:#422849}.calendar-grid .day{background:#21192a;border-color:#41304d;color:#cfb4df;border-radius:7px}.calendar-grid .day.today{border-color:#a56795;color:#f2c4e9}.calendar-grid .day.selected{background:#5a3659;border-color:#a56795;color:#fff}.calendar-grid .day.filler{background:#19131f;border-color:transparent}.calendar-grid .weekday{color:#b293c2;font-size:9px}.month-mini:hover{background:#3a2846}.calendar-grid .day .dot{background:#edb3df}
.drawer-backdrop,.modal-shade{background:#08060ec9;backdrop-filter:blur(7px)}.drawer{background:#17121e;border-left:1px solid #56375f;width:min(645px,100vw);box-shadow:-20px 0 90px #0008}.drawer header{background:radial-gradient(ellipse at top right,#57314655,transparent 85%),#211729;padding:29px}.drawer header h2{font-size:19px;letter-spacing:-.25px;line-height:1.5;padding-right:20px}.drawer .close{color:#c6a7d6;top:20px;right:20px}.drawer .tabs{padding:0 22px;background:#1d1425}.drawer-body{padding:25px;gap:21px}.drawer .panel{background:#211729;border-color:#452d51}.drawer .panel-head{padding:17px}.drawer .panel-body{padding:17px}.drawer .row{padding:14px 17px}.drawer-actions{background:#211729;border-color:#513258}.modal{background:#201627;border:1px solid #64406c;color:#e8d2f0;max-width:calc(100vw - 30px);box-shadow:0 25px 120px #0009}.modal-head{background:#291b30;border-color:#513359}.modal-body{padding:25px}.modal .note{background:#35223f}.modal input,.modal select,.modal textarea{background:#190f20!important;border-color:#563460!important;color:#ebd5f5!important}.modal .menu-item{background:#291b32}.modal .menu-item .tile-icon{background:#4b2d51;color:#d8b3e4}.inline-error,.login-error{color:#fba7bc}#toast{background:#382641;border:1px solid #89618f;color:#f0d7f5;border-radius:9px;box-shadow:0 12px 40px #0005;font-size:12px}.floating-chat{background:#4b2a50;color:#f2cde8;border:1px solid #965c8c;border-radius:99px;box-shadow:0 10px 35px #0004}
/* The login is the graphic studio's cover: editorial typography and original art. */
.studio-login{display:grid;grid-template-columns:minmax(420px,43%) minmax(0,57%);min-height:100dvh;background:#111116}.studio-login-pane{padding:37px 11.5% 24px;min-height:100dvh;display:flex;flex-direction:column}.studio-login-top{flex:none}.studio-login-logo{width:245px;height:auto!important}.studio-edition{display:block;margin-top:20px;color:#706b7d;font-size:8px;letter-spacing:2.7px}.studio-login-center{width:100%;max-width:360px;margin:55px auto 48px}.studio-login-center>.eyebrow{font-size:8px;letter-spacing:1.7px;color:#c58ab7;display:flex;align-items:center;gap:9px;margin-bottom:18px}.studio-spark{font-size:20px;line-height:1}.studio-login h1{font-size:34px;line-height:1.18;font-weight:520;letter-spacing:-1.4px;white-space:nowrap}.studio-login h1 em{font-style:normal;color:#a7a2b4}.studio-login-desc{font-size:11px;color:#8d879b;line-height:1.85;margin:17px 0 31px}.studio-form-heading{padding-top:26px;border-top:1px solid #2c2634;margin-bottom:22px}.studio-form-heading h2{font-size:15px;font-weight:550}.studio-form-heading p{font-size:10px;color:#8c8099;margin-top:4px}.studio-login-form{display:flex;flex-direction:column;gap:9px}.studio-login-form label{font-size:10px;color:#c2b1cc}.studio-login-form .login-field{display:flex;align-items:center;gap:10px;background:#1d1824;border:1px solid #45304e;border-radius:7px;padding:0 12px;min-height:43px;margin:0 0 6px}.studio-login-form .login-field>.icon{width:14px;height:14px;color:#9c7ba9}.studio-login-form .login-field input{flex:1;min-width:0;width:100%;background:transparent!important;border:0!important;padding:10px 0!important;outline-offset:1px;color:#e1cbea;box-shadow:none}.studio-login-form .login-password button{position:static;background:transparent;color:#a885b6;border:0;padding:5px;display:flex}.studio-login-form .login-link{font-size:9px;color:#baa1ca;background:none;border:0;padding:0;min-height:20px;text-decoration:none}.studio-login-form .login-link:hover{color:#efb6dc}.studio-login-form .studio-enter{display:flex;justify-content:space-between;min-height:44px;padding:11px 16px;font-size:11px;border-radius:7px;background:#ec90c7;color:#271529;border-color:#ec90c7}.studio-login-form .studio-enter .icon{width:14px;height:14px}.studio-login-divider{position:relative;text-align:center;margin:5px 0;color:#8c759b;font-size:9px}.studio-login-divider:before{content:"";position:absolute;height:1px;background:#392841;left:0;right:0;top:50%}.studio-login-divider span{position:relative;padding:0 13px;background:#111116}.studio-login-form .google-button{width:100%;min-height:42px;background:#201727;color:#d8c1e5;border-color:#483151;gap:10px}.google-logo{font-size:16px;font-family:Arial,sans-serif;color:#c9b4d6}.studio-login-form .activate{text-align:center;margin:8px 0 13px;color:#96809f}.studio-login-form .activate strong{color:#d4aad0;font-weight:500}.studio-access{padding:13px 15px;background:#1c1523;border:1px solid #3b2845;border-radius:8px;margin-top:3px}.studio-access label{font-size:9px;color:#b098bb}.studio-access .badge{font-size:8px;background:#38253e;color:#cca7d1}.studio-access select{width:100%;min-height:31px;margin:8px 0;font-size:10px;background:#21172a;border-color:#4a3055}.studio-access p{font-size:9px;line-height:1.7;color:#9a7fa9}.studio-login-foot{display:flex;justify-content:space-between;align-items:center;color:#796a85;font-size:8px;gap:15px;margin-top:auto}.studio-login-foot>span:first-child{display:flex;align-items:center;gap:6px}.studio-login-foot i{width:4px;height:4px;background:#c39acd;border-radius:50%}.studio-login-art{position:relative;overflow:hidden;background:#21172a;min-height:100dvh}.studio-login-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}.studio-login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#11111644 0%,transparent 24%,#12101611 40%,#121016e8 83%,#121016fa 100%)}.studio-art-top,.studio-art-copy,.studio-art-bottom{position:absolute;z-index:1;left:7.5%;right:7.5%}.studio-art-top{top:38px;display:flex;justify-content:space-between;color:#dac5dc;font-size:7px;letter-spacing:1.7px}.studio-art-copy{bottom:125px}.studio-art-label{font-size:8px;letter-spacing:2.4px;color:#f1bbdd;margin-bottom:18px;display:flex;align-items:center;gap:10px}.studio-art-label span{display:block;height:1px;width:29px;background:#c685b1}.studio-art-copy h2{font-size:clamp(27px,3.3vw,53px);line-height:1.13;letter-spacing:-1.7px;font-weight:450;color:#f5edf9}.studio-art-copy p{font-size:11px;color:#b9a8c4;line-height:1.9;margin-top:21px}.studio-art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.studio-art-tags span{font-size:8px;color:#d7bcde;background:#ffffff06;padding:7px 10px;border:1px solid #6a497663;border-radius:5px;backdrop-filter:blur(7px)}.studio-art-bottom{bottom:28px;display:flex;justify-content:space-between;border-top:1px solid #6544745c;padding-top:17px;color:#ac8fb9;font-size:7px;letter-spacing:1.3px}
@media(min-width:1550px){.main{padding-left:42px;padding-right:42px}.studio-login-center{max-width:390px;margin-top:80px}.studio-login h1{font-size:39px}.studio-login-pane{padding-left:14%;padding-right:14%}.studio-login-form .login-field{min-height:48px}}
@media(max-width:1180px){:root{--sidebar:226px}.brand{padding-left:22px;padding-right:22px}.estilotech-mark{width:180px}.main{padding-left:22px;padding-right:22px}.topbar{padding:0 22px}.topbar-user{display:none}.sync-badge{font-size:8px}.kpi{padding:16px}.kpis{gap:10px}.kpis.stages{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis.stages .kpi{min-height:94px}.grid-main{grid-template-columns:minmax(0,1.8fr) minmax(210px,1fr)}.studio-login-pane{padding-left:9%;padding-right:9%}.studio-login h1{font-size:30px}.studio-art-copy h2{font-size:35px}.studio-login-logo{width:225px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:256px}.sidebar.mobile-open{transform:translateX(0)}.topbar{left:0;gap:15px;height:64px}.mobile-toggle{display:inline-flex}.main{margin-left:0;padding-top:84px}.topbar-right{gap:8px}.grid-main{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.studio-login{grid-template-columns:minmax(350px,47%) minmax(0,53%)}.studio-login-pane{padding:28px 8% 20px}.studio-login-center{margin-top:42px}.studio-login h1{font-size:27px}.studio-login-logo{width:205px}.studio-art-copy h2{font-size:30px;letter-spacing:-1px}.studio-art-top{font-size:6px}.studio-art-top span:last-child{display:none}.studio-art-copy{bottom:120px}.studio-art-copy p{font-size:10px}.studio-art-tags{gap:6px}.studio-art-tags span{font-size:7px;padding:6px 8px}.studio-art-bottom{font-size:6px}}
@media(max-width:650px){h1{font-size:26px}.main{padding:81px 15px 28px}.topbar{padding:0 15px}.search input{font-size:10px;width:100%;max-width:220px}.sync-badge,.topbar-user{display:none}.topbar-right>.avatar{width:29px;height:29px;font-size:9px}.studio-evaluation{flex-wrap:wrap;font-size:8px;gap:6px;padding-bottom:20px}.page-actions{align-items:start;flex-wrap:wrap;gap:13px}.desc{font-size:10px}.page-head{margin-bottom:19px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:124px;padding:15px}.kpi strong{font-size:28px}.kpi .tile-icon{right:12px;top:14px;width:25px;height:25px}.kpi .kpi-label{font-size:9px}.kpis.stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kpis.stages .kpi{min-height:96px}.grid-main,.grid-two,.grid-three{grid-template-columns:1fr}.filters{flex-wrap:wrap;padding:12px;gap:10px}.filters .field{flex:1 1 120px}.panel-head,.panel-body{padding:17px}.row{padding:13px 17px;gap:11px;flex-wrap:wrap}.row .grow{min-width:120px}.kanban{grid-template-columns:repeat(4,270px)}.kanban-col{min-height:300px}.conversation-shell{grid-template-columns:1fr}.chat-list,.conversation-left{max-height:250px;overflow:auto}.calendar-grid .day{min-height:45px;padding:8px}.queue-hero{padding:23px}.queue-hero h2{font-size:23px;max-width:100%}.queue-hero .between{flex-wrap:wrap}.profile-grid{grid-template-columns:1fr;padding:20px}.form-grid{grid-template-columns:1fr}.finance-rates{grid-template-columns:repeat(2,1fr)}.drawer header{padding:25px 20px}.drawer-body{padding:20px}.drawer .tabs{padding:0 15px}.studio-login{display:block}.studio-login-pane{padding:28px 26px 22px}.studio-login-top{max-width:365px;width:100%;margin:0 auto}.studio-login-logo{width:220px}.studio-login-center{max-width:365px;margin:44px auto 35px}.studio-login h1{font-size:31px;white-space:normal}.studio-login-desc{margin-bottom:27px}.studio-login-art{display:none}.studio-login-foot{max-width:365px;width:100%;margin-left:auto;margin-right:auto}.studio-edition{margin-top:17px}.studio-login-form .login-field{min-height:46px}.studio-login-form .studio-enter{min-height:46px}}
.page-head .desc{font-size:11px;line-height:1.75;margin-top:10px;color:#a39aac}.nav-link{width:100%}.sidebar-bottom{gap:4px}.protocol{border-radius:12px}.protocol.unread{border-width:1px;border-color:#6ebecb}.protocol.unread:before{background:#8dd8dc;color:#163238}.protocol-meta{background:#211927}.protocol-meta>div{border-color:#43304c;font-size:11px}.original{background:#271d30}.original-body{background:#1c1423;border-color:#4d3259;color:#c9b0d8;font-size:11px}.protocol .check-card{background:#271c30}.rule-part,.rule-card,.sound-card,.file-line{border-color:#46324f}.rule-part{background:#271b30}.rule-part h3,.rule-part label{color:#ddbee9}.rule-part input,.rule-part select{background:#1b1223;color:#d8bce5}.protocol-sources .panel{background:#211929}.studio-login-form .login-password input{padding-right:0}.studio-login-art>img{filter:saturate(.78)}
.history-group summary{background:#261a30;color:#d5b9e2;border-color:#493151}.inline-error{background:#3a2330;border-color:#714355;color:#f4b0bf}.attachment-link{background:#2a1e34;border-color:#523760;color:#cbb0df}.attachment-link:hover{background:#392642}.dropzone.selected{background:#22342e;border-color:#405d4c;color:#9dd5b5}.rule-part.condition{background:#30271f}.rule-part.action{background:#2b1d34}.rule-part.condition label,.rule-part.action label{color:#cbb1d7}input[readonly]{background:#221b29;color:#a892b5}
@media(max-width:900px){.mobile-backdrop.open{display:block;position:fixed;inset:0;background:#09070dc7;backdrop-filter:blur(3px);z-index:29}}
@media(max-width:650px){.page-head .desc{font-size:10px}.protocol-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid{grid-template-columns:1fr}.filters .field{min-width:105px}.sidebar-bottom{flex-shrink:0}.nav-scroll{min-height:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}