/* Experiência responsiva da Área do Cliente. devfurtili.online by Fábio Furtili */
:root{--ink:#0a0a0a;--surface:#121211;--paper:#f1eee8;--white:#f8f6f1;--muted:#aaa7a0;--line:rgba(248,246,241,.2);--accent:#d46f3d;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--ink);color:var(--white);font:400 16px/1.5 var(--sans);min-height:100svh}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.client-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:5rem;padding:1rem var(--pad);background:rgba(10,10,10,.88);backdrop-filter:blur(14px)}.client-brand{display:flex;align-items:center;gap:.75rem;font-weight:600}.client-brand img{width:1.7rem;height:1.7rem;object-fit:contain}.client-text-button{border:1px solid var(--line);background:transparent;padding:.7rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;transition:background .25s,color .25s}.client-text-button:hover{background:var(--white);color:var(--ink)}
.client-login-shell{position:relative;display:grid;min-height:100svh;background:#0c0c0b url("../../assets/images/client-gallery-access.png") center/cover no-repeat fixed;isolation:isolate}.client-login-shell::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.5),rgba(5,5,5,.7))}.client-login-panel{display:grid;place-items:center;padding:8rem var(--pad) 3rem}.client-login-content{width:min(39rem,100%);padding:clamp(2rem,5vw,4rem);border:1px solid rgba(248,246,241,.18);border-radius:2px;background:rgba(14,14,13,.68);box-shadow:0 1.5rem 4rem rgba(0,0,0,.32);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8)}.client-label{margin:0;color:var(--accent);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.client-login-content h1{margin:.75rem 0 1.5rem;font:400 clamp(3.4rem,6vw,5.8rem)/.84 var(--serif);letter-spacing:-.035em}.client-login-content h1 em{font-weight:400}.client-login-content>p:not(.client-label){max-width:31rem;color:#d4d0c8}.client-code-form{margin-top:2.25rem}.client-code-form label{display:block;margin-bottom:.55rem;color:#b9b5ad;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.client-code-form>div{display:grid;grid-template-columns:1fr auto}.client-code-form input{min-width:0;height:3.6rem;border:1px solid rgba(248,246,241,.32);border-right:0;border-radius:2px 0 0 2px;background:rgba(5,5,5,.72);padding:0 1rem;text-transform:uppercase;letter-spacing:.13em;outline:0;caret-color:var(--accent)}.client-code-form input::placeholder{color:#8e8a83}.client-code-form input:focus{border-color:var(--white);background:rgba(5,5,5,.88)}.client-code-form button{border:1px solid var(--white);border-radius:0 2px 2px 0;background:var(--white);color:var(--ink);padding:0 1.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:background .25s,color .25s,border-color .25s}.client-code-form button:hover{border-color:var(--accent);background:var(--accent)}.client-login-content>small{display:block;margin-top:1.25rem;color:#aaa69e;max-width:31rem}.client-notice{margin:1.5rem 0 0;padding:.85rem 1rem;border:1px solid var(--line);font-size:.82rem}.client-notice-error{border-color:#7d3c34;color:#efb6ad}.client-notice-success{border-color:#416653;color:#b8dfc6}
.delivery-shell{width:min(96rem,100%);margin:auto;padding:clamp(8rem,12vw,11rem) var(--pad) 3rem}.delivery-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(14rem,.45fr);gap:3rem;align-items:end;padding-bottom:clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line)}.delivery-heading h1{margin:.5rem 0 .85rem;font:400 clamp(3.6rem,8vw,8rem)/.84 var(--serif);letter-spacing:-.03em}.delivery-heading>div:first-child>p:last-child{max-width:40rem;color:var(--muted)}.delivery-expiry{display:grid;justify-items:end}.delivery-expiry span,.delivery-expiry small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.delivery-expiry strong{font:400 2.1rem var(--serif)}
.repository-list{display:grid}.repository-item{display:grid;grid-template-columns:4rem minmax(15rem,1fr) minmax(15rem,.8fr) auto;gap:clamp(1.25rem,3vw,3rem);align-items:center;padding:clamp(2rem,4vw,3.5rem) 0;border-bottom:1px solid var(--line)}.repository-index{align-self:start;color:#5d5a55;font:italic 1.35rem var(--serif)}.repository-copy p{margin:0 0 .45rem;color:var(--accent);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.repository-copy h2{margin:0 0 .65rem;font:400 clamp(2rem,3vw,3.2rem)/.95 var(--serif)}.repository-copy>span{color:var(--muted);font-size:.85rem}.repository-credentials{display:grid;gap:.65rem}.repository-credentials>div{display:grid;grid-template-columns:4rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.repository-credentials span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.repository-credentials strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;overflow-wrap:anywhere}.repository-credentials button{border:0;background:none;color:var(--accent);font-size:.68rem;font-weight:600;text-transform:uppercase}.repository-open{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;border:1px solid var(--white);padding:.75rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transition:background .25s,color .25s}.repository-open:hover{background:var(--white);color:var(--ink)}
.delivery-notes{display:grid;grid-template-columns:10rem minmax(0,45rem);gap:2rem;padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--line)}.delivery-notes div{color:#d0ccc4;white-space:normal}.delivery-footer{display:flex;justify-content:space-between;gap:2rem;padding-top:2rem;color:var(--muted);font-size:.72rem}.delivery-footer a{color:var(--white);border-bottom:1px solid}.client-empty{padding:5rem 0;border-bottom:1px solid var(--line)}.client-empty h2{font:400 3rem var(--serif);margin:0}.client-empty p{color:var(--muted)}
@media(max-width:900px){.client-login-shell{background-attachment:scroll}.client-login-panel{min-height:100svh}.repository-item{grid-template-columns:3rem 1fr}.repository-credentials,.repository-open{grid-column:2}.repository-open{width:fit-content}.delivery-heading{grid-template-columns:1fr}.delivery-expiry{justify-items:start}.delivery-notes{grid-template-columns:1fr}}
@media(max-width:560px){.client-header{min-height:4.5rem}.client-brand span{font-size:.85rem}.client-text-button{border:0;padding:.5rem}.client-login-panel{padding:6.5rem .9rem 1.5rem}.client-login-content{padding:1.6rem 1.25rem}.client-login-content h1{font-size:clamp(3rem,15vw,4.5rem)}.client-code-form>div{grid-template-columns:1fr}.client-code-form input{border-right:1px solid rgba(248,246,241,.32);border-bottom:0;border-radius:2px 2px 0 0}.client-code-form button{height:3.3rem;border-radius:0 0 2px 2px}.delivery-shell{padding-top:7rem}.delivery-heading h1{font-size:clamp(3.2rem,16vw,5rem)}.repository-item{grid-template-columns:1fr}.repository-index,.repository-credentials,.repository-open{grid-column:auto}.repository-open{width:100%}.repository-credentials>div{grid-template-columns:1fr auto}.repository-credentials strong{grid-column:1}.delivery-footer{flex-direction:column}.delivery-expiry strong{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}.client-login-shell{background-attachment:scroll}}

/* Área autenticada clara: hierarquia por superfícies, sem excesso de divisórias. */
.delivery-page{background:#e7e2d9;color:#292a27}.delivery-page .delivery-shell{display:grid;gap:1rem;width:min(96rem,100%);padding-bottom:2rem}.delivery-page .delivery-heading{padding:clamp(2rem,4vw,3.5rem);border:0;background:#f8f5ef}.delivery-page .delivery-heading>div:first-child>p:last-child,.delivery-page .delivery-expiry span,.delivery-page .delivery-expiry small{color:#716c64}.delivery-page .client-label{color:#a95838}.delivery-page .delivery-expiry{padding:1.15rem;background:#e4ded4}.delivery-page .repository-list{gap:1rem}.delivery-page .repository-item{padding:clamp(1.5rem,3vw,2.5rem);border:0;background:#f8f5ef}.delivery-page .repository-index{color:#a95838}.delivery-page .repository-copy p{color:#a95838}.delivery-page .repository-copy>span{color:#716c64}.delivery-page .repository-credentials{gap:.5rem}.delivery-page .repository-credentials>div{padding:.8rem;border:0;background:#e9e4db}.delivery-page .repository-credentials span{color:#716c64}.delivery-page .repository-credentials button{color:#8f4a31}.delivery-page .repository-open{border-color:#292a27;background:#292a27;color:#f8f5ef}.delivery-page .repository-open:hover{background:#a95838;border-color:#a95838;color:#fff}.delivery-page .delivery-notes{padding:clamp(1.5rem,3vw,2.5rem);border:0;background:#d8d1c5}.delivery-page .delivery-notes div{color:#45423d}.delivery-page .delivery-footer{padding:1.25rem 1.5rem;background:#302f2c;color:#c9c3b9}.delivery-page .delivery-footer a{color:#fff;border:0}.delivery-page .client-empty{padding:3rem;border:0;background:#f8f5ef}.delivery-page .client-empty p{color:#716c64}
@media(max-width:900px){.delivery-page .repository-item{grid-template-columns:2.5rem 1fr}.delivery-page .repository-credentials,.delivery-page .repository-open{grid-column:2}.delivery-page .delivery-expiry{width:fit-content}}
@media(max-width:560px){.delivery-page .delivery-shell{gap:.75rem;padding-inline:.75rem}.delivery-page .delivery-heading,.delivery-page .repository-item,.delivery-page .delivery-notes{padding:1.25rem}.delivery-page .repository-item{grid-template-columns:1fr}.delivery-page .repository-index,.delivery-page .repository-credentials,.delivery-page .repository-open{grid-column:auto}.delivery-page .delivery-expiry{width:100%}}
.delivery-page .client-header{color:var(--white)}

/* Área autenticada alinhada à paleta original do portfólio. */
.delivery-page{background:var(--ink);color:var(--white)}.delivery-page .delivery-heading{background:var(--paper);color:var(--ink)}.delivery-page .delivery-heading>div:first-child>p:last-child,.delivery-page .delivery-expiry span,.delivery-page .delivery-expiry small{color:#5f5b55}.delivery-page .client-label,.delivery-page .repository-index,.delivery-page .repository-copy p{color:var(--accent)}.delivery-page .delivery-expiry{background:#ddd9d1}.delivery-page .repository-item{background:var(--surface);color:var(--white)}.delivery-page .repository-copy>span{color:var(--muted)}.delivery-page .repository-credentials>div{background:#1d1d1b}.delivery-page .repository-credentials span{color:var(--muted)}.delivery-page .repository-credentials button{color:#e48a5e}.delivery-page .repository-open{border-color:var(--white);background:var(--white);color:var(--ink)}.delivery-page .repository-open:hover{border-color:var(--accent);background:var(--accent);color:var(--ink)}.delivery-page .delivery-notes{background:var(--paper);color:var(--ink)}.delivery-page .delivery-notes div{color:#494641}.delivery-page .delivery-footer{background:var(--surface);color:var(--muted)}.delivery-page .client-empty{background:var(--surface)}.delivery-page .client-empty p{color:var(--muted)}
.credential-actions{display:inline-flex!important;grid-column:auto!important;gap:.25rem!important}.credential-actions button{padding:.25rem .4rem}.credential-actions button[aria-pressed="true"]{color:var(--white)}

/* Superfícies unificadas em carvão, sem blocos brancos. */
.delivery-page .delivery-heading{background:#181817;color:var(--white)}.delivery-page .delivery-heading>div:first-child>p:last-child,.delivery-page .delivery-expiry span,.delivery-page .delivery-expiry small{color:var(--muted)}.delivery-page .delivery-expiry{background:#262624;color:var(--white)}.delivery-page .repository-item{background:var(--surface)}.delivery-page .repository-credentials>div{background:#242422}.delivery-page .repository-open{border-color:#343432;background:#343432;color:var(--white)}.delivery-page .repository-open:hover{border-color:var(--accent);background:var(--accent);color:var(--ink)}.delivery-page .delivery-notes{background:#1b1b19;color:var(--white)}.delivery-page .delivery-notes div{color:#d3cfc7}.delivery-page .client-empty{background:var(--surface);color:var(--white)}
.password-visibility{display:grid;place-items:center;width:2rem;height:2rem;padding:0!important}.password-visibility img{width:1.15rem;height:1.15rem;object-fit:contain}.credential-actions button[aria-pressed="true"]{background:#343432}