/*

 * COPYRIGHT

 * ESTATA Hub

 * Datei: modules/lieferanten/Assets/portal.css

 * Autor: Erkan BALKIS | estata-solutions.com

 * © 2026 ESTATA Solutions. Alle Rechte vorbehalten.

 */

:root{color-scheme:dark}

*{box-sizing:border-box}

html,body{min-height:100%;margin:0}

body.lp{background:#070f1d;color:#ecf3fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}

.lp a{color:#ffca75;text-decoration:none}

.lp a:hover{text-decoration:underline}

.lp-background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 42% at 75% 0%,rgba(249,173,24,.075),transparent 75%),radial-gradient(ellipse 58% 60% at 12% 22%,rgba(29,93,168,.20),transparent 75%),linear-gradient(180deg,#091728,#050a14);z-index:-1}

.lp-page{min-height:100vh;display:flex;flex-direction:column;max-width:1160px;margin:0 auto;padding:24px clamp(15px,4vw,44px)}

.lp-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px}

.lp-brand{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:27px;font-weight:800;letter-spacing:.2px;color:white!important;text-decoration:none!important}

.lp-brand .estata-font{font-weight:800}.lp-brand .estata-farbe{color:#f9ad18}

.lp-brand>span:nth-child(2){font-size:23px}.lp-brand small{color:#8fa7be;font-size:11px;letter-spacing:1.15px;font-weight:750;margin-left:11px}

.lp-languages{display:flex;gap:7px;align-items:center}

.lp-languages a{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.14);border-radius:100px;color:#adbdd1;font-size:11px;font-weight:800;text-decoration:none;background:rgba(255,255,255,.03)}

.lp-languages a.active,.lp-languages a:hover{color:#f9ad18;border-color:rgba(249,173,24,.65);background:rgba(249,173,24,.10);text-decoration:none}

.lp-main{display:flex;flex:1;justify-content:center;align-items:center;padding:42px 0 35px;min-width:0}

.lp-auth-card{width:100%;max-width:490px;background:linear-gradient(155deg,rgba(19,37,61,.98),rgba(9,19,33,.99));border:1px solid rgba(249,173,24,.32);border-radius:22px;padding:clamp(24px,4vw,42px);box-shadow:0 30px 80px rgba(0,0,0,.38)}

.lp-symbol{display:flex;align-items:center;justify-content:center;width:57px;height:57px;background:rgba(249,173,24,.09);border:1px solid rgba(249,173,24,.22);border-radius:16px;font-size:25px;margin-bottom:20px}

.lp-overline{color:#f9ad18;font-size:11px;letter-spacing:1.45px;font-weight:850}

.lp h1{font-size:clamp(25px,3vw,33px);line-height:1.2;letter-spacing:-.55px;margin:12px 0 9px;overflow-wrap:anywhere}

.lp-intro,.lp-muted{color:#aebed0;margin:0 0 25px;font-size:13px;line-height:1.65}

.lp-form{display:grid;gap:18px}

.lp-form label{display:grid;gap:8px;color:#e3ecf6;font-size:12px;font-weight:750}

.lp-form input{width:100%;min-height:48px;border-radius:11px;border:1px solid rgba(175,197,219,.28);background:#0a182a;color:#fff;padding:11px 14px;outline:none;font-size:14px;font-family:inherit}

.lp-form input::placeholder{color:#7990a6}

.lp-form input:focus{border-color:#eeb95a;box-shadow:0 0 0 3px rgba(249,173,24,.11)}

.lp-button{border:1px solid rgba(249,173,24,.30);border-radius:11px;min-height:46px;padding:12px 19px;cursor:pointer;font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important}

.lp-primary{background:linear-gradient(135deg,#ffd27d,#f9ad18);color:#132033!important;border-color:#f9ad18}

.lp-primary:hover{background:#ffd48b;color:#142033!important;text-decoration:none}

.lp-secondary{background:rgba(249,173,24,.06);color:#f9c77b!important}

.lp-secondary:hover{font-weight:700; background:rgba(249,173,24,.15)}

.lp-form .lp-button{margin-top:7px;width:100%}

.lp-message{border:1px solid transparent;border-radius:10px;padding:13px 15px;margin:17px 0 21px;font-size:13px;line-height:1.5}

.lp-error{border-color:rgba(234,114,116,.43);background:rgba(234,114,116,.09);color:#ffd0d1}

.lp-success{border-color:rgba(95,199,141,.4);background:rgba(95,199,141,.12);color:#bdf5d0}

.lp-footnote{color:#92a7bb;font-size:12px;margin-top:24px;border-top:1px solid rgba(255,255,255,.09);padding-top:18px;line-height:1.65}

.lp-footer{color:#758aa1;text-align:center;font-size:11px;padding:18px 4px;border-top:1px solid rgba(255,255,255,.05)}

.lp-footer span{color:#9eb0c3}

.lp-dashboard{width:100%;align-self:start}

.lp-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px;flex-wrap:wrap}

.lp-dashboard-hero h1{font-size:clamp(24px,3vw,34px);margin:8px 0}

.lp-dashboard-hero p{margin:0;color:#a9bfd2}

.lp-dashboard-hero p strong{color:#e9f2fb}

.lp-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}

.lp-info-card{background:linear-gradient(145deg,rgba(19,37,61,.98),rgba(9,19,33,.98));border:1px solid rgba(249,173,24,.23);border-radius:17px;padding:clamp(20px,3vw,29px)}

.lp-info-card h2{color:#f4f8fe;font-size:19px;margin:11px 0 20px}

.lp-facts{margin:0}

.lp-facts div{display:grid;grid-template-columns:minmax(100px,37%) 1fr;gap:8px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}

.lp-facts div:last-child{border-bottom:0}

.lp-facts dt{color:#8fa7bf;font-size:12px}.lp-facts dd{margin:0;color:#e9f1fc;font-size:13px;overflow-wrap:anywhere}

.lp-contact{display:flex;flex-direction:column;gap:5px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}

.lp-contact:last-child{border-bottom:0}.lp-contact strong{color:#f4f8fe}.lp-contact span{color:#d9b97b;font-size:12px}.lp-contact small{color:#a6bcd0;font-size:12px;overflow-wrap:anywhere}

.lp-note{border:1px solid rgba(249,173,24,.16);padding:15px 18px;border-radius:12px;color:#9caec2;font-size:12px;margin-top:19px;background:rgba(249,173,24,.035)}

@media(max-width:760px){.lp-panels{grid-template-columns:1fr}.lp-header{align-items:start}.lp-brand small{width:100%;margin:0;font-size:10px}.lp-main{padding:30px 0}.lp-dashboard-hero form,.lp-dashboard-hero button{width:100%}}

@media(max-width:430px){.lp-page{padding:17px 13px}.lp-brand{font-size:22px}.lp-brand>span:nth-child(2){font-size:20px}.lp-languages a{width:33px;height:33px}.lp-auth-card{padding:21px 18px}}



/* Phase 1B / 1.4.1 - public recovery and registration forms */

.lp-auth-links{display:flex;justify-content:center;margin-top:19px;font-size:13px;font-weight:750}

.lp-register-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center}

.lp-auth-card.lp-wide{max-width:650px}

.lp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}

.lp-form textarea{width:100%;border-radius:11px;border:1px solid rgba(175,197,219,.28);background:#0a182a;color:#fff;padding:11px 14px;outline:none;font-size:14px;font-family:inherit;resize:vertical;min-height:90px}

.lp-form textarea:focus{border-color:#eeb95a;box-shadow:0 0 0 3px rgba(249,173,24,.11)}

.lp-form-note{margin:0!important}

.lp-honey{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px;height:1px;overflow:hidden}

.lp-block{width:100%;display:flex}

@media(max-width:560px){.lp-form-grid{grid-template-columns:1fr}.lp-register-note{flex-direction:column;gap:3px}}



/* Phase 1B 1.4.2: external supplier profile-change workflow. */

.lp-profile-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 21px}

.lp-profile-toolbar .lp-button{min-height:39px;padding:10px 15px;font-size:12px}

.lp-profile-readonly{color:#98abc0;font-size:12px}

.lp-profile-history{margin-top:20px}

.lp-profile-history h2{margin-bottom:10px}

.lp-history-items{display:grid;gap:5px}

.lp-history-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#a9bad1}

.lp-history-item strong{font-size:12px}

.lp-state-good{color:#90e0ae}.lp-state-bad{color:#ffc2c2}.lp-state-wait{color:#ffd28a}

.lp-profile-request-card .lp-note{margin:0!important}

.lp-profile-request-card .lp-footnote{margin-top:27px}

@media(max-width:560px){.lp-profile-toolbar .lp-button{width:100%;text-align:center}}


/* 1.4.3: additional legal/tax/bank forms - scoped to public supplier portal. */
.lp-extra-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 19px}
.lp-extra-actions .lp-button{font-size:12px;min-height:42px}
.lp-extra-summary{margin-top:20px;margin-bottom:20px}
.lp-extra-heading{font-size:16px!important;margin:7px 0 2px!important;color:#ffd48b!important;font-weight:800;letter-spacing:0!important}
.lp-form-span{grid-column:1/-1}
@media(max-width:640px){.lp-extra-actions{flex-direction:column}.lp-extra-actions .lp-button{width:100%}}