:root{
  --black:#060807;--surface:#0e1210;--surface2:#151a17;--line:rgba(255,255,255,.13);
  --text:#f5f2eb;--muted:#a6aca7;--gold:#c7a45b;--gold2:#e3c77f;--green:#173a2b;--cream:#eeeae1;--ink:#111410
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden}
body{font-family:Manrope,sans-serif;background:var(--black);color:var(--text)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.shell,.stage,.view{width:100%;height:100%}

.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:84px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,7,6,.78);backdrop-filter:blur(18px)}
.brand{border:0;background:none;color:white;display:flex;align-items:center;gap:14px}
.brand img{width:50px;height:50px;object-fit:contain}
.brand>span{display:flex;flex-direction:column;align-items:flex-start;letter-spacing:.22em}
.brand strong{font-size:16px}
.brand small{font-size:7px;color:var(--gold);margin-top:7px}
.login-link{height:44px;padding:0 18px;border:1px solid rgba(199,164,91,.65);background:transparent;color:var(--gold2);display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.12em;transition:.25s}
.login-link:hover{background:rgba(199,164,91,.08);border-color:var(--gold2)}
.login-icon{width:18px;height:18px;display:flex}
.login-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.stage{position:relative}
.view{position:absolute;inset:0;padding-top:84px;opacity:0;visibility:hidden;transform:translateX(42px) scale(.992);transition:.48s cubic-bezier(.22,.61,.36,1);overflow:hidden}
.view.active{opacity:1;visibility:visible;transform:none}
.view.leaving{opacity:0;transform:translateX(-42px) scale(.992)}

.hero-image{position:absolute;inset:0;background:url("assets/hero-clean.jpg") 73% center/cover no-repeat;filter:saturate(.86) brightness(1.02)}
.hero-overlay{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(4,6,5,.90) 0%,rgba(4,6,5,.69) 42%,rgba(4,6,5,.12) 72%,rgba(4,6,5,.34) 100%),
  linear-gradient(to top,rgba(4,6,5,.84) 0%,rgba(4,6,5,.05) 57%,rgba(4,6,5,.14))
}
.hero-brandmark{
  position:absolute;
  z-index:1;
  right:9vw;
  top:13vh;
  width:min(34vw,520px);
  height:min(34vw,520px);
  object-fit:contain;
  opacity:.17;
  filter:grayscale(.15) saturate(.75) drop-shadow(0 0 45px rgba(199,164,91,.12));
  pointer-events:none;
  user-select:none;
}
.hero-copy{position:absolute;z-index:2;left:6.5vw;top:13.7vh;width:min(650px,43vw)}
.eyebrow,.section-label,.inner-header span,.form-title span,.portal-top span{font-size:9px;color:var(--gold2);letter-spacing:.14em;text-transform:uppercase}
.hero-copy h1{font-size:clamp(45px,4.5vw,72px);line-height:1.015;letter-spacing:-.058em;margin:17px 0 20px;font-weight:600;max-width:650px}
.hero-copy p{max-width:570px;color:#bcc1bc;line-height:1.7;font-size:14px}

.home-cards{position:absolute;z-index:4;left:6.5vw;right:6.5vw;bottom:4.2vh;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.home-card{position:relative;height:355px;border:1px solid rgba(255,255,255,.24);background:#0e1210;color:white;text-align:left;overflow:hidden;transition:.35s}
.home-card:hover{transform:translateY(-8px);border-color:rgba(199,164,91,.8);box-shadow:0 22px 50px rgba(0,0,0,.38)}
.card-image{position:absolute;inset:43% 0 0;background-size:cover;background-position:center;transition:.45s}
.home-card:hover .card-image{transform:scale(1.045)}
.card-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,15,13,.99) 0%,rgba(11,15,13,.93) 48%,rgba(11,15,13,.24) 77%,rgba(11,15,13,.52) 100%)}
.card-content{position:relative;z-index:2;height:100%;padding:25px;display:flex;flex-direction:column}
.icon-wrap{width:38px;height:38px;color:var(--gold2);display:flex;align-items:center;justify-content:center}
.icon-wrap svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.home-card h2{font-size:24px;line-height:1.12;letter-spacing:-.04em;margin-top:16px}
.home-card p{max-width:300px;color:#b3b8b3;font-size:12px;line-height:1.62;margin-top:10px;margin-bottom:18px}


.inner{background:#090c0a}
.inner-background,.login-bg{position:absolute;inset:0;background:url("assets/hero-clean.jpg") 75% center/cover no-repeat;filter:saturate(.55) brightness(.28)}
.inner-overlay,.login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,6,.99),rgba(5,7,6,.86) 55%,rgba(5,7,6,.72))}
.inner-header{position:relative;z-index:2;height:125px;padding:28px 6vw 20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;align-items:end}
.back{border:0;background:none;color:#aeb4ae;font-size:10px;letter-spacing:.07em;text-align:left}
.inner-header h1{font-size:39px;letter-spacing:-.05em;margin-top:6px}
.inner-grid{position:relative;z-index:2;height:calc(100% - 125px);display:grid;grid-template-columns:.88fr 1.12fr}
.intro-panel{padding:5vh 6vw;border-right:1px solid var(--line)}
.intro-panel h2{font-size:clamp(35px,3.6vw,59px);line-height:1.02;letter-spacing:-.055em;margin-top:15px}
.intro-panel>p{color:var(--muted);line-height:1.75;max-width:560px;margin-top:20px;font-size:14px}
.process-list{margin-top:32px;border-top:1px solid var(--line)}
.process-list div{display:grid;grid-template-columns:46px 1fr;padding:13px 0;border-bottom:1px solid var(--line)}
.process-list b{font-size:9px;color:var(--gold2)}
.process-list span{font-size:11px}
.secure-note{margin-top:22px;padding:14px 16px;border-left:2px solid var(--gold);background:rgba(199,164,91,.07);font-size:10px;color:#b6bcb6;line-height:1.6}
.form-panel{margin:3vh 4vw;padding:25px;background:rgba(239,235,226,.97);color:var(--ink);overflow:auto;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.form-title{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #ccc8be;margin-bottom:20px}
.form-title b{font-size:9px;color:#8a713e;letter-spacing:.1em}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.full{grid-column:1/-1}
label{display:grid;gap:6px;font-size:8px;color:#575d57;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
input,textarea,select{width:100%;padding:12px 13px;border:1px solid #c9c5ba;background:#f7f4ed;color:#111;outline:none}
input:focus,textarea:focus,select:focus{border-color:#88703d}
.dropzone{margin-top:14px;min-height:105px;border:1px dashed #a9a59a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}
.dropzone input{display:none}
.dropzone span{font-size:23px;color:#836a36}
.dropzone b{font-size:11px;margin:5px}
.dropzone small{font-size:9px;text-transform:none;font-weight:500}
.consent{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;margin:13px 0}
.consent input{width:auto}
.consent span{font-size:9px;text-transform:none}
.primary-submit{width:100%;height:49px;border:0;background:#18392b;color:white;font-size:9px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:28px}
.primary-submit:hover{background:#214b39}

.compact-grid{position:relative;z-index:2;height:calc(100% - 125px);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;padding:5vh 9vw}
.compact-form{margin:0;padding:28px;display:grid;gap:13px;max-height:68vh}
.mail{display:inline-block;color:var(--gold2);margin-top:24px;font-size:18px;text-decoration:none}

.login-view{background:#060807}
.login-bg{filter:saturate(.55) brightness(.34)}
.login-overlay{background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.72),rgba(5,7,6,.68))}
.login-wrap{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center}
.login-back{position:absolute;left:5vw;top:35px}
.login-brand{position:absolute;left:6vw;bottom:7vh;display:flex;align-items:center;gap:13px;color:var(--gold2);font-size:10px;letter-spacing:.15em}
.login-brand img{width:46px}
.login-panel{width:min(440px,calc(100% - 36px));padding:34px;background:rgba(238,234,225,.97);color:#111;display:grid;gap:14px;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.login-panel h1{font-size:38px;letter-spacing:-.05em;margin-top:5px}
.login-panel>p{font-size:11px;color:#656b65;margin-bottom:8px}
.forgot{border:0;background:none;color:#666;font-size:9px}

.portal-view{display:grid;grid-template-columns:220px 1fr;background:#090c0a}
.portal-side{padding:30px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.portal-logo{display:flex;align-items:center;gap:10px;margin-bottom:45px}
.portal-logo img{width:38px}
.portal-logo span{font-size:11px;letter-spacing:.16em}
.portal-side button{padding:13px;border:0;background:none;color:#7f8981;text-align:left;font-size:10px}
.portal-side button.active{background:#17221c;color:var(--gold2)}
.portal-side .logout{margin-top:auto;color:#b9bfb9}
.portal-main{padding:42px 4vw}
.portal-top{display:flex;justify-content:space-between;align-items:start}
.portal-top h1{font-size:46px;letter-spacing:-.055em;margin-top:7px}
.portal-top>b{font-size:10px;color:var(--gold2);border:1px solid rgba(199,164,91,.42);padding:10px 13px}
.portal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px}
.portal-actions button{height:130px;padding:20px;border:1px solid var(--line);background:#111612;color:white;text-align:left;display:flex;flex-direction:column;justify-content:space-between}
.portal-actions i{font-style:normal;font-size:22px;color:var(--gold2)}
.portal-actions span{font-size:12px}
.portal-actions b{align-self:flex-end;color:var(--gold2)}
.portal-table{margin-top:20px;border:1px solid var(--line)}
.table-title{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line);font-size:8px;color:#778078}
.empty{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.empty>span{color:var(--gold2);font-size:25px}
.empty h2{font-size:19px;margin-top:12px}
.empty p{font-size:10px;line-height:1.6;color:#7d867f;max-width:500px;margin-top:8px}

.toast{position:fixed;z-index:500;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;display:flex;align-items:center;gap:10px;background:#eeeae1;color:#111;padding:13px 18px;box-shadow:0 18px 60px rgba(0,0,0,.4);transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast b{color:#2c6d49}

@media(max-width:1180px){
  .hero-copy{width:52vw;top:12.5vh}
  .hero-copy h1{font-size:56px}
  .home-card{height:330px}
}
@media(max-width:1050px){
  .hero-copy{width:72vw}
  .home-cards{grid-template-columns:1fr 1fr}
  .home-card{height:230px}
  .card-image{inset:48% 0 0}
  .inner-grid{grid-template-columns:1fr}
  .intro-panel{display:none}
  .form-panel{height:calc(100% - 5vh)}
}
@media(max-width:700px){
  .topbar{height:68px;padding:0 18px}
  .brand img{width:42px}
  .view{padding-top:68px;overflow:auto}
  .home{overflow:auto}
  .hero-image,.hero-overlay{position:fixed}.hero-brandmark{position:fixed;right:-60px;top:150px;width:330px;height:330px;opacity:.08}
  .hero-copy{position:relative;left:auto;top:auto;width:auto;padding:45px 22px 20px}
  .hero-copy h1{font-size:42px}
  .home-cards{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;padding:0 22px 30px}
  .home-card{height:250px}
  .inner-header{height:112px;padding:18px 20px;grid-template-columns:90px 1fr}
  .inner-header h1{font-size:29px}
  .inner-grid,.compact-grid{height:auto;display:block;padding:0}
  .form-panel,.compact-form{height:auto;margin:20px;padding:20px;max-height:none}
  .form-grid{grid-template-columns:1fr}
  .full{grid-column:auto}
  .compact-grid .intro-panel{display:block;border:0;padding:35px 20px 10px}
  .portal-view{display:block;overflow:auto}
  .portal-side{display:none}
  .portal-main{padding:30px 20px}
  .portal-actions{grid-template-columns:1fr}
  .portal-top h1{font-size:35px}
}


/* Premium onboarding – only Auftraggeber and Partner */
.premium-onboarding .inner-background{filter:saturate(.62) brightness(.36)}
.premium-onboarding .inner-overlay{
  background:
    radial-gradient(circle at 78% 20%,rgba(199,164,91,.12),transparent 28%),
    linear-gradient(90deg,rgba(5,7,6,.98),rgba(5,7,6,.86) 52%,rgba(5,7,6,.68));
}
.premium-grid{grid-template-columns:.82fr 1.18fr}
.premium-intro{position:relative;overflow:hidden;padding:4.5vh 5.2vw}
.intro-watermark{
  position:absolute;width:420px;height:420px;object-fit:contain;
  left:24%;top:18%;opacity:.055;filter:grayscale(.2) saturate(.65);
  pointer-events:none;
}
.premium-intro>*:not(.intro-watermark){position:relative;z-index:1}
.premium-intro h2{font-size:clamp(40px,3.65vw,60px);max-width:620px}
.premium-process{display:grid;gap:8px;margin-top:26px}
.premium-process>div{
  min-height:74px;display:grid;grid-template-columns:52px 34px 1fr;align-items:center;
  gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(15,19,17,.92),rgba(27,24,19,.70));
  border-radius:10px;transition:.25s;
}
.premium-process>div:hover{transform:translateX(4px);border-color:rgba(199,164,91,.38)}
.premium-process i{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(199,164,91,.52);font-style:normal;color:var(--gold2)
}
.premium-process b{font-size:10px;color:var(--gold2)}
.premium-process span{display:flex;flex-direction:column;gap:5px}
.premium-process strong{font-size:12px;color:#f4f1ea}
.premium-process small{font-size:9px;color:#9da39e;line-height:1.45}
.premium-note{border-left:2px solid var(--gold);background:rgba(255,255,255,.05)}

.premium-form{
  margin:3.2vh 4.2vw 3.2vh 2.2vw;padding:30px 30px 26px;
  color:#f4f1ea;border:1px solid rgba(255,255,255,.18);border-radius:17px;
  background:
    radial-gradient(circle at 12% 0%,rgba(199,164,91,.13),transparent 24%),
    linear-gradient(145deg,rgba(29,27,23,.94),rgba(13,16,15,.96));
  box-shadow:0 28px 85px rgba(0,0,0,.48);
  backdrop-filter:blur(22px);overflow:auto;
}
.form-progress{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px}
.form-progress>div{position:relative;text-align:center;color:#858985;font-size:8px;letter-spacing:.05em}
.form-progress i{
  position:relative;z-index:2;display:block;width:20px;height:20px;margin:0 auto 9px;
  border-radius:50%;border:2px solid #5a5f5b;background:#181b19
}
.form-progress>div:not(:last-child)::after{
  content:"";position:absolute;left:50%;top:9px;width:100%;height:2px;background:#454946
}
.form-progress .active{color:var(--gold2)}
.form-progress .active i{background:#dfb553;border-color:#dfb553;box-shadow:0 0 18px rgba(223,181,83,.28)}
.form-progress .active::after{background:linear-gradient(90deg,#dfb553,#6b5b35)}
.premium-section-title{font-size:13px;color:var(--gold2);margin:4px 0 17px}
.premium-fields{gap:13px 15px}
.premium-fields label,.premium-consent{color:#c9cbc7}
.premium-fields input,.premium-fields textarea{
  background:rgba(5,8,7,.72);border:1px solid rgba(255,255,255,.20);
  color:#f3f1eb;border-radius:5px;padding:12px 13px;
}
.premium-fields input::placeholder,.premium-fields textarea::placeholder{color:#777d78}
.premium-fields input:focus,.premium-fields textarea:focus{
  border-color:rgba(199,164,91,.72);box-shadow:0 0 0 3px rgba(199,164,91,.07)
}
.premium-dropzone{
  margin-top:14px;min-height:126px;border:1px dashed rgba(199,164,91,.72);
  border-radius:5px;background:rgba(4,7,6,.48);color:#b9bdb9
}
.premium-dropzone:hover{background:rgba(199,164,91,.055)}
.premium-dropzone span{font-size:26px;color:var(--gold2)}
.premium-dropzone b{color:var(--gold2);font-size:10px;letter-spacing:.05em}
.premium-dropzone small{text-align:center;color:#979c98;line-height:1.55}
.premium-consent{margin:15px 0}
.premium-consent input{accent-color:#c7a45b}
.premium-consent u{color:var(--gold2);text-underline-offset:2px}
.premium-submit{
  height:53px;border:1px solid rgba(199,164,91,.76);
  background:linear-gradient(135deg,#173c2e,#0f593b 58%,#174331);
  border-radius:5px;box-shadow:0 14px 34px rgba(0,0,0,.25)
}
.premium-submit:hover{background:linear-gradient(135deg,#1b4836,#126746 58%,#1b503a);transform:translateY(-1px)}

@media(max-width:1050px){
  .premium-intro{display:none}
  .premium-grid{grid-template-columns:1fr}
  .premium-form{margin:3vh 5vw;height:calc(100% - 6vh)}
}
@media(max-width:700px){
  .premium-form{margin:18px;padding:20px 16px;height:auto}
  .form-progress{overflow-x:auto}
  .form-progress>div{min-width:95px}
}


/* V8 – hellerer Hintergrund + vollständig sichtbares Formular */
.premium-onboarding{
  overflow-y:auto !important;
  min-height:100vh;
  height:auto !important;
}

.premium-onboarding .inner-background{
  filter:saturate(.78) brightness(.58) contrast(.92) !important;
  opacity:.98;
}

.premium-onboarding .inner-overlay{
  background:
    radial-gradient(circle at 76% 18%,rgba(214,177,95,.18),transparent 30%),
    radial-gradient(circle at 18% 68%,rgba(25,92,61,.11),transparent 28%),
    linear-gradient(90deg,rgba(7,10,9,.90),rgba(7,10,9,.70) 50%,rgba(7,10,9,.48)) !important;
}

.premium-onboarding .inner-grid{
  min-height:auto !important;
  height:auto !important;
  align-items:start;
  padding-bottom:48px;
}

.premium-intro{
  min-height:auto !important;
}

.premium-form{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  margin-top:28px;
  margin-bottom:42px;
  padding-bottom:30px;
}

.premium-fields textarea{
  min-height:96px;
}

.premium-dropzone{
  min-height:112px;
  padding:18px;
}

.premium-consent{
  display:flex;
  align-items:center;
  gap:10px;
}

.premium-submit{
  margin-top:4px;
}

@media(max-width:1300px){
  .premium-grid{
    grid-template-columns:.76fr 1.24fr;
  }

  .premium-intro{
    padding-left:4vw;
    padding-right:3.2vw;
  }

  .premium-intro h2{
    font-size:clamp(38px,3.2vw,54px);
  }

  .premium-form{
    margin-left:1.2vw;
    margin-right:3.2vw;
    padding:26px;
  }
}

@media(max-width:1100px){
  .premium-onboarding{
    overflow-y:auto !important;
  }

  .premium-grid{
    display:block !important;
  }

  .premium-intro{
    display:block !important;
    padding:34px 5vw 10px;
  }

  .premium-intro h2{
    max-width:720px;
  }

  .premium-process{
    grid-template-columns:1fr 1fr;
  }

  .premium-form{
    margin:24px 5vw 42px;
  }
}

@media(max-width:720px){
  .premium-process{
    grid-template-columns:1fr;
  }

  .premium-form{
    margin:18px 16px 34px;
    padding:20px 16px 24px;
  }
}


/* V9 – Premium Login im gleichen Stil, aber mit hellem Hintergrund */
.login-view{
  background:#d7d1c3 !important;
  overflow:hidden;
}

.login-view .login-bg{
  background:url("assets/hero-clean.jpg") 72% center/cover no-repeat !important;
  filter:saturate(.78) brightness(1.28) contrast(.78) !important;
  transform:scale(1.02);
}

.login-view .login-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 74% 24%,rgba(255,244,213,.52),transparent 30%),
    radial-gradient(circle at 18% 76%,rgba(15,72,49,.12),transparent 30%),
    linear-gradient(90deg,rgba(234,229,216,.92),rgba(225,219,203,.70) 44%,rgba(206,197,177,.46)) !important;
  backdrop-filter:none;
}

.login-wrap{
  position:relative;
  z-index:2;
  height:100%;
  min-height:calc(100vh - 82px);
  display:grid !important;
  grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);
  align-items:center;
  gap:6vw;
  padding:46px 6vw 52px;
}

.login-back{
  position:absolute !important;
  top:28px !important;
  left:5vw !important;
  color:#223128 !important;
  z-index:3;
}

.login-brand{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:20px;
  max-width:520px;
  color:#19241d !important;
}

.login-brand::before{
  content:"GESCHÜTZTER PROJEKTZUGANG";
  font-size:10px;
  letter-spacing:.16em;
  color:#9b742d;
  font-weight:700;
}

.login-brand img{
  width:118px !important;
  height:118px !important;
  object-fit:contain;
  filter:drop-shadow(0 18px 32px rgba(36,55,42,.15));
}

.login-brand span{
  color:#19241d !important;
  font-size:13px !important;
  letter-spacing:.18em !important;
}

.login-brand::after{
  content:"Verwalten Sie Projekte, Dokumente und Statusmeldungen in einem geschützten Bereich.";
  display:block;
  max-width:470px;
  margin-top:8px;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.045em;
  font-weight:700;
  color:#17231c;
}

.login-panel{
  width:min(560px,100%) !important;
  justify-self:end;
  padding:38px 40px 36px !important;
  color:#f5f2ea !important;
  border:1px solid rgba(255,255,255,.42);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(216,176,93,.19),transparent 25%),
    linear-gradient(145deg,rgba(28,31,28,.86),rgba(12,17,14,.91)) !important;
  box-shadow:0 30px 80px rgba(52,45,31,.25);
  backdrop-filter:blur(24px);
  gap:15px !important;
}

.login-panel .section-label{
  color:#e3b957 !important;
  letter-spacing:.13em;
}

.login-panel h1{
  color:#fffdf8 !important;
  font-size:44px !important;
  line-height:1;
  margin:4px 0 3px !important;
}

.login-panel>p{
  color:#b9c0ba !important;
  font-size:13px !important;
  margin-bottom:12px !important;
}

.login-panel label{
  color:#d1d5d0 !important;
  font-size:9px;
  letter-spacing:.07em;
}

.login-panel input{
  height:48px;
  color:#f5f2ea !important;
  background:rgba(3,7,5,.62) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:5px;
  padding:0 14px;
}

.login-panel input::placeholder{
  color:#737a75;
}

.login-panel input:focus{
  border-color:rgba(216,176,93,.76) !important;
  box-shadow:0 0 0 3px rgba(216,176,93,.08);
}

.login-panel .primary-submit{
  height:54px;
  margin-top:5px;
  border:1px solid rgba(216,176,93,.78);
  border-radius:5px;
  background:linear-gradient(135deg,#173f2f,#0f5b3c 58%,#184533);
  box-shadow:0 15px 34px rgba(0,0,0,.22);
}

.login-panel .primary-submit:hover{
  background:linear-gradient(135deg,#1b4b38,#126a47 58%,#1b523b);
  transform:translateY(-1px);
}

.login-panel .forgot{
  color:#b5bbb6 !important;
  font-size:10px;
  margin-top:4px;
}

.login-panel .forgot:hover{
  color:#e3b957 !important;
}

.login-view::after{
  content:"";
  position:absolute;
  right:-100px;
  bottom:-150px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(223,181,83,.18),transparent 68%);
  pointer-events:none;
}

@media(max-width:980px){
  .login-view{
    overflow-y:auto;
  }

  .login-wrap{
    min-height:auto;
    grid-template-columns:1fr;
    gap:30px;
    padding:90px 5vw 44px;
  }

  .login-brand{
    max-width:680px;
  }

  .login-brand img{
    width:88px !important;
    height:88px !important;
  }

  .login-brand::after{
    font-size:30px;
  }

  .login-panel{
    justify-self:stretch;
    width:100% !important;
  }
}

@media(max-width:640px){
  .login-wrap{
    padding:82px 16px 28px;
  }

  .login-brand{
    gap:12px;
  }

  .login-brand img{
    width:70px !important;
    height:70px !important;
  }

  .login-brand::after{
    font-size:25px;
  }

  .login-panel{
    padding:28px 20px 24px !important;
  }

  .login-panel h1{
    font-size:36px !important;
  }
}


/* V10 – Premium Rückruf & Allgemeine Anfrage */
.premium-service{
  overflow-y:auto !important;
  min-height:100vh;
  height:auto !important;
}

.premium-service .inner-background{
  filter:saturate(.78) brightness(.58) contrast(.92) !important;
  opacity:.98;
}

.premium-service .inner-overlay{
  background:
    radial-gradient(circle at 76% 18%,rgba(214,177,95,.18),transparent 30%),
    radial-gradient(circle at 18% 68%,rgba(25,92,61,.11),transparent 28%),
    linear-gradient(90deg,rgba(7,10,9,.90),rgba(7,10,9,.70) 50%,rgba(7,10,9,.48)) !important;
}

.service-grid{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 209px);
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:start;
  padding-bottom:48px;
}

.service-intro{
  position:relative;
  overflow:hidden;
  padding:4.5vh 5.2vw;
  border-right:1px solid var(--line);
}

.service-watermark{
  position:absolute;
  width:420px;
  height:420px;
  object-fit:contain;
  left:24%;
  top:18%;
  opacity:.055;
  filter:grayscale(.2) saturate(.65);
  pointer-events:none;
}

.service-intro>*:not(.service-watermark){
  position:relative;
  z-index:1;
}

.service-intro h2{
  font-size:clamp(40px,3.65vw,60px);
  line-height:1.02;
  letter-spacing:-.055em;
  max-width:620px;
  margin-top:15px;
}

.service-intro>p{
  color:var(--muted);
  line-height:1.75;
  max-width:560px;
  margin-top:20px;
  font-size:14px;
}

.service-process{
  display:grid;
  gap:9px;
  margin-top:28px;
}

.service-process>div{
  min-height:78px;
  display:grid;
  grid-template-columns:52px 34px 1fr;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(15,19,17,.92),rgba(27,24,19,.70));
  border-radius:10px;
  transition:.25s;
}

.service-process>div:hover{
  transform:translateX(4px);
  border-color:rgba(199,164,91,.38);
}

.service-process i{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(199,164,91,.52);
  font-style:normal;
  color:var(--gold2);
}

.service-process b{
  font-size:10px;
  color:var(--gold2);
}

.service-process span{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.service-process strong{
  font-size:12px;
  color:#f4f1ea;
}

.service-process small{
  font-size:9px;
  color:#9da39e;
  line-height:1.45;
}

.service-note,
.service-contact-card{
  margin-top:24px;
  padding:15px 17px;
  border-left:2px solid var(--gold);
  background:rgba(255,255,255,.05);
  color:#b7bcb7;
  font-size:10px;
  line-height:1.6;
}

.service-contact-card{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.service-contact-card span{
  color:var(--gold2);
  font-size:8px;
  letter-spacing:.13em;
}

.service-contact-card a{
  color:#f3d587;
  text-decoration:none;
  font-size:18px;
}

.service-contact-card small{
  color:#959b96;
}

.service-form{
  margin:28px 4.2vw 42px 2.2vw;
  padding:30px 30px 28px;
  color:#f4f1ea;
  border:1px solid rgba(255,255,255,.18);
  border-radius:17px;
  background:
    radial-gradient(circle at 12% 0%,rgba(199,164,91,.13),transparent 24%),
    linear-gradient(145deg,rgba(29,27,23,.94),rgba(13,16,15,.96));
  box-shadow:0 28px 85px rgba(0,0,0,.48);
  backdrop-filter:blur(22px);
}

.service-form-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding-bottom:20px;
  margin-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.service-form-head span{
  font-size:9px;
  color:var(--gold2);
  letter-spacing:.14em;
}

.service-form-head h3{
  margin-top:8px;
  color:#fffdf8;
  font-size:25px;
  letter-spacing:-.035em;
}

.service-form-head>b{
  color:#a98a49;
  font-size:9px;
  letter-spacing:.11em;
}

.service-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 15px;
}

.service-form label,
.service-consent{
  color:#c9cbc7;
}

.service-form input,
.service-form textarea,
.service-form select{
  background:rgba(5,8,7,.72);
  border:1px solid rgba(255,255,255,.20);
  color:#f3f1eb;
  border-radius:5px;
  padding:12px 13px;
}

.service-form input::placeholder,
.service-form textarea::placeholder{
  color:#777d78;
}

.service-form input:focus,
.service-form textarea:focus,
.service-form select:focus{
  border-color:rgba(199,164,91,.72);
  box-shadow:0 0 0 3px rgba(199,164,91,.07);
}

.service-form select{
  color:#d8dbd6;
}

.service-form select option{
  background:#121713;
  color:#f4f1ea;
}

.service-consent{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0;
  font-size:9px;
  text-transform:none;
}

.service-consent input{
  width:auto;
  accent-color:#c7a45b;
}

.service-dropzone{
  min-height:112px;
  margin-top:15px;
  padding:18px;
  border:1px dashed rgba(199,164,91,.72);
  border-radius:5px;
  background:rgba(4,7,6,.48);
  color:#b9bdb9;
}

.service-dropzone:hover{
  background:rgba(199,164,91,.055);
}

.service-dropzone span{
  font-size:26px;
  color:var(--gold2);
}

.service-dropzone b{
  color:var(--gold2);
  font-size:10px;
  letter-spacing:.05em;
}

.service-dropzone small{
  color:#979c98;
  text-align:center;
  line-height:1.55;
}

.service-submit{
  height:53px;
  border:1px solid rgba(199,164,91,.76);
  background:linear-gradient(135deg,#173c2e,#0f593b 58%,#174331);
  border-radius:5px;
  box-shadow:0 14px 34px rgba(0,0,0,.25);
}

.service-submit:hover{
  background:linear-gradient(135deg,#1b4836,#126746 58%,#1b503a);
  transform:translateY(-1px);
}

@media(max-width:1300px){
  .service-grid{
    grid-template-columns:.76fr 1.24fr;
  }

  .service-intro{
    padding-left:4vw;
    padding-right:3.2vw;
  }

  .service-intro h2{
    font-size:clamp(38px,3.2vw,54px);
  }

  .service-form{
    margin-left:1.2vw;
    margin-right:3.2vw;
    padding:26px;
  }
}

@media(max-width:1100px){
  .service-grid{
    display:block;
  }

  .service-intro{
    padding:34px 5vw 10px;
    border-right:0;
  }

  .service-intro h2{
    max-width:720px;
  }

  .service-process{
    grid-template-columns:repeat(3,1fr);
  }

  .service-form{
    margin:24px 5vw 42px;
  }
}

@media(max-width:760px){
  .service-process{
    grid-template-columns:1fr;
  }

  .service-form-grid{
    grid-template-columns:1fr;
  }

  .service-form-grid .full{
    grid-column:auto;
  }

  .service-form{
    margin:18px 16px 34px;
    padding:20px 16px 24px;
  }

  .service-form-head h3{
    font-size:22px;
  }
}


/* V11 – Kunden- und Partnerportal */
.demo-divider{
  display:flex;align-items:center;gap:12px;margin:4px 0;color:#78807a;
  font-size:8px;letter-spacing:.12em
}
.demo-divider::before,.demo-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.12)}
.demo-logins{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.demo-login{
  min-height:58px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);
  border-radius:5px;background:rgba(5,8,7,.46);color:#f4f1ea;
  display:flex;align-items:center;justify-content:space-between;text-align:left;transition:.22s
}
.demo-login:hover{border-color:rgba(216,176,93,.65);background:rgba(216,176,93,.06);transform:translateY(-1px)}
.demo-login span{display:flex;flex-direction:column;gap:4px}
.demo-login b{font-size:10px}
.demo-login small{font-size:8px;color:#9ba19c;letter-spacing:.05em}
.demo-login i{font-style:normal;color:var(--gold2)}

.portal-view{
  grid-template-columns:242px 1fr;
  background:
    radial-gradient(circle at 75% 0%,rgba(199,164,91,.08),transparent 28%),
    #080b09;
  overflow:hidden
}
.portal-side{
  padding:25px 18px 20px;
  background:linear-gradient(180deg,#0d120f,#080b09);
  border-right:1px solid rgba(255,255,255,.10)
}
.portal-brand{
  border:0;background:none;color:#fff;display:flex;align-items:center;gap:11px;
  padding:0 8px 25px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);
  width:100%;text-align:left
}
.portal-brand img{width:42px;height:42px;object-fit:contain}
.portal-brand span{display:flex;flex-direction:column;gap:5px;letter-spacing:.17em}
.portal-brand strong{font-size:11px}
.portal-brand small{font-size:7px;color:var(--gold2)}
.portal-nav{display:grid;gap:5px}
.portal-nav button{
  min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:6px;
  background:none;color:#7e8981;display:grid;grid-template-columns:24px 1fr auto;
  align-items:center;text-align:left;font-size:10px;transition:.2s
}
.portal-nav button:hover{color:#d7dcd7;background:rgba(255,255,255,.035)}
.portal-nav button.active{
  color:#f2e6c7;background:linear-gradient(90deg,rgba(199,164,91,.13),rgba(25,68,48,.13));
  border-color:rgba(199,164,91,.22)
}
.portal-nav i{font-style:normal;color:var(--gold2);font-size:15px}
.portal-nav b{
  min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;
  background:#18211b;color:#9fa8a1;font-size:8px
}
.portal-nav b.notify{background:#6b4d1e;color:#f6d993}
.portal-support{
  margin-top:auto;padding:16px 14px;border:1px solid rgba(199,164,91,.18);
  background:rgba(199,164,91,.045);border-radius:8px
}
.portal-support span{font-size:7px;color:var(--gold2);letter-spacing:.12em}
.portal-support p{font-size:9px;color:#8c958e;line-height:1.5;margin:8px 0 10px}
.portal-support button{border:0;background:none;color:#d5b568;font-size:8px;padding:0}
.portal-side .logout{
  margin-top:12px;padding:11px 12px;border:0;background:none;color:#7f8981;text-align:left;font-size:9px
}

.portal-main{
  overflow-y:auto;padding:30px 3.2vw 44px;position:relative
}
.portal-top{align-items:center}
.portal-top h1{font-size:clamp(34px,3.1vw,52px)}
.portal-top>div:first-child>p{font-size:11px;color:#778079;margin-top:8px}
.portal-user{display:flex;align-items:center;gap:12px}
.portal-user-copy{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.portal-user-copy b{font-size:10px}
.portal-user-copy span{font-size:8px;color:var(--gold2)}
.portal-avatar{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(199,164,91,.42);
  background:linear-gradient(145deg,#173b2c,#0d1812);
  color:#e8cb85;font-size:10px;font-weight:700
}
.portal-statusbar{
  margin-top:20px;padding:10px 13px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);display:flex;justify-content:space-between;
  color:#6f7871;font-size:8px
}
.portal-statusbar span{display:flex;align-items:center;gap:8px}
.portal-statusbar i{width:7px;height:7px;border-radius:50%;background:#4da66f;box-shadow:0 0 10px rgba(77,166,111,.55)}
.portal-statusbar b{font-weight:500}

.portal-content{display:none}
.portal-content.active{display:block}
.portal-kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px
}
.portal-kpis article{
  min-height:118px;padding:18px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(20,26,22,.92),rgba(12,16,13,.92));
  display:flex;flex-direction:column
}
.portal-kpis span{font-size:7px;color:#7b857d;letter-spacing:.11em}
.portal-kpis strong{font-size:28px;letter-spacing:-.04em;margin-top:13px;color:#f1eee7}
.portal-kpis small{font-size:8px;color:#667069;margin-top:auto}

.portal-actions{margin-top:12px}
.portal-actions button{height:106px;border-color:rgba(255,255,255,.10);background:linear-gradient(145deg,#121813,#0e130f)}
.portal-actions button:hover{border-color:rgba(199,164,91,.42);transform:translateY(-2px)}

.portal-dashboard-grid{
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);gap:14px;margin-top:14px
}
.project-overview,.portal-activity{
  border:1px solid rgba(255,255,255,.10);background:#0d120f
}
.portal-section-head{
  min-height:70px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);
  display:flex;align-items:center;justify-content:space-between
}
.portal-section-head span{font-size:7px;color:var(--gold2);letter-spacing:.12em}
.portal-section-head h2{font-size:18px;margin-top:6px}
.portal-section-head button{border:0;background:none;color:#967e49;font-size:8px}

.project-list{display:grid}
.project-row{
  min-height:94px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);
  display:grid;grid-template-columns:42px minmax(180px,1.35fr) minmax(130px,.8fr) 105px 24px;
  align-items:center;gap:13px
}
.project-row:last-child{border-bottom:0}
.project-row:hover{background:rgba(255,255,255,.018)}
.project-code{
  width:38px;height:38px;border:1px solid rgba(199,164,91,.28);display:grid;place-items:center;
  color:#d4b66c;font-size:9px;background:#121a15
}
.project-info span{font-size:6px;color:#7d877f;letter-spacing:.09em}
.project-info h3{font-size:11px;margin:6px 0 5px}
.project-info small{font-size:7px;color:#616a63}
.project-progress>div{display:flex;justify-content:space-between;font-size:7px;color:#717a73}
.project-progress>div b{color:#c5c9c5}
.project-progress>i{display:block;height:4px;margin-top:9px;background:#1c241f;overflow:hidden}
.project-progress em{display:block;height:100%;background:linear-gradient(90deg,#8c733f,#d8b65e)}
.project-status{
  justify-self:start;padding:7px 8px;border-radius:3px;font-size:7px;white-space:nowrap
}
.project-status.running{color:#8cd2a7;background:rgba(43,116,73,.18)}
.project-status.review{color:#e2c272;background:rgba(145,104,29,.18)}
.project-status.planned{color:#9da9a0;background:rgba(110,126,115,.14)}
.project-open{border:0;background:none;color:var(--gold2);font-size:16px}

.activity-list{display:grid}
.activity-list>div{
  min-height:74px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;gap:12px
}
.activity-list>div:last-child{border-bottom:0}
.activity-list i{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(199,164,91,.22);color:var(--gold2);font-style:normal;font-size:11px
}
.activity-list span{display:flex;flex-direction:column;gap:6px}
.activity-list b{font-size:9px;font-weight:600}
.activity-list small{font-size:7px;color:#68716a}

.portal-placeholder{
  min-height:420px;margin-top:18px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,#111713,#0b0f0c);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
}
.portal-placeholder span{font-size:8px;color:var(--gold2);letter-spacing:.13em}
.portal-placeholder h2{font-size:34px;margin-top:15px}
.portal-placeholder p{max-width:580px;color:#778079;font-size:11px;line-height:1.7;margin-top:12px}

@media(max-width:1150px){
  .portal-view{grid-template-columns:200px 1fr}
  .portal-kpis{grid-template-columns:1fr 1fr}
  .portal-dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .portal-view{display:block;overflow:auto}
  .portal-side{display:none}
  .portal-main{overflow:visible;padding:28px 18px}
  .portal-user{display:none}
  .portal-actions{grid-template-columns:1fr}
  .project-row{grid-template-columns:40px 1fr 24px}
  .project-progress,.project-status{display:none}
}
@media(max-width:580px){
  .demo-logins{grid-template-columns:1fr}
  .portal-kpis{grid-template-columns:1fr}
  .portal-statusbar{display:none}
}


/* V12 – Projektdetailseite */
.project-row{cursor:pointer}
.detail-back{
  margin:18px 0 14px;padding:0;border:0;background:none;color:#9a8350;
  font-size:8px;letter-spacing:.09em
}
.detail-hero{
  display:grid;grid-template-columns:1fr 260px;gap:14px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 82% 22%,rgba(199,164,91,.12),transparent 25%),
    linear-gradient(145deg,#111713,#0b0f0c);
  padding:28px
}
.detail-hero-copy>span{font-size:8px;color:var(--gold2);letter-spacing:.13em}
.detail-hero-copy h2{font-size:clamp(34px,3.2vw,52px);letter-spacing:-.05em;margin-top:12px}
.detail-hero-copy>p{max-width:780px;color:#7d867f;font-size:10px;line-height:1.75;margin-top:13px}
.detail-meta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px
}
.detail-meta>div{
  min-height:64px;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);
  display:flex;flex-direction:column;gap:9px
}
.detail-meta small{font-size:6px;color:#687169;letter-spacing:.1em}
.detail-meta b{font-size:9px;color:#d9ddd9}
.detail-status{color:#8bd0a5!important}
.detail-progress-card{
  border-left:1px solid rgba(255,255,255,.10);padding-left:28px;
  display:flex;flex-direction:column;align-items:center;justify-content:center
}
.detail-progress-card>span{font-size:7px;color:#727c74;letter-spacing:.12em}
.detail-progress-card>strong{font-size:10px;color:var(--gold2);margin-top:7px}
.detail-progress-card>p{font-size:8px;color:#707970;text-align:center;line-height:1.5;margin-top:10px}
.detail-progress-ring{
  --progress:72;width:124px;height:124px;border-radius:50%;margin-top:12px;
  display:grid;place-items:center;
  background:conic-gradient(#d6b35f calc(var(--progress)*1%),#1c241f 0)
}
.detail-progress-ring::before{
  content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#0d120f
}
.detail-progress-ring i{position:relative;z-index:1;font-style:normal;display:flex;align-items:flex-end;gap:2px}
.detail-progress-ring b{font-size:31px;letter-spacing:-.05em}
.detail-progress-ring small{font-size:9px;color:#7d867e;margin-bottom:5px}

.detail-tabs{
  display:flex;gap:2px;margin-top:12px;border-bottom:1px solid rgba(255,255,255,.09);
  overflow-x:auto
}
.detail-tabs button{
  min-height:46px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:none;
  color:#6f7971;font-size:8px;white-space:nowrap
}
.detail-tabs button.active{color:#e2c476;border-bottom-color:#d3ad57}
.detail-tabs b{margin-left:6px;padding:3px 6px;border-radius:10px;background:#18201b;font-size:7px}

.detail-tab-panel{display:none;margin-top:14px}
.detail-tab-panel.active{display:block}
.detail-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}
.detail-left-column,.detail-right-column{display:grid;gap:14px;align-content:start}
.detail-card{
  border:1px solid rgba(255,255,255,.10);background:#0d120f
}
.detail-card-head{
  min-height:68px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;align-items:center
}
.detail-card-head span{font-size:7px;color:var(--gold2);letter-spacing:.12em}
.detail-card-head h3{font-size:17px;margin-top:6px}
.detail-card-head button{border:0;background:none;color:#9a814b;font-size:8px}

.milestone-list{display:grid}
.milestone-list article{
  min-height:74px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.07);
  display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center
}
.milestone-list article:last-child{border-bottom:0}
.milestone-list i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;
  border:1px solid rgba(255,255,255,.14);color:#778178;font-size:8px
}
.milestone-list .done i{border-color:rgba(59,145,92,.35);color:#7bc697;background:rgba(59,145,92,.09)}
.milestone-list .active i{border-color:rgba(199,164,91,.48);color:#e0c06f;background:rgba(199,164,91,.09)}
.milestone-list div{display:flex;flex-direction:column;gap:6px}
.milestone-list b{font-size:10px}
.milestone-list small{font-size:7px;color:#666f68}
.milestone-list>article>span{font-size:8px;color:#747d76}
.milestone-list .done>span{color:#7bc697}
.milestone-list .active>span{color:#d9b65f}

.diary-list{display:grid}
.diary-list article{
  min-height:105px;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.07);
  display:grid;grid-template-columns:48px 1fr;gap:16px
}
.diary-list article:last-child{border-bottom:0}
.diary-date{
  width:44px;height:55px;border:1px solid rgba(199,164,91,.28);display:flex;flex-direction:column;
  align-items:center;justify-content:center;background:#121914
}
.diary-date b{font-size:17px}
.diary-date small{font-size:6px;color:var(--gold2);margin-top:3px}
.diary-list article>div:last-child>span{font-size:6px;color:#767f78;letter-spacing:.08em}
.diary-list h4{font-size:11px;margin-top:7px}
.diary-list p{font-size:8px;color:#69726b;line-height:1.6;margin-top:7px}

.compact-detail-card .detail-card-head{min-height:62px}
.contact-person{
  padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;gap:12px
}
.contact-person:last-child{border-bottom:0}
.contact-person>div{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:#152219;border:1px solid rgba(199,164,91,.28);color:#d6b45e;font-size:8px
}
.contact-person span{display:flex;flex-direction:column;gap:5px}
.contact-person b{font-size:9px}
.contact-person small{font-size:7px;color:#677068}
.contact-person a{font-size:7px;color:#a98e50;text-decoration:none}

.next-appointment{padding:17px;display:grid;grid-template-columns:54px 1fr;gap:14px}
.next-appointment>div{
  height:58px;border:1px solid rgba(199,164,91,.28);display:flex;flex-direction:column;
  align-items:center;justify-content:center;background:#121914
}
.next-appointment>div b{font-size:20px}
.next-appointment>div small{font-size:6px;color:var(--gold2)}
.next-appointment span{display:flex;flex-direction:column;gap:7px}
.next-appointment strong{font-size:10px}
.next-appointment p{font-size:7px;color:#68716a;line-height:1.4}
.next-appointment button{border:0;background:none;color:#a78d50;font-size:7px;text-align:left;padding:0}

.quick-files{display:grid}
.quick-files button{
  min-height:66px;padding:10px 13px;border:0;border-bottom:1px solid rgba(255,255,255,.07);
  background:none;color:#fff;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left
}
.quick-files button:last-child{border-bottom:0}
.quick-files i{
  width:30px;height:30px;display:grid;place-items:center;background:#171e19;color:#b39859;
  font-style:normal;font-size:6px;border:1px solid rgba(199,164,91,.18)
}
.quick-files span{display:flex;flex-direction:column;gap:5px}
.quick-files b{font-size:8px}
.quick-files small{font-size:6px;color:#626b64}
.quick-files em{font-style:normal;color:#9e864e}

.detail-placeholder{
  min-height:390px;border:1px solid rgba(255,255,255,.10);background:#0d120f;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
}
.detail-placeholder span{font-size:7px;color:var(--gold2);letter-spacing:.12em}
.detail-placeholder h3{font-size:30px;margin-top:12px}
.detail-placeholder p{max-width:580px;color:#727b74;font-size:9px;line-height:1.7;margin-top:10px}

.detail-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.detail-gallery article{position:relative;height:260px;overflow:hidden;border:1px solid rgba(255,255,255,.10)}
.detail-gallery img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:.3s}
.detail-gallery article:hover img{transform:scale(1.035);filter:brightness(.85)}
.detail-gallery span{
  position:absolute;left:14px;right:14px;bottom:14px;padding:10px 11px;background:rgba(7,10,8,.76);
  backdrop-filter:blur(10px);font-size:8px
}
.detail-finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.detail-finance-grid article{
  min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.10);background:#0d120f;
  display:flex;flex-direction:column
}
.detail-finance-grid span{font-size:7px;color:#737d75;letter-spacing:.11em}
.detail-finance-grid strong{font-size:31px;margin-top:22px;letter-spacing:-.04em}
.detail-finance-grid small{font-size:8px;color:#687169;margin-top:auto}

@media(max-width:1180px){
  .detail-hero{grid-template-columns:1fr 220px}
  .detail-meta{grid-template-columns:1fr 1fr}
  .detail-main-grid{grid-template-columns:1fr}
  .detail-right-column{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .detail-hero{grid-template-columns:1fr}
  .detail-progress-card{border-left:0;border-top:1px solid rgba(255,255,255,.10);padding:22px 0 0}
  .detail-right-column{grid-template-columns:1fr}
  .detail-gallery{grid-template-columns:1fr 1fr}
  .detail-finance-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .detail-hero{padding:20px 15px}
  .detail-meta{grid-template-columns:1fr}
  .detail-gallery{grid-template-columns:1fr}
  .detail-gallery article{height:220px}
}


/* V13 – Nexora Live Project Center */
.open-live-center{
  position:absolute;right:28px;top:22px;z-index:3;padding:11px 14px;
  border:1px solid rgba(199,164,91,.5);background:rgba(12,17,14,.86);
  color:#e0c171;font-size:7px;letter-spacing:.08em
}
.detail-hero{position:relative}

.live-center{padding-top:4px}
.live-center-topbar{
  min-height:54px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.live-center-topbar>button{border:0;background:none;color:#99804a;font-size:8px;letter-spacing:.08em}
.live-center-topbar>div{display:flex;align-items:center;gap:18px}
.live-center-topbar span{font-size:7px;color:#707a72;letter-spacing:.13em}
.live-center-topbar b{font-size:7px;color:#7fc398;display:flex;align-items:center;gap:7px}
.live-center-topbar b i{width:7px;height:7px;border-radius:50%;background:#4ea66f;box-shadow:0 0 9px rgba(78,166,111,.5)}

.live-hero{
  margin-top:14px;padding:26px 28px;border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 82% 15%,rgba(199,164,91,.13),transparent 28%),
    linear-gradient(145deg,#121914,#0b100d);
  display:grid;grid-template-columns:1fr 320px;gap:25px;align-items:end
}
.live-hero span{font-size:8px;color:var(--gold2);letter-spacing:.13em}
.live-hero h2{font-size:clamp(34px,3vw,50px);letter-spacing:-.05em;margin-top:10px}
.live-hero p{max-width:760px;color:#737d75;font-size:9px;line-height:1.65;margin-top:11px}
.live-hero-progress{display:grid;gap:10px}
.live-hero-progress>span{color:#717a73}
.live-hero-progress strong{font-size:25px}
.live-hero-progress>i{height:7px;background:#1b241e;overflow:hidden}
.live-hero-progress em{display:block;height:100%;background:linear-gradient(90deg,#8e733d,#d8b75f)}

.live-stat-strip{
  display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;
  border:1px solid rgba(255,255,255,.09);background:#0d120f
}
.live-stat-strip article{padding:14px 16px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.live-stat-strip article:last-child{border-right:0}
.live-stat-strip span{font-size:6px;color:#687169;letter-spacing:.1em}
.live-stat-strip b{font-size:9px}

.live-workspace-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:12px
}
.live-panel{border:1px solid rgba(255,255,255,.09);background:#0d120f;min-width:0}
.live-panel-head{
  min-height:64px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;align-items:center
}
.live-panel-head span{font-size:7px;color:var(--gold2);letter-spacing:.12em}
.live-panel-head h3{font-size:17px;margin-top:5px}
.live-panel-head button{border:0;background:none;color:#9f8650;font-size:7px}

.fake-map{height:320px;position:relative;overflow:hidden;background:#101812}
.map-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px
}
.map-road{position:absolute;background:#243028;border:1px solid #2e3a32;transform-origin:center}
.road-a{width:120%;height:26px;left:-10%;top:48%;transform:rotate(-12deg)}
.road-b{width:26px;height:125%;left:62%;top:-12%;transform:rotate(18deg)}
.road-c{width:78%;height:18px;left:15%;top:25%;transform:rotate(7deg)}
.map-pin{position:absolute;left:55%;top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}
.map-pin i{width:18px;height:18px;border:5px solid #d5b45f;border-radius:50%;box-shadow:0 0 0 8px rgba(213,180,95,.12),0 0 20px rgba(213,180,95,.35)}
.map-pin span{padding:8px 10px;background:rgba(8,12,9,.88);font-size:7px;color:#e2c171;letter-spacing:.08em}
.map-info{position:absolute;left:16px;bottom:16px;padding:13px 15px;background:rgba(8,12,9,.86);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:6px}
.map-info b{font-size:11px}
.map-info span{font-size:7px;color:#788179}

.live-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:155px 155px;gap:5px;padding:5px}
.live-gallery-grid article{position:relative;overflow:hidden}
.live-gallery-grid .large{grid-row:1/3}
.live-gallery-grid img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:.25s}
.live-gallery-grid article:hover img{transform:scale(1.03);filter:brightness(.85)}
.live-gallery-grid span{position:absolute;left:9px;bottom:9px;padding:7px 8px;background:rgba(7,10,8,.72);font-size:6px}

.live-timeline{padding:9px 16px 15px}
.live-timeline article{position:relative;min-height:54px;display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:center}
.live-timeline article:not(:last-child)::after{content:"";position:absolute;left:14px;top:38px;width:1px;height:30px;background:#263029}
.live-timeline i{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal;font-size:7px;color:#69736b}
.live-timeline .done i{color:#72c18e;border-color:rgba(59,145,92,.35);background:rgba(59,145,92,.08)}
.live-timeline .active i{border-color:#d1aa55;box-shadow:0 0 0 5px rgba(209,170,85,.08)}
.live-timeline .active i::before{content:"";width:7px;height:7px;border-radius:50%;background:#d1aa55}
.live-timeline div{display:flex;flex-direction:column;gap:5px}
.live-timeline b{font-size:9px}
.live-timeline small{font-size:6px;color:#667068}

.live-chat-messages{height:305px;padding:16px;overflow:auto;display:grid;gap:15px;align-content:start}
.live-chat-messages article{display:flex;gap:9px;align-items:flex-start}
.live-chat-messages article>div{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#17231a;border:1px solid rgba(199,164,91,.24);font-size:7px;color:#d4b15d}
.live-chat-messages article>span{max-width:74%;padding:10px 12px;background:#151c17;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:6px}
.live-chat-messages .own{justify-content:flex-end}
.live-chat-messages .own>span{background:#18231c;border-color:rgba(199,164,91,.16)}
.live-chat-messages b{font-size:8px}
.live-chat-messages p{font-size:8px;color:#b5bab6;line-height:1.45}
.live-chat-messages small{font-size:6px;color:#69726b}
.live-chat-compose{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 34px auto;gap:7px}
.live-chat-compose input{background:#101612;border:1px solid rgba(255,255,255,.10);color:#fff;padding:10px 11px;font-size:8px}
.live-chat-compose button{border:1px solid rgba(255,255,255,.10);background:#141b16;color:#9c8652;font-size:8px}
.live-chat-compose .send{padding:0 14px;border-color:rgba(199,164,91,.32)}

.document-explorer{display:grid;grid-template-columns:1fr 1fr}
.document-explorer button{min-height:86px;padding:14px;border:0;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:none;color:#fff;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left}
.document-explorer button:nth-child(even){border-right:0}
.document-explorer i{width:32px;height:32px;display:grid;place-items:center;background:#151d17;border:1px solid rgba(199,164,91,.18);font-style:normal;color:#caa956;font-size:9px}
.document-explorer span{display:flex;flex-direction:column;gap:5px}
.document-explorer b{font-size:9px}
.document-explorer small{font-size:6px;color:#677068}
.document-explorer em{font-style:normal;color:#9f8750}

.live-stats-content{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:22px}
.live-donut{--p:72;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d3b15a calc(var(--p)*1%),#1b241e 0);position:relative}
.live-donut::before{content:"";position:absolute;width:119px;height:119px;border-radius:50%;background:#0d120f}
.live-donut span{position:relative;z-index:1;display:flex;align-items:flex-end;gap:3px}
.live-donut b{font-size:35px}
.live-donut small{font-size:9px;color:#707971;margin-bottom:6px}
.live-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.live-mini-stats article{min-height:74px;padding:12px;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center;gap:7px}
.live-mini-stats b{font-size:17px}
.live-mini-stats span{font-size:6px;color:#6f7871}

@media(max-width:1200px){
  .live-workspace-grid{grid-template-columns:1fr}
  .live-stat-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .live-hero{grid-template-columns:1fr}
  .live-stat-strip{grid-template-columns:1fr 1fr}
  .live-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 150px}
  .live-gallery-grid .large{grid-column:1/3;grid-row:auto}
  .live-stats-content{grid-template-columns:1fr;justify-items:center;gap:20px}
  .live-mini-stats{width:100%}
}
@media(max-width:560px){
  .live-stat-strip{grid-template-columns:1fr}
  .live-gallery-grid{grid-template-columns:1fr;grid-template-rows:none}
  .live-gallery-grid .large{grid-column:auto}
  .live-gallery-grid article{height:190px}
  .document-explorer{grid-template-columns:1fr}
  .document-explorer button{border-right:0}
  .live-mini-stats{grid-template-columns:1fr 1fr}
}


/* V14 – Functional Document Explorer */
.file-explorer-app{padding-top:4px}
.file-explorer-header{
  margin-top:14px;padding:26px 28px;border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 82% 15%,rgba(199,164,91,.13),transparent 28%),
    linear-gradient(145deg,#121914,#0b100d);
  display:flex;justify-content:space-between;align-items:flex-end;gap:30px
}
.explorer-title-wrap{display:flex;align-items:flex-start;gap:22px}
.explorer-title-wrap>button{border:0;background:none;color:#9d844e;font-size:7px;letter-spacing:.1em;padding-top:6px}
.explorer-title-wrap span{font-size:7px;color:#c3a55b;letter-spacing:.13em}
.explorer-title-wrap h2{font-size:38px;letter-spacing:-.045em;margin-top:8px}
.explorer-title-wrap p{font-size:8px;color:#758078;margin-top:9px;line-height:1.6}
.explorer-header-actions{display:flex;gap:8px}
.explorer-header-actions button{padding:11px 14px;background:#121914;border:1px solid rgba(255,255,255,.12);color:#a7afa9;font-size:7px;letter-spacing:.06em}
.explorer-header-actions .primary{border-color:rgba(199,164,91,.42);color:#e1c272;background:rgba(199,164,91,.08)}

.explorer-toolbar{
  min-height:64px;margin-top:12px;border:1px solid rgba(255,255,255,.09);background:#0d120f;
  display:flex;justify-content:space-between;align-items:center;padding:10px 13px;gap:15px
}
.explorer-breadcrumb{display:flex;align-items:center;gap:8px;font-size:7px}
.explorer-breadcrumb button{border:0;background:none;color:#9b824c}
.explorer-breadcrumb span{color:#4c554e}
.explorer-breadcrumb b{font-size:7px;color:#b8bdb9}
.explorer-tools{display:flex;gap:7px}
.explorer-search{min-width:260px;height:36px;border:1px solid rgba(255,255,255,.10);background:#111813;display:flex;align-items:center;gap:8px;padding:0 10px}
.explorer-search span{color:#9d844d}
.explorer-search input{width:100%;border:0;outline:0;background:none;color:#fff;font-size:8px}
.explorer-tools select,.explorer-tools>button{
  height:36px;border:1px solid rgba(255,255,255,.10);background:#111813;color:#a5ada7;padding:0 11px;font-size:7px
}

.explorer-main{
  margin-top:12px;min-height:640px;border:1px solid rgba(255,255,255,.09);background:#0d120f;
  display:grid;grid-template-columns:210px minmax(0,1fr) 285px
}
.explorer-sidebar{padding:17px 12px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}
.explorer-sidebar>span{font-size:6px;color:#667068;letter-spacing:.12em;padding:0 8px 10px}
.explorer-sidebar nav{display:grid;gap:3px}
.explorer-sidebar nav button{
  height:40px;border:0;background:transparent;color:#8f9891;display:grid;grid-template-columns:24px 1fr auto;align-items:center;
  padding:0 9px;text-align:left;font-size:8px
}
.explorer-sidebar nav button:hover,.explorer-sidebar nav button.active{background:#151d17;color:#e0c273}
.explorer-sidebar nav i{font-style:normal;color:#a4894f}
.explorer-sidebar nav b{font-size:6px;color:#626b64}
.storage-card{margin-top:auto;padding:13px;background:#121914;border:1px solid rgba(255,255,255,.08)}
.storage-card div{display:flex;justify-content:space-between;font-size:6px}
.storage-card div span{color:#6d766f}
.storage-card div b{font-size:6px}
.storage-card>i{display:block;height:5px;background:#1f2922;margin:10px 0 7px}
.storage-card>i em{display:block;width:18%;height:100%;background:linear-gradient(90deg,#8e733d,#d8b75f)}
.storage-card small{font-size:6px;color:#687169}

.explorer-content{padding:14px;min-width:0}
.explorer-dropzone{
  min-height:72px;border:1px dashed rgba(199,164,91,.28);background:rgba(199,164,91,.025);
  display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s
}
.explorer-dropzone:hover,.explorer-dropzone.dragging{border-color:#d0ad58;background:rgba(199,164,91,.06)}
.explorer-dropzone>div{width:34px;height:34px;border:1px solid rgba(199,164,91,.26);display:grid;place-items:center;color:#d0ad58}
.explorer-dropzone>span{display:flex;flex-direction:column;gap:4px}
.explorer-dropzone b{font-size:8px}
.explorer-dropzone small{font-size:6px;color:#6c756e}
.explorer-section-title{display:flex;justify-content:space-between;align-items:end;padding:20px 0 12px}
.explorer-section-title span{font-size:6px;color:#c1a157;letter-spacing:.12em}
.explorer-section-title h3{font-size:18px;margin-top:5px}
.explorer-section-title>b{font-size:7px;color:#6b746d}

.explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.explorer-grid.list-view{grid-template-columns:1fr}
.file-card{
  min-height:132px;padding:13px;border:1px solid rgba(255,255,255,.08);background:#111713;display:grid;
  grid-template-columns:40px 1fr auto;grid-template-rows:auto 1fr auto;gap:9px;cursor:pointer;transition:.18s
}
.file-card:hover,.file-card.selected{border-color:rgba(199,164,91,.36);background:#141c16}
.file-card .file-icon{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;background:#18211a;border:1px solid rgba(199,164,91,.16);font-size:9px;color:#c9a856}
.file-card h4{font-size:8px;line-height:1.35;word-break:break-word}
.file-card .file-menu{border:0;background:none;color:#747d76;font-size:13px}
.file-card .file-meta{grid-column:2/4;display:flex;flex-direction:column;gap:5px}
.file-card .file-meta span{font-size:6px;color:#687169}
.file-card footer{grid-column:1/4;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
.file-card footer span,.file-card footer b{font-size:6px;color:#6e7770}
.file-card footer b{color:#9a824e}
.explorer-grid.list-view .file-card{min-height:64px;grid-template-columns:36px minmax(220px,1fr) 150px 110px 50px;grid-template-rows:1fr;align-items:center}
.explorer-grid.list-view .file-card .file-icon{grid-row:auto}
.explorer-grid.list-view .file-card .file-meta{grid-column:auto}
.explorer-grid.list-view .file-card footer{grid-column:auto;border:0;padding:0;display:contents}
.explorer-grid.list-view .file-card footer span,.explorer-grid.list-view .file-card footer b{display:block}
.explorer-empty{text-align:center;padding:70px 20px}
.explorer-empty div{font-size:30px;color:#887344}
.explorer-empty h3{font-size:17px;margin-top:12px}
.explorer-empty p{font-size:8px;color:#69726b;margin-top:8px}

.explorer-preview{border-left:1px solid rgba(255,255,255,.08);padding:16px;min-width:0}
.preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.preview-placeholder i{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(199,164,91,.2);color:#bd9b4d;font-style:normal}
.preview-placeholder h3{font-size:15px;margin-top:14px}
.preview-placeholder p{font-size:7px;color:#687169;line-height:1.55;margin-top:7px;max-width:180px}
.preview-file{display:flex;flex-direction:column;height:100%}
.preview-file .preview-visual{height:240px;background:#121914;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden}
.preview-file .preview-visual img{width:100%;height:100%;object-fit:cover}
.preview-file .preview-visual span{font-size:44px;color:#c4a354}
.preview-file h3{font-size:15px;line-height:1.35;margin-top:15px}
.preview-file>span{font-size:7px;color:#748078;margin-top:6px}
.preview-details{margin-top:17px;display:grid;gap:10px}
.preview-details div{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07)}
.preview-details span,.preview-details b{font-size:7px}
.preview-details span{color:#69726b}
.preview-actions{margin-top:auto;display:grid;gap:7px}
.preview-actions button{height:37px;border:1px solid rgba(255,255,255,.10);background:#121914;color:#9fa7a1;font-size:7px}
.preview-actions button.primary{border-color:rgba(199,164,91,.36);color:#dfc071;background:rgba(199,164,91,.06)}

.explorer-modal{position:fixed;inset:0;z-index:200;background:rgba(3,6,4,.76);backdrop-filter:blur(8px);display:grid;place-items:center}
.explorer-modal[hidden]{display:none}
.explorer-modal>div{width:min(390px,calc(100vw - 30px));padding:24px;border:1px solid rgba(255,255,255,.12);background:#0d120f}
.explorer-modal span{font-size:6px;color:#c3a55b;letter-spacing:.13em}
.explorer-modal h3{font-size:20px;margin-top:7px}
.explorer-modal input{width:100%;height:42px;margin-top:17px;padding:0 12px;background:#121914;border:1px solid rgba(255,255,255,.11);color:#fff;font-size:8px}
.explorer-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
.explorer-modal button{height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.1);background:#121914;color:#9ba39d;font-size:7px}
.explorer-modal button:last-child{border-color:rgba(199,164,91,.36);color:#dfc071}

@media(max-width:1250px){
  .explorer-main{grid-template-columns:190px minmax(0,1fr)}
  .explorer-preview{display:none}
}
@media(max-width:900px){
  .file-explorer-header{align-items:flex-start;flex-direction:column}
  .explorer-toolbar{align-items:stretch;flex-direction:column}
  .explorer-tools{width:100%}
  .explorer-search{min-width:0;flex:1}
  .explorer-main{grid-template-columns:1fr}
  .explorer-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .explorer-sidebar nav{grid-template-columns:repeat(4,1fr)}
  .storage-card{display:none}
  .explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .explorer-sidebar nav{grid-template-columns:1fr 1fr}
  .explorer-grid{grid-template-columns:1fr}
  .explorer-header-actions{width:100%}
  .explorer-header-actions button{flex:1}
}

/* V15 Project Chat */
.project-chat-header{margin-top:14px;padding:25px 28px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 84% 18%,rgba(199,164,91,.12),transparent 30%),linear-gradient(145deg,#121914,#0b100d);display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.chat-head-left{display:flex;gap:22px}.chat-head-left>button{border:0;background:none;color:#9d844e;font-size:7px;letter-spacing:.1em;padding-top:5px}.chat-head-left span{font-size:7px;color:#c3a55b;letter-spacing:.13em}.chat-head-left h2{font-size:37px;letter-spacing:-.045em;margin-top:8px}.chat-head-left p{font-size:8px;color:#758078;margin-top:9px}.chat-head-right{display:flex;align-items:center;gap:12px}.chat-head-right span{font-size:7px;color:#79bc90;display:flex;gap:7px;align-items:center}.chat-head-right span i{width:7px;height:7px;border-radius:50%;background:#4ea66f}.chat-head-right button{height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.11);background:#121914;color:#a8b0aa;font-size:7px}.project-chat-shell{margin-top:12px;min-height:690px;border:1px solid rgba(255,255,255,.09);background:#0d120f;display:grid;grid-template-columns:250px minmax(0,1fr) 285px}.chat-sidebar{border-right:1px solid rgba(255,255,255,.08);padding:14px 10px}.chat-side-title{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 11px}.chat-side-title span,.chat-filters>span,.chat-info-panel>span{font-size:6px;color:#687169;letter-spacing:.12em}.chat-side-title button{width:27px;height:27px;border:1px solid rgba(199,164,91,.25);background:#151c17;color:#c8a654}.chat-search{height:36px;border:1px solid rgba(255,255,255,.09);background:#111813;display:flex;gap:8px;align-items:center;padding:0 9px}.chat-search input,.chat-room-bar input{width:100%;border:0;background:none;outline:0;color:#fff;font-size:7px}#chatThreadList{display:grid;gap:4px;margin-top:10px}#chatThreadList button{min-height:62px;border:1px solid transparent;background:none;color:#9aa29c;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:9px;align-items:center;padding:8px;text-align:left}#chatThreadList button.active,#chatThreadList button:hover{background:#151d17;border-color:rgba(255,255,255,.07)}#chatThreadList i,.chat-room-bar>div>i,.chat-info-panel article>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1a241c;border:1px solid rgba(199,164,91,.18);color:#d0ad58;font-size:7px;font-style:normal}#chatThreadList span{display:flex;flex-direction:column;gap:5px;min-width:0}#chatThreadList b{font-size:8px;color:#d9ddda}#chatThreadList small{font-size:6px;color:#69726b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chatThreadList em{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#b4954d;color:#111;font-size:6px;font-style:normal}.chat-filters{margin-top:24px;display:grid;gap:3px}.chat-filters>span{padding:0 9px 8px}.chat-filters button{height:34px;border:0;background:none;color:#788179;text-align:left;padding:0 9px;font-size:7px}.chat-filters button.active,.chat-filters button:hover{background:#151d17;color:#dfc071}.chat-main-full{display:flex;flex-direction:column;min-width:0;background:#0b100d}.chat-room-bar{height:68px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;padding:0 15px}.chat-room-bar>div{display:flex;gap:10px;align-items:center}.chat-room-bar>div>span{display:flex;flex-direction:column;gap:5px}.chat-room-bar b{font-size:10px}.chat-room-bar small{font-size:6px;color:#69726b}.chat-room-bar>label{height:34px;min-width:220px;border:1px solid rgba(255,255,255,.09);background:#111713;display:flex;gap:7px;align-items:center;padding:0 9px}.chat-messages-full{height:500px;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:15px}.chat-day{display:flex;align-items:center;gap:10px;color:#626b64;font-size:6px}.chat-day:before,.chat-day:after{content:"";height:1px;background:rgba(255,255,255,.07);flex:1}.chat-system{align-self:center;padding:8px 11px;border:1px solid rgba(199,164,91,.16);background:rgba(199,164,91,.04);font-size:6px;color:#887549}.chat-msg{display:flex;gap:10px;max-width:78%;align-items:flex-start}.chat-msg.own{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#19231b;border:1px solid rgba(199,164,91,.18);color:#d0ad58;font-size:7px}.chat-msg-meta{display:flex;gap:7px;margin-bottom:5px}.chat-msg.own .chat-msg-meta{justify-content:flex-end}.chat-msg-meta b{font-size:7px}.chat-msg-meta span{font-size:6px;color:#626b64}.chat-bubble-full{padding:10px 12px;background:#151c17;border:1px solid rgba(255,255,255,.07)}.chat-msg.own .chat-bubble-full{background:#18231c;border-color:rgba(199,164,91,.17)}.chat-bubble-full p{font-size:8px;line-height:1.55;color:#c6cbc7}.quoted-msg{margin-bottom:8px;padding:7px 8px;border-left:2px solid #a78b49;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:4px}.quoted-msg b{font-size:6px;color:#c9a856}.quoted-msg span{font-size:6px;color:#727b74}.msg-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.msg-attachment{border:1px solid rgba(255,255,255,.08);background:#111713;overflow:hidden}.msg-attachment img{width:100%;height:120px;object-fit:cover;display:block}.msg-file{display:flex;gap:8px;align-items:center;padding:9px}.msg-file i{width:30px;height:30px;display:grid;place-items:center;background:#1a241c;color:#caaa58;font-style:normal;font-size:7px}.msg-file span{display:flex;flex-direction:column;gap:4px;min-width:0}.msg-file b{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-file small{font-size:6px;color:#667068}.msg-actions{display:flex;gap:7px;margin-top:5px;opacity:0}.chat-msg:hover .msg-actions{opacity:1}.msg-actions button{border:0;background:none;color:#786f59;font-size:6px}.msg-status{text-align:right;font-size:6px;color:#6f8f79;margin-top:5px}.chat-reply-box,.chat-attachments-pending{border-top:1px solid rgba(255,255,255,.07);padding:9px 12px;background:#111713}.chat-reply-box[hidden],.chat-attachments-pending[hidden]{display:none}.chat-reply-box{display:flex;justify-content:space-between}.chat-reply-box>span{display:flex;flex-direction:column;gap:4px}.chat-reply-box b,.chat-reply-box em{font-size:6px;color:#c8a654;font-style:normal}.chat-reply-box small{font-size:6px;color:#6c756e}.chat-reply-box button{border:0;background:none;color:#777;font-size:15px}.chat-attachments-pending{display:flex;gap:7px;overflow:auto}.pending-file{min-width:160px;padding:7px;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:28px 1fr 16px;gap:7px;align-items:center}.pending-file i{width:28px;height:28px;display:grid;place-items:center;background:#19231b;color:#c8a654;font-style:normal;font-size:6px}.pending-file b,.pending-file small{display:block;font-size:6px}.pending-file small{color:#677069}.pending-file button{border:0;background:none;color:#777}.chat-composer-full{min-height:60px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:36px minmax(0,1fr) 36px auto;gap:7px;align-items:end;padding:10px 12px}.chat-composer-full button{height:36px;border:1px solid rgba(255,255,255,.09);background:#111713;color:#8b7550}.chat-composer-full textarea{min-height:36px;max-height:110px;resize:none;border:1px solid rgba(255,255,255,.09);background:#111713;color:#fff;padding:10px 11px;font-size:8px;outline:0}.chat-composer-full .send{padding:0 14px;border-color:rgba(199,164,91,.35);color:#dfc071;background:rgba(199,164,91,.06)}.chat-info-panel{border-left:1px solid rgba(255,255,255,.08);padding:16px}.chat-info-panel article{display:grid;grid-template-columns:34px 1fr 9px;gap:9px;align-items:center;margin-top:10px}.chat-info-panel article div{display:flex;flex-direction:column;gap:4px}.chat-info-panel article b{font-size:7px}.chat-info-panel article small{font-size:6px;color:#69726b}.chat-info-panel article em{width:7px;height:7px;border-radius:50%;background:#3a433d}.chat-info-panel article em.online{background:#4da06b}.chat-info-panel h3{font-size:15px;margin:25px 0 8px}.shared-file{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:none;color:#fff;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px 0;text-align:left}.shared-file>i{width:32px;height:32px;display:grid;place-items:center;background:#19231b;color:#c8a654;font-style:normal;font-size:6px}.shared-file span{display:flex;flex-direction:column;gap:4px;min-width:0}.shared-file b{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-file small{font-size:6px;color:#69726b}.all-files{margin-top:12px;border:0;background:none;color:#a78c4e;font-size:7px}@media(max-width:1250px){.project-chat-shell{grid-template-columns:230px minmax(0,1fr)}.chat-info-panel{display:none}}@media(max-width:900px){.project-chat-header{flex-direction:column;align-items:flex-start}.project-chat-shell{grid-template-columns:1fr}.chat-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}#chatThreadList{grid-template-columns:1fr 1fr}.chat-filters{display:none}}@media(max-width:650px){#chatThreadList{grid-template-columns:1fr}.chat-room-bar{height:auto;align-items:flex-start;flex-direction:column;padding:12px}.chat-room-bar>label{width:100%;min-width:0}.chat-msg{max-width:94%}.msg-attachments{grid-template-columns:1fr}}


/* V16 – Unified Project Workspace */
.unified-workspace{padding-top:4px}
.workspace-hero{
  margin-top:14px;padding:24px 28px;border:1px solid rgba(255,255,255,.1);
  background:radial-gradient(circle at 84% 12%,rgba(199,164,91,.12),transparent 30%),linear-gradient(145deg,#121914,#0a0f0c);
  display:flex;justify-content:space-between;align-items:flex-end;gap:25px
}
.workspace-hero-left>button{border:0;background:none;color:#9c8249;font-size:7px;letter-spacing:.1em;margin-bottom:18px}
.workspace-hero-left>span{display:block;color:#c8a652;font-size:7px;letter-spacing:.13em}
.workspace-hero-left h2{font-size:38px;letter-spacing:-.045em;margin-top:8px}
.workspace-hero-left p{font-size:8px;color:#737d75;margin-top:9px}
.workspace-hero-right{display:flex;align-items:center;gap:12px}
.workspace-hero-right>div{padding:11px 15px;border:1px solid rgba(255,255,255,.09);background:#111713;display:flex;flex-direction:column;gap:5px}
.workspace-hero-right span{font-size:6px;color:#69726b}
.workspace-hero-right b{font-size:17px;color:#dfc071}
#workspaceStatusButton{height:45px;padding:0 15px;border:1px solid rgba(86,169,112,.22);background:rgba(78,153,100,.06);color:#76b989;font-size:7px}
#workspaceStatusButton i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4da06b;margin-right:7px}

.workspace-shell{margin-top:12px;min-height:690px;border:1px solid rgba(255,255,255,.09);background:#0d120f;display:grid;grid-template-columns:220px minmax(0,1fr)}
.workspace-nav{border-right:1px solid rgba(255,255,255,.08);padding:14px 10px;display:flex;flex-direction:column}
.workspace-project-mark{display:flex;align-items:center;gap:10px;padding:9px 8px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.workspace-project-mark>i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#19231b;border:1px solid rgba(199,164,91,.2);color:#d0ad58;font-style:normal;font-size:8px}
.workspace-project-mark span{display:flex;flex-direction:column;gap:5px}
.workspace-project-mark b{font-size:8px}.workspace-project-mark small{font-size:6px;color:#677069}
.workspace-nav nav{display:grid;gap:3px;margin-top:14px}
.workspace-nav nav button{height:41px;border:1px solid transparent;background:none;color:#88918a;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;padding:0 9px;font-size:8px}
.workspace-nav nav button i{font-style:normal;color:#a1874d}
.workspace-nav nav button b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#7e6732;color:#111;font-size:6px}
.workspace-nav nav button:hover,.workspace-nav nav button.active{background:#151d17;border-color:rgba(199,164,91,.14);color:#dfc071}
.workspace-sync{margin-top:auto;padding:12px;border:1px solid rgba(80,161,106,.16);background:rgba(80,161,106,.035)}
.workspace-sync span{font-size:6px;color:#70ad81}.workspace-sync span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4da06b;margin-right:5px}
.workspace-sync small{display:block;font-size:6px;color:#657068;line-height:1.55;margin-top:7px}

.workspace-content{padding:17px;min-width:0}
.workspace-tab{display:none}.workspace-tab.active{display:block}
.workspace-topline{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}
.workspace-topline span{font-size:6px;color:#c1a157;letter-spacing:.12em}
.workspace-topline h3{font-size:21px;margin-top:5px}
.workspace-topline button{height:35px;padding:0 12px;border:1px solid rgba(199,164,91,.28);background:rgba(199,164,91,.05);color:#d9b965;font-size:7px}

.workspace-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.workspace-kpis article,.workspace-finance article{padding:14px;border:1px solid rgba(255,255,255,.08);background:#111713;display:flex;flex-direction:column;gap:7px}
.workspace-kpis span,.workspace-finance span{font-size:6px;color:#687169}.workspace-kpis b,.workspace-finance b{font-size:20px}.workspace-kpis small,.workspace-finance small{font-size:6px;color:#78827a}
.workspace-overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-top:8px}
.workspace-card{padding:15px;border:1px solid rgba(255,255,255,.08);background:#111713;min-width:0}
.workspace-card header{display:flex;justify-content:space-between;align-items:flex-start}
.workspace-card header span{font-size:6px;color:#c1a157;letter-spacing:.1em}.workspace-card h4{font-size:15px;margin-top:5px}.workspace-card header>b{font-size:22px;color:#dfc071}
.workspace-card header button{border:0;background:none;color:#a48a4d;font-size:6px}
.workspace-progress{height:7px;background:#202922;margin-top:20px}.workspace-progress i{display:block;height:100%;background:linear-gradient(90deg,#8f733b,#d5b45b)}
.progress-milestones{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}
.progress-milestones span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;position:relative}
.progress-milestones span i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);font-style:normal;font-size:6px}
.progress-milestones .done i{background:#1b3524;color:#73b386;border-color:#386747}.progress-milestones .current i{background:#6e5b2e;color:#f3d47c;border-color:#ae8e45}
.progress-milestones b{font-size:7px}.progress-milestones small{font-size:6px;color:#657068}
.activity-list,.quick-doc-list{display:grid;gap:8px;margin-top:14px}
.activity-list>div,.quick-doc-list>div{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.06)}
.activity-list i,.quick-doc-list i{width:30px;height:30px;display:grid;place-items:center;background:#19231b;color:#c7a653;font-style:normal;font-size:6px}
.activity-list span,.quick-doc-list span{display:flex;flex-direction:column;gap:4px}.activity-list b,.quick-doc-list b{font-size:7px}.activity-list small,.quick-doc-list small{font-size:6px;color:#69726b}
.quick-chat-list{display:grid;gap:9px;margin-top:14px}.quick-chat-list>div{display:grid;grid-template-columns:31px 1fr;gap:9px}
.quick-chat-list i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#19231b;color:#c9a856;font-style:normal;font-size:6px}
.quick-chat-list span{padding:9px;background:#151c17}.quick-chat-list b{font-size:7px}.quick-chat-list p{font-size:7px;color:#bdc3be;line-height:1.5;margin-top:5px}.quick-chat-list small{display:block;font-size:6px;color:#657068;margin-top:5px}

.workspace-chat-preview{border:1px solid rgba(255,255,255,.08);background:#0b100d}
.workspace-chat-room header{height:60px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}
.workspace-chat-room header>div{display:flex;align-items:center;gap:9px}.workspace-chat-room header i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#19231b;color:#d0ad58;font-style:normal;font-size:7px}
.workspace-chat-room header span{display:flex;flex-direction:column;gap:4px}.workspace-chat-room header b{font-size:9px}.workspace-chat-room header small{font-size:6px;color:#687169}
.online-dot{font-size:6px!important;color:#75b78a!important}
.workspace-chat-messages{min-height:420px;padding:20px;display:flex;flex-direction:column;gap:14px}
.workspace-chat-messages article{display:flex;gap:9px;max-width:75%}.workspace-chat-messages article.own{align-self:flex-end}
.workspace-chat-messages article>i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#19231b;color:#d0ad58;font-style:normal;font-size:6px;flex:0 0 31px}
.workspace-chat-messages article>span{padding:10px 12px;background:#151c17;border:1px solid rgba(255,255,255,.07)}
.workspace-chat-messages b{font-size:7px}.workspace-chat-messages b small{font-size:6px;color:#657068;font-weight:400}.workspace-chat-messages p{font-size:8px;line-height:1.5;margin-top:6px;color:#c3c8c4}
.workspace-chat-compose{height:60px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:36px 1fr auto;gap:7px;padding:11px}
.workspace-chat-compose input,.workspace-chat-compose button{border:1px solid rgba(255,255,255,.09);background:#111713;color:#fff}.workspace-chat-compose input{padding:0 11px;font-size:8px}.workspace-chat-compose button{color:#a68b4c}.workspace-chat-compose .send{padding:0 14px;color:#dfc071;border-color:rgba(199,164,91,.25)}

.workspace-folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.workspace-folder-grid button{min-height:100px;border:1px solid rgba(255,255,255,.08);background:#111713;color:#aab1ac;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;padding:13px}
.workspace-folder-grid button:hover{border-color:rgba(199,164,91,.3);background:#151d17}.workspace-folder-grid i{width:38px;height:38px;display:grid;place-items:center;background:#19231b;color:#c9a856;font-style:normal}.workspace-folder-grid span{display:flex;flex-direction:column;gap:6px}.workspace-folder-grid b{font-size:9px}.workspace-folder-grid small{font-size:6px;color:#687169}.workspace-folder-grid em{font-style:normal;color:#8d7644}

.workspace-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.workspace-gallery figure{margin:0;border:1px solid rgba(255,255,255,.08);background:#111713;overflow:hidden}.workspace-gallery img{width:100%;height:240px;object-fit:cover;display:block}.workspace-gallery figcaption{padding:11px;display:flex;justify-content:space-between}.workspace-gallery b{font-size:8px}.workspace-gallery small{font-size:6px;color:#69726b}
.workspace-timeline{display:grid;gap:0;padding-left:8px}.workspace-timeline article{display:grid;grid-template-columns:35px 1fr;gap:12px;position:relative;padding-bottom:25px}.workspace-timeline article:before{content:"";position:absolute;left:16px;top:30px;bottom:0;width:1px;background:rgba(255,255,255,.09)}.workspace-timeline article:last-child:before{display:none}.workspace-timeline article>i{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);font-style:normal;font-size:7px}.workspace-timeline .done>i{background:#1c3425;color:#75b689}.workspace-timeline .current>i{background:#6e5a2d;color:#efcf73}.workspace-timeline span{padding:10px 13px;border:1px solid rgba(255,255,255,.07);background:#111713}.workspace-timeline b{font-size:9px}.workspace-timeline small{display:block;font-size:6px;color:#a0874e;margin-top:5px}.workspace-timeline p{font-size:7px;color:#727b74;margin-top:7px}
.workspace-tasks{display:grid;gap:7px}.workspace-tasks label{min-height:62px;border:1px solid rgba(255,255,255,.08);background:#111713;display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:0 13px}.workspace-tasks input{accent-color:#b89649}.workspace-tasks span{display:flex;flex-direction:column;gap:5px}.workspace-tasks b{font-size:8px}.workspace-tasks small{font-size:6px;color:#687169}.workspace-tasks em{font-style:normal;font-size:6px;color:#d0ad58}.workspace-tasks .done{opacity:.55}.workspace-tasks .done b{text-decoration:line-through}
.workspace-finance{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.workspace-team{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.workspace-team article{min-height:78px;border:1px solid rgba(255,255,255,.08);background:#111713;display:grid;grid-template-columns:42px 1fr 10px;gap:10px;align-items:center;padding:12px}.workspace-team article>i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#19231b;color:#c9a856;font-style:normal;font-size:7px}.workspace-team span{display:flex;flex-direction:column;gap:5px}.workspace-team b{font-size:8px}.workspace-team small{font-size:6px;color:#687169}.workspace-team em{width:7px;height:7px;border-radius:50%;background:#3b443e}.workspace-team em.online{background:#4da06b}

@media(max-width:1050px){.workspace-shell{grid-template-columns:190px minmax(0,1fr)}.workspace-overview-grid{grid-template-columns:1fr}.workspace-kpis,.workspace-finance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-shell{grid-template-columns:1fr}.workspace-nav{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.workspace-nav nav{grid-template-columns:repeat(4,1fr)}.workspace-sync{display:none}.workspace-folder-grid{grid-template-columns:repeat(2,1fr)}.workspace-gallery{grid-template-columns:1fr}.workspace-team{grid-template-columns:1fr}}


/* V17 – Role-aware client and partner portal */
.project-click-hint{
  display:block;margin-top:6px;font-size:6px;color:#6f7871;letter-spacing:.03em
}
.project-row{
  position:relative;transition:.2s
}
.project-row::after{
  content:"WORKSPACE ÖFFNEN";position:absolute;right:48px;bottom:9px;
  font-size:5px;letter-spacing:.1em;color:transparent;transition:.2s
}
.project-row:hover{
  background:linear-gradient(90deg,rgba(199,164,91,.035),rgba(31,77,54,.035))
}
.project-row:hover::after{color:#8f7846}
.project-open{
  width:28px;height:28px;border:1px solid rgba(199,164,91,.18)!important;
  display:grid;place-items:center;background:#141b16!important
}

.projects-page-head{
  margin-top:18px;padding:25px 27px;border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(circle at 82% 10%,rgba(199,164,91,.12),transparent 28%),linear-gradient(145deg,#121914,#0b100d);
  display:flex;justify-content:space-between;align-items:end;gap:25px
}
.projects-page-head>div:first-child>span{font-size:7px;color:var(--gold2);letter-spacing:.13em}
.projects-page-head h2{font-size:34px;letter-spacing:-.045em;margin-top:8px}
.projects-page-head p{font-size:8px;color:#737d75;line-height:1.6;margin-top:8px}
.projects-page-actions{display:flex;gap:8px}
.projects-page-actions label{
  width:250px;height:38px;border:1px solid rgba(255,255,255,.10);
  background:#111713;display:flex;align-items:center;gap:8px;padding:0 10px
}
.projects-page-actions label span{color:#9b824b}
.projects-page-actions input{
  border:0!important;background:none!important;color:#fff!important;padding:0!important;
  font-size:8px!important;text-transform:none;font-weight:400
}
.projects-page-actions select{
  height:38px;border:1px solid rgba(255,255,255,.10);background:#111713;color:#a7afa9;
  padding:0 11px;font-size:7px
}
.projects-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.projects-summary article{
  min-height:94px;padding:14px;border:1px solid rgba(255,255,255,.08);background:#111713;
  display:flex;flex-direction:column;gap:7px
}
.projects-summary span{font-size:6px;color:#687169;letter-spacing:.1em}
.projects-summary b{font-size:21px}
.projects-summary small{font-size:6px;color:#6e7770;margin-top:auto}
.projects-board{margin-top:10px;border:1px solid rgba(255,255,255,.09);background:#0d120f}
.projects-board-head{
  min-height:66px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;align-items:center
}
.projects-board-head span{font-size:7px;color:var(--gold2);letter-spacing:.12em}
.projects-board-head h3{font-size:18px;margin-top:5px}
.projects-board-head>b{font-size:7px;color:#727b74}
.projects-page-list .project-row{min-height:108px}
.projects-page-empty{
  padding:70px 20px;text-align:center;color:#727b74;font-size:9px
}

/* Keep workspace visibly inside portal and remove confusion */
#portal-unified-workspace.active{display:block}
#portal-unified-workspace .workspace-hero{margin-top:18px}
.workspace-nav nav button[data-workspace-tab="chat"] span::after,
.workspace-nav nav button[data-workspace-tab="documents"] span::after{
  content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c09d4e;margin-left:7px;vertical-align:middle
}
.workspace-app-sync-note{
  padding:10px 12px;border:1px solid rgba(81,157,104,.15);background:rgba(81,157,104,.035);
  color:#72af84;font-size:7px;line-height:1.5;margin-bottom:12px
}

@media(max-width:900px){
  .projects-page-head{align-items:flex-start;flex-direction:column}
  .projects-page-actions{width:100%}
  .projects-page-actions label{width:auto;flex:1}
  .projects-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .projects-page-actions{flex-direction:column}
  .projects-summary{grid-template-columns:1fr}
}


/* V18 stable refactor */
#portal-project-detail,
#portal-live-center,
#portal-project-chat,
#portal-document-explorer{
  display:none !important;
}
#portal-unified-workspace.active{
  display:block !important;
}


/* V18.1 – Readable premium typography */
.portal-main{
  font-size:14px;
}

.portal-top>div:first-child>p{
  font-size:14px !important;
  line-height:1.6;
}

.portal-user-copy b{
  font-size:13px !important;
}

.portal-user-copy span,
.portal-statusbar,
.portal-statusbar b{
  font-size:11px !important;
}

.portal-nav button{
  min-height:48px;
  font-size:13px !important;
}

.portal-nav i{
  font-size:17px !important;
}

.portal-nav b{
  min-width:22px;
  height:22px;
  font-size:10px !important;
}

.portal-support span{
  font-size:9px !important;
}

.portal-support p{
  font-size:11px !important;
  line-height:1.55;
}

.portal-support button,
.portal-side .logout{
  font-size:11px !important;
}

.portal-kpis span,
.workspace-kpis span,
.workspace-finance span{
  font-size:9px !important;
}

.portal-kpis strong{
  font-size:32px !important;
}

.portal-kpis small,
.workspace-kpis small,
.workspace-finance small{
  font-size:10px !important;
  line-height:1.45;
}

.portal-actions span{
  font-size:14px !important;
}

.portal-actions button{
  min-height:112px;
}

.portal-section-head span,
.projects-board-head span,
.workspace-topline span,
.workspace-card header span{
  font-size:9px !important;
}

.portal-section-head h2{
  font-size:22px !important;
}

.portal-section-head button,
.projects-board-head>b,
.workspace-card header button{
  font-size:10px !important;
}

.project-info span{
  font-size:9px !important;
}

.project-info h3{
  font-size:14px !important;
}

.project-info small{
  font-size:10px !important;
  line-height:1.4;
}

.project-progress>div{
  font-size:10px !important;
}

.project-progress>i{
  height:6px;
}

.project-status{
  font-size:10px !important;
  padding:8px 10px;
}

.project-click-hint{
  font-size:9px !important;
}

.activity-list b{
  font-size:11px !important;
}

.activity-list small{
  font-size:9px !important;
}

.projects-page-head>div:first-child>span{
  font-size:9px !important;
}

.projects-page-head h2{
  font-size:40px !important;
}

.projects-page-head p{
  font-size:12px !important;
}

.projects-page-actions input,
.projects-page-actions select{
  font-size:10px !important;
}

.projects-summary span{
  font-size:9px !important;
}

.projects-summary b{
  font-size:26px !important;
}

.projects-summary small{
  font-size:9px !important;
}

.projects-board-head h3{
  font-size:22px !important;
}

.workspace-hero-left>button{
  font-size:9px !important;
}

.workspace-hero-left>span{
  font-size:9px !important;
}

.workspace-hero-left h2{
  font-size:44px !important;
}

.workspace-hero-left p{
  font-size:12px !important;
  line-height:1.55;
}

.workspace-hero-right span{
  font-size:9px !important;
}

.workspace-hero-right b{
  font-size:23px !important;
}

#workspaceStatusButton{
  font-size:10px !important;
}

.workspace-project-mark b{
  font-size:11px !important;
}

.workspace-project-mark small{
  font-size:9px !important;
}

.workspace-nav nav button{
  min-height:45px;
  font-size:12px !important;
}

.workspace-nav nav button b{
  font-size:9px !important;
}

.workspace-sync span{
  font-size:9px !important;
}

.workspace-sync small{
  font-size:8px !important;
}

.workspace-topline h3{
  font-size:26px !important;
}

.workspace-topline button{
  font-size:10px !important;
}

.workspace-kpis b,
.workspace-finance b{
  font-size:25px !important;
}

.workspace-card h4{
  font-size:19px !important;
}

.workspace-card header>b{
  font-size:26px !important;
}

.progress-milestones b{
  font-size:10px !important;
}

.progress-milestones small{
  font-size:8px !important;
}

.activity-list b,
.quick-doc-list b{
  font-size:10px !important;
}

.activity-list small,
.quick-doc-list small{
  font-size:8px !important;
}

.quick-chat-list b{
  font-size:10px !important;
}

.quick-chat-list p{
  font-size:10px !important;
}

.quick-chat-list small{
  font-size:8px !important;
}

.workspace-chat-room header b{
  font-size:12px !important;
}

.workspace-chat-room header small{
  font-size:9px !important;
}

.workspace-chat-messages b{
  font-size:10px !important;
}

.workspace-chat-messages b small{
  font-size:8px !important;
}

.workspace-chat-messages p{
  font-size:11px !important;
}

.workspace-chat-compose input,
.workspace-chat-compose button{
  font-size:10px !important;
}

.workspace-folder-grid b{
  font-size:12px !important;
}

.workspace-folder-grid small{
  font-size:9px !important;
}

.workspace-gallery b{
  font-size:11px !important;
}

.workspace-gallery small{
  font-size:9px !important;
}

.workspace-timeline b{
  font-size:12px !important;
}

.workspace-timeline small{
  font-size:9px !important;
}

.workspace-timeline p{
  font-size:10px !important;
}

.workspace-tasks b{
  font-size:11px !important;
}

.workspace-tasks small{
  font-size:9px !important;
}

.workspace-tasks em{
  font-size:9px !important;
}

.workspace-team b{
  font-size:11px !important;
}

.workspace-team small{
  font-size:9px !important;
}

@media(max-width:900px){
  .workspace-hero-left h2{
    font-size:36px !important;
  }
  .projects-page-head h2{
    font-size:34px !important;
  }
}

@media(max-width:600px){
  .workspace-hero-left h2{
    font-size:30px !important;
  }
  .portal-top h1{
    font-size:34px !important;
  }
}


/* V18.2 – nur zusätzliche Felder innerhalb der bestehenden Formulare */
.request-document-checks{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.request-document-checks .premium-consent{
  min-height:42px;
  margin:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(4,7,6,.42);
}
.premium-submit:disabled,.service-submit:disabled{opacity:.58;cursor:wait}
@media(max-width:760px){.request-document-checks{grid-template-columns:1fr}}

/* V17 — homepage-only premium styling. All inner views keep the original design. */
@media (min-width: 1051px){
  #home.view{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    padding:0 !important;
    background:#020504;
  }

  #home .hero-image{
    position:absolute;
    inset:0;
    background-image:url("assets/hero-nexora-new.png") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    filter:none !important;
  }

  #home .hero-overlay{
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,
        rgba(2,5,5,.94) 0%,
        rgba(2,5,5,.82) 24%,
        rgba(2,5,5,.56) 39%,
        rgba(2,5,5,.20) 58%,
        rgba(2,5,5,.08) 78%,
        rgba(2,5,5,.20) 100%),
      linear-gradient(180deg,
        rgba(2,5,5,.10) 0%,
        rgba(2,5,5,.02) 48%,
        rgba(2,5,5,.42) 73%,
        rgba(2,5,5,.96) 100%);
  }

  .topbar{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:100;
    height:104px;
    padding:0 3.2vw;
    background:linear-gradient(180deg,rgba(2,5,5,.72),rgba(2,5,5,.24));
    border-bottom:1px solid rgba(255,255,255,.10);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  #home .hero-brandmark{display:none !important;}

  #home .hero-copy{
    position:absolute;
    z-index:3;
    top:146px;
    left:3.2vw;
    width:min(650px,43vw);
  }

  #home .hero-copy .eyebrow{
    margin:0;
    color:#d7ad4d;
    font-size:14px;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding-bottom:18px;
    position:relative;
  }

  #home .hero-copy .eyebrow::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:46px;
    height:1px;
    background:#d7ad4d;
  }

  #home .hero-copy h1{
    max-width:620px;
    margin:26px 0 14px;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(54px,4.35vw,74px);
    line-height:.98;
    font-weight:500;
    letter-spacing:-.025em;
    color:#f7f4ec;
  }

  #home .hero-copy p{
    max-width:560px;
    margin:0;
    font-size:16px;
    line-height:1.55;
    color:rgba(255,255,255,.74);
  }

  #home .home-cards{
    position:absolute;
    z-index:4;
    left:2.55vw;
    right:2.55vw;
    bottom:3.2vh;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }

  #home .home-card{
    position:relative;
    min-height:410px;
    overflow:hidden;
    padding:0;
    border:1px solid rgba(206,158,42,.76);
    border-radius:14px;
    background:#06100d;
    color:#fff;
    text-align:left;
    cursor:pointer;
    box-shadow:0 20px 50px rgba(0,0,0,.26);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  }

  #home .home-card:hover{
    transform:translateY(-5px);
    border-color:#e2b855;
    box-shadow:0 26px 60px rgba(0,0,0,.38);
  }

  #home .home-card .card-image{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:56%;
    background-size:cover;
    background-position:center;
    filter:saturate(.92) contrast(1.02) brightness(.86);
    transform:none !important;
  }

  #home .home-card .card-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
      rgba(2,6,5,0) 30%,
      rgba(2,8,6,.30) 45%,
      rgba(2,8,6,.92) 59%,
      #06100d 72%);
  }

  #home .home-card .card-content{
    position:absolute;
    z-index:2;
    left:22px;
    right:22px;
    bottom:22px;
  }

  #home .home-card .icon-wrap{
    width:58px;
    height:58px;
    margin-bottom:18px;
    display:grid;
    place-items:center;
    border:1px solid #d6a936;
    border-radius:10px;
    background:rgba(3,8,7,.92);
    color:#e3b541;
  }

  #home .home-card .icon-wrap svg{width:27px;height:27px;}

  #home .home-card h3{
    margin:0 0 11px;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:30px;
    line-height:1;
    font-weight:500;
    color:#f7f4ec;
  }

  #home .home-card p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:rgba(255,255,255,.68);
  }

  #home .home-card .card-link{display:none !important;}
}

@media (max-width:1050px){
  #home .hero-image{
    background-image:url("assets/hero-nexora-new.png") !important;
    background-position:68% center !important;
    background-size:cover !important;
  }
  #home .hero-brandmark{display:none !important;}
}

/* V18 — Homepage repair only. Inner pages and all functions remain unchanged. */
@media (min-width:1051px){
  #home.view{
    position:relative;
    min-height:100vh;
    padding:0 !important;
    overflow:hidden;
    background:#020504;
  }

  #home .hero-image{
    position:absolute;
    inset:0;
    background-image:url("assets/hero-nexora-final.png") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    filter:none !important;
  }

  #home .hero-overlay{
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(2,5,5,.88) 0%,rgba(2,5,5,.68) 28%,rgba(2,5,5,.28) 50%,rgba(2,5,5,.06) 72%,rgba(2,5,5,.16) 100%),
      linear-gradient(180deg,rgba(2,5,5,.12) 0%,rgba(2,5,5,0) 45%,rgba(2,5,5,.30) 70%,rgba(2,5,5,.94) 100%);
  }

  #home .hero-brandmark{display:none !important;}

  #home .hero-copy{
    position:absolute;
    z-index:3;
    top:148px;
    left:4vw;
    width:min(620px,42vw);
  }

  #home .hero-copy .eyebrow{
    display:block;
    margin:0;
    padding-bottom:18px;
    color:#d8ad4c;
    font-size:13px;
    font-weight:600;
    letter-spacing:.115em;
    text-transform:uppercase;
    position:relative;
  }
  #home .hero-copy .eyebrow::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:45px;
    height:1px;
    background:#d8ad4c;
  }

  #home .hero-copy h1{
    max-width:600px;
    margin:24px 0 14px;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(49px,4vw,66px);
    line-height:.99;
    font-weight:500;
    letter-spacing:-.028em;
    color:#f7f4ec;
  }

  #home .hero-copy p{
    max-width:555px;
    margin:0;
    color:rgba(255,255,255,.73);
    font-size:13px;
    line-height:1.55;
  }

  #home .home-cards{
    position:absolute;
    z-index:4;
    left:3.2vw;
    right:3.2vw;
    bottom:3.1vh;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }

  #home .home-card{
    position:relative;
    height:292px !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:hidden;
    border:1px solid rgba(205,158,44,.72);
    border-radius:9px;
    background:#07100d;
    color:#fff;
    text-align:left;
    box-shadow:0 20px 45px rgba(0,0,0,.28);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  }

  #home .home-card:hover{
    transform:translateY(-5px);
    border-color:#e0b34d;
    box-shadow:0 25px 55px rgba(0,0,0,.40);
  }

  #home .home-card .card-image{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:auto;
    height:55%;
    background-size:cover;
    background-position:center;
    filter:saturate(.93) contrast(1.03) brightness(.88);
    transform:none !important;
  }

  #home .home-card .card-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
      rgba(2,6,5,0) 25%,
      rgba(2,8,6,.12) 40%,
      rgba(2,8,6,.78) 57%,
      #07100d 70%);
  }

  #home .home-card .card-content{
    position:absolute;
    z-index:2;
    inset:0;
    height:auto;
    padding:0 20px 18px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }

  #home .home-card .icon-wrap{
    position:absolute;
    left:20px;
    top:calc(55% - 24px);
    width:48px;
    height:48px;
    margin:0;
    display:grid;
    place-items:center;
    border:1px solid #d6a936;
    border-radius:7px;
    background:rgba(3,8,7,.94);
    color:#e3b541;
  }
  #home .home-card .icon-wrap svg{width:24px;height:24px;}

  #home .home-card h2{
    margin:0 0 8px;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:25px;
    line-height:1.02;
    font-weight:500;
    letter-spacing:-.02em;
    color:#f7f4ec;
  }

  #home .home-card p{
    max-width:100%;
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:11px;
    line-height:1.52;
  }
}

@media (max-width:1050px){
  #home .hero-image{
    background-image:url("assets/hero-nexora-final.png") !important;
    background-position:65% center !important;
  }
}

/* V19 — Homepage typography slightly enlarged. Layout and functions unchanged. */
@media (min-width:1051px){
  #home .hero-copy .eyebrow{font-size:14px !important;}
  #home .hero-copy h1{font-size:clamp(52px,4.15vw,70px) !important;}
  #home .hero-copy p{font-size:14px !important;}
  #home .home-card h2{font-size:27px !important;}
  #home .home-card p{font-size:12px !important;}
  .topbar .brand strong{font-size:17px;}
  .topbar .brand small{font-size:8px;}
  .topbar .login-link{font-size:11px;padding:0 21px;}
}

/* V20 — only original Nexora logos + slightly larger form text. Homepage layout untouched. */
@media (min-width:1051px){
  /* Hide the non-original mark baked into the hero photo and place the real logo above it. */
  #home::after{
    content:"";
    position:absolute;
    z-index:2;
    top:62px;
    right:0;
    width:390px;
    height:430px;
    pointer-events:none;
    background:radial-gradient(ellipse at 72% 42%,rgba(3,7,7,.78) 0%,rgba(3,7,7,.52) 43%,rgba(3,7,7,0) 76%);
  }
  #home .hero-brandmark{
    display:block !important;
    position:absolute;
    z-index:3;
    top:108px;
    right:54px;
    width:285px;
    height:285px;
    object-fit:contain;
    opacity:.11;
    filter:none !important;
    pointer-events:none;
  }
}

/* Always use the untouched original logo asset as the inner-page watermark. */
.intro-watermark,
.service-watermark{
  width:360px !important;
  height:360px !important;
  opacity:.075 !important;
  filter:none !important;
}

/* Only form typography is enlarged, without changing spacing or layout. */
.premium-fields label,
.service-form label{
  font-size:9px !important;
}
.premium-fields input,
.premium-fields textarea,
.premium-fields select,
.service-form input,
.service-form textarea,
.service-form select{
  font-size:10px !important;
}
.premium-fields input::placeholder,
.premium-fields textarea::placeholder,
.service-form input::placeholder,
.service-form textarea::placeholder{
  font-size:10px !important;
}
.form-progress>div{
  font-size:9px !important;
}

/* V21 — remove only the duplicated homepage watermark. Everything else remains unchanged. */
@media (min-width:1051px){
  #home::after{display:none !important;content:none !important;}
  #home .hero-brandmark{display:none !important;}
}

/* V23 — Mobile-only card alignment. Desktop/tablet layout remains unchanged. */
@media (max-width:700px){
  #home .home-cards{
    gap:18px !important;
  }

  #home .home-card{
    height:390px !important;
    min-height:390px !important;
    border-radius:9px !important;
    overflow:hidden !important;
  }

  #home .home-card .card-image{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    height:58% !important;
    background-size:cover !important;
    background-position:center !important;
    transform:none !important;
  }

  #home .home-card .card-shade{
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg,
      rgba(2,6,5,0) 28%,
      rgba(2,8,6,.10) 42%,
      rgba(2,8,6,.84) 58%,
      #07100d 70%) !important;
  }

  #home .home-card .card-content{
    position:absolute !important;
    z-index:2 !important;
    inset:0 !important;
    height:auto !important;
    padding:0 22px 24px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
  }

  #home .home-card .icon-wrap{
    position:absolute !important;
    left:22px !important;
    top:calc(58% - 26px) !important;
    width:52px !important;
    height:52px !important;
    margin:0 !important;
  }

  #home .home-card h2{
    margin:0 0 10px !important;
    font-family:"Cormorant Garamond",Georgia,serif !important;
    font-size:31px !important;
    line-height:1.04 !important;
    font-weight:500 !important;
    letter-spacing:-.02em !important;
  }

  #home .home-card p{
    max-width:100% !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.55 !important;
    color:rgba(255,255,255,.70) !important;
  }
}

/* V24 — Mobile-only final card polish. Desktop/tablet remain untouched. */
@media (max-width:700px){
  #home .home-card .card-shade{
    background:linear-gradient(180deg,
      rgba(2,6,5,0) 20%,
      rgba(2,8,6,.06) 34%,
      rgba(2,8,6,.28) 46%,
      rgba(2,8,6,.70) 57%,
      rgba(7,16,13,.94) 68%,
      #07100d 76%) !important;
  }

  #home .home-card .icon-wrap{
    top:calc(58% - 10px) !important;
  }
}