/* ANLUX / Atelier digital — skin responsiva 2026 */
:root{
 --ink:#f3f6f9;--soft:#b3c2cf;--muted:#7892a3;--ocean:#0a1621;--surface:#10212c;
 --surface-hi:#152c38;--stroke:#2b4250;--mint:#67f0c8;--teal:#27b99c;--warm:#ffd68d;
 color:#f3f6f9;background:#08131d;color-scheme:dark;
 font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
}
html{scroll-behavior:smooth}
body{color:var(--ink);background:radial-gradient(circle at 78% 3%,#153a3e 0%,transparent 27%),
radial-gradient(circle at 14% 40%,#122e39 0%,transparent 31%),#08131d}
button,input,textarea,select{font-family:inherit}
button{background:linear-gradient(135deg,#72ebc7,#2eb89d);border:1px solid #8ef4d3;color:#06251f;
 border-radius:12px;padding:11px 17px;font-weight:800;box-shadow:0 5px 22px #42f9c222;transition:transform .2s ease,box-shadow .2s ease}
button:hover{background:linear-gradient(135deg,#9dffe0,#4ecdb0);transform:translateY(-1px);box-shadow:0 8px 28px #42f9c238}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
button.secondary{background:#18303b;border-color:#3d636f;color:#d7fff2;box-shadow:none}
button.danger{background:#502b38;border-color:#98576c;color:#ffdee7;box-shadow:none}
button.text{color:var(--mint)}
input,textarea,select{background:#0e202a;color:#f3f8f8;border:1px solid #385663;border-radius:11px}
input:focus,textarea:focus,select:focus{border-color:#66e6c7;outline:1px solid #66e6c755}
h1,h2,h3{color:#f6fcfc;letter-spacing:-.035em}h1{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.15}
h2{font-size:1.3rem}p{color:#d1dee4}small,.muted{color:#97aeb9}
a{color:#80e7c7}
.auth-page{position:relative;overflow:hidden;background:
 radial-gradient(circle at 15% 15%,#12454d,transparent 36%),
 radial-gradient(circle at 95% 85%,#18373c,transparent 37%),#08131d}
.auth-page:before{content:'';position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
 background-size:54px 54px;mask-image:linear-gradient(to bottom,#0003,transparent)}
.auth-box{position:relative;background:linear-gradient(155deg,#132b37dd,#0c1d28f5);
 border:1px solid #4975807a;max-width:490px;padding:42px;box-shadow:0 25px 100px #0009,0 0 0 8px #ffffff03}
.auth-box:before{content:'TECNOLOGIA QUE TRABALHA COM VOCÊ';display:block;color:#85f1d2;font-size:10px;
 letter-spacing:.22em;font-weight:900;text-align:center;margin-bottom:18px}
.auth-box h1{text-align:center;font-size:clamp(29px,4vw,37px)}
.auth-box .muted{text-align:center}
.auth-box .logo{font-size:32px;font-weight:900;text-align:center;letter-spacing:-.07em;color:#f5fffb}
.auth-box .logo:after{content:' ✦';color:var(--mint);font-size:16px;vertical-align:top}
.auth-box form{margin-top:24px}
.layout{grid-template-columns:264px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#0c202a,#08161f);
 border-color:#2b4b56;padding:28px 18px;box-shadow:6px 0 30px #0002}
.sidebar>div:first-child{padding:12px 10px 19px;border-bottom:1px solid #2a4853}
.sidebar .logo{font-size:27px;color:#f8fcfa;letter-spacing:-.07em}
.sidebar .logo:after{content:' ✦';font-size:13px;color:var(--mint);vertical-align:top}
.sidebar h2{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#87b4ad;font-weight:700}
.nav{gap:7px}
.nav button{font-size:13px;font-weight:700;border:1px solid transparent;border-radius:10px;
 color:#a9c1c9;letter-spacing:.005em;padding:12px 14px}
.nav button.current,.nav button:hover{background:linear-gradient(95deg,#1a4b4a,#19303a);
 color:#ceffe9;border-color:#437465;box-shadow:inset 3px 0 0 #73efc5}
.nav button:focus-visible{outline:2px solid #73efc5}
.nav button.needs-approval{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 background:linear-gradient(95deg,#682636,#3f202c);border-color:#d55a70;
 color:#fff0f2;box-shadow:inset 3px 0 0 #ff7c8f
}
.nav button.needs-approval.current,.nav button.needs-approval:hover{
 background:linear-gradient(95deg,#8c3045,#512630);border-color:#f08093;
 color:#fff
}
.approval-count{
 flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
 min-width:23px;height:23px;padding:0 6px;border-radius:12px;
 background:#f97389;color:#271016;font-size:12px;font-weight:900;
 box-shadow:0 0 0 1px #ffd9df55
}
.sidebar .bottom{border-top:1px solid #2a4652;padding:20px 6px}
.content{max-width:1530px;padding:36px 40px}
.card{background:linear-gradient(160deg,#112732,#0e202b);border-color:#355361;
 border-radius:19px;box-shadow:0 8px 38px #00101733;padding:24px}
.metric{background:linear-gradient(140deg,#173843,#102832);border:1px solid #39636c;border-radius:16px}
.metric small{letter-spacing:.05em;text-transform:uppercase;font-size:11px}
.metric strong{color:#a9ffde;font-size:38px}
.card h2{font-size:21px}.headline{align-items:center}
.table-wrap{border-color:#31515b;border-radius:12px}th{background:#173440;color:#aee8d3}
td,th{border-color:#2b4751}td{color:#d2e5e9}
.alert{background:#1b3b46;border-color:#3d6874}
.alert.success{background:#143f37;border-color:#3c8972;color:#afffdd}
.notice-inline{color:#f5d99b}
.photo-preview{background:#071722;border-color:#315963}
.headline h1,.content>h1{font-weight:850}
.section-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#67e0c0;font-weight:800}
.hero-console{padding:28px 30px;border:1px solid #2e776d;border-radius:20px;
 background:radial-gradient(circle at 88% 14%,#2db79c22,transparent 32%),linear-gradient(110deg,#16373e,#102431)}
.hero-console strong{font-size:clamp(24px,3vw,37px);letter-spacing:-.055em;display:block;margin:9px 0 12px}
.hero-console p{max-width:730px}
.workflow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.workflow-step{background:#102e34;border:1px solid #35676a;border-radius:16px;padding:17px}
.workflow-step b{color:#a4ffdb}.workflow-step span{color:#adc8cf;font-size:13px;display:block;margin-top:6px}
.agent-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #448273;background:#143e3b;padding:6px 13px;
 border-radius:100px;color:#c9ffe9;font-size:12px;font-weight:800}
.agent-chip:before{content:'●';color:#73ffcb;font-size:10px}
@media(max-width:1100px){.content{padding:24px}.layout{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:20px 12px}}
@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{padding:15px;border-right:0;border-bottom:1px solid #385c65}
.sidebar>div:first-child{padding:7px 8px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.nav button{padding:10px 8px;font-size:12px}.content{padding:17px}.workflow-strip{grid-template-columns:1fr}
.auth-box{padding:28px}.card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.apk-download-link{
 display:inline-flex;align-items:center;justify-content:center;
 max-width:100%;padding:12px 16px;border-radius:12px;
 background:linear-gradient(135deg,#72ebc7,#2eb89d);
 color:#06251f;text-decoration:none;font-weight:800;
 border:1px solid #8ef4d3;min-height:44px
}
.apk-download-link:hover,.apk-download-link:focus-visible{color:#06251f;background:#a2ffe3}
.actions button.current-subtab{background:#184e4a;border-color:#6ce1be;color:#d7ffeb;box-shadow:inset 0 -3px 0 #6ce1be}
@media(max-width:700px){.actions button[data-mode]{flex:1 1 120px;min-width:0}}
/* Mobile readability and responsive controls. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
.layout,.content,.card,.sidebar,.nav,.fields,.requests-list,.request-info,.photo-grid{min-width:0}
.content{width:100%;overflow-wrap:anywhere}
.card,.card>*{max-width:100%;min-width:0}
label,p,td,th,.muted,.notice-inline{overflow-wrap:anywhere;word-break:normal;line-height:1.5}
button,.nav button{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
input,select,textarea{min-width:0;max-width:100%;font-size:16px}
textarea{overflow-wrap:anywhere}
table{max-width:none}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
form.fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.photo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.remember-option{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;line-height:1.4;color:#e2f1ed}
.remember-checkbox{width:19px;height:19px;min-height:19px;flex:0 0 19px;accent-color:#34cfa9;margin:0}
.remember-hint{font-size:12px;color:#a7bec3;margin:0;line-height:1.45}
@media(max-width:800px){
 .layout{grid-template-columns:minmax(0,1fr)}
 .sidebar{padding:12px 10px}
 .nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav button{font-size:12.5px;min-width:0;padding:11px 9px}
 .content{padding:14px 12px}
 .card{padding:16px;border-radius:14px}
 .card h2{font-size:18px}
 .headline h1{font-size:clamp(22px,6vw,29px)}
 .metric strong{font-size:clamp(25px,7vw,35px)}
 .photo-fields{grid-template-columns:minmax(0,1fr)}
 .actions>*{max-width:100%}
}
@media(max-width:360px){
 .nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .nav button{font-size:12px;letter-spacing:0}
 .content{padding:11px 9px}
 .card{padding:13px}
}