/* Painting Project Builder · Step 4 Packages */
.painting-packages-workspace{display:grid;gap:14px;padding:14px;border:1px solid #2c4354;border-radius:0 0 10px 10px;background:#07131c;color:#edf4fa}
.painting-packages-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #344d60;border-radius:10px;background:linear-gradient(135deg,#102331 0%,#0b1822 58%,#121811 100%)}
.painting-packages-hero>div{display:flex;align-items:flex-start;gap:14px;min-width:0}.painting-packages-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #ff7a12;border-radius:50%;background:rgba(255,122,18,.08);color:#ff8c25}.painting-packages-icon svg{width:23px;height:23px}
.painting-packages-hero small{display:block;margin-bottom:3px;color:#ff9b43;font-weight:800;letter-spacing:.025em;text-transform:none}.painting-packages-hero h2{margin:0 0 5px;color:#fff;font-size:23px!important}.painting-packages-hero p{max-width:720px;margin:0;color:#b9c7d2;font-size:13px!important;line-height:1.45!important}.painting-packages-hero>.primary{min-height:44px;flex:0 0 auto;white-space:nowrap}.painting-packages-hero>.primary svg{width:17px;height:17px}
.painting-package-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.painting-package-guidance article{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid #30485a;border-radius:9px;background:#0d1b26}.painting-package-guidance article>svg{width:34px;height:34px;padding:7px;border:1px solid currentColor;border-radius:9px;flex:0 0 auto}.painting-package-guidance article:nth-child(1)>svg{color:#35d6e5}.painting-package-guidance article:nth-child(2)>svg{color:#a970ff}.painting-package-guidance article:nth-child(3)>svg{color:#49dc80}.painting-package-guidance span{display:grid;gap:3px}.painting-package-guidance strong{font-size:13.5px}.painting-package-guidance small{color:#a8b8c5;font-size:12px!important;line-height:1.35!important}
.painting-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.painting-package-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:350px;padding:18px;border:1px solid #3b4c5c;border-radius:11px;background:linear-gradient(180deg,#111c27 0%,#0a141d 100%);box-shadow:0 12px 28px rgba(0,0,0,.18)}.painting-package-card.good{border-color:#287552}.painting-package-card.better{border-color:#8c55dc}.painting-package-card.best{border-color:#236f98}.painting-package-card.recommended{box-shadow:0 0 0 1px rgba(169,112,255,.2),0 14px 34px rgba(61,24,105,.26)}
.painting-package-badge{position:absolute;z-index:4;top:-1px;right:16px;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border:1px solid #b985ff;border-top:0;border-radius:0 0 7px 7px;background:#7541bd;color:#fff;font-size:12px;font-weight:850;line-height:1;text-shadow:none;box-shadow:0 7px 16px rgba(80,35,135,.34);-webkit-font-smoothing:antialiased}.painting-package-badge svg{width:14px;height:14px;fill:currentColor}.painting-package-card header{display:flex;align-items:center;gap:11px;padding-right:76px}.painting-package-card header>svg{width:40px;height:40px;padding:8px;border:1px solid currentColor;border-radius:9px;filter:drop-shadow(0 0 10px currentColor)}.painting-package-card.good header>svg{color:#45dc80}.painting-package-card.better header>svg{color:#b985ff}.painting-package-card.best header>svg{color:#42bdf4}.painting-package-card header span{display:grid;gap:2px}.painting-package-card header small{color:#aab9c5;font-size:12px!important;font-weight:750;letter-spacing:0;text-transform:none}.painting-package-card h3{margin:0;color:#fff;font-size:18px!important}
.painting-package-price{display:grid;gap:2px;padding:12px 0;border-block:1px solid #2d3f4d}.painting-package-price strong{color:#fff;font-size:27px;line-height:1}.painting-package-price small{color:#99aab8;font-size:12px!important}.painting-package-card ul{display:grid;align-content:start;gap:10px;margin:0;padding:0;list-style:none}.painting-package-card li{display:flex;align-items:flex-start;gap:8px;color:#d7e1e8;font-size:12.5px!important}.painting-package-card li svg{width:15px;height:15px;flex:0 0 auto;margin-top:1px;color:#43da7e}.painting-package-card>.btn{min-height:40px;border-color:#506476;background:#111e2a;color:#edf4fa}.painting-package-card>.btn:hover,.painting-package-card>.btn:focus-visible{border-color:#ff7a12;background:#201810;box-shadow:0 0 0 2px rgba(255,122,18,.15)}
.painting-package-card.is-saved>.btn{border-color:#287552;background:#0c2119;color:#6bea9b}.painting-package-card.is-saved>.btn svg{width:16px;height:16px}.painting-package-card.is-saved>.btn:hover,.painting-package-card.is-saved>.btn:focus-visible{border-color:#42d67e;background:#102a20}
.painting-saved-packages,.painting-package-form{display:grid;gap:12px;padding:16px;border:1px solid #344b5d;border-radius:10px;background:#0c1822}.painting-saved-packages>header,.painting-package-form>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.painting-saved-packages h3,.painting-package-form h3{margin:2px 0 0;color:#fff}.painting-saved-packages header small,.painting-package-form header small{color:#ff9b43;font-weight:800}.painting-saved-packages header>strong{padding:6px 10px;border:1px solid #475d6e;border-radius:20px;background:#101f2b;color:#eaf2f7}.painting-saved-packages>article{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #2f4353;border-radius:8px;background:#0a141d}.painting-saved-packages article div{display:grid;gap:3px}.painting-saved-packages article p{margin:0;color:#aebcc8}.painting-saved-packages article>b{font-size:18px;color:#ff9b43}.painting-saved-tier{display:grid;place-items:center;min-height:34px;border:1px solid #3c6f5a;border-radius:7px;color:#53df8b;font-weight:800}
.painting-package-form[hidden]{display:none!important}
.painting-package-form>header>i,.painting-package-form>header>svg{width:38px;height:38px;padding:8px;border:1px solid #a970ff;border-radius:9px;color:#bd8aff}.painting-package-form>header p{margin:3px 0 0;color:#aab9c5}.painting-package-form>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.painting-package-form label{display:grid;gap:6px;color:#ced9e1;font-weight:700}.painting-package-form label.full{grid-column:1/-1}.painting-package-form :is(input,select,textarea){width:100%;border:1px solid #40586a;border-radius:7px;background:#08141d;color:#f5f8fa;padding:10px}.painting-package-form textarea{min-height:90px;resize:vertical}.painting-package-form :is(input,select,textarea):hover,.painting-package-form :is(input,select,textarea):focus{border-color:#ff7a12;outline:0;box-shadow:0 0 0 2px rgba(255,122,18,.14)}.painting-package-form footer{display:flex;justify-content:flex-end;gap:10px}
.painting-packages-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #304657;border-radius:9px;background:#0a1822}.painting-packages-footer>span{display:flex;align-items:center;justify-content:center;gap:7px;color:#55d98a;font-size:12px;font-weight:700}.painting-packages-footer>span svg{width:15px;height:15px}.painting-packages-footer .primary{min-height:42px;white-space:nowrap}
@media(max-width:1120px){.painting-package-guidance,.painting-package-grid{grid-template-columns:1fr}.painting-package-card{min-height:0}.painting-packages-hero{align-items:flex-start;flex-direction:column}.painting-package-form>div{grid-template-columns:1fr 1fr}.painting-packages-footer{grid-template-columns:1fr}.painting-packages-footer>*{width:100%;justify-content:center}}
@media(max-width:680px){.painting-packages-workspace{padding:9px}.painting-package-form>div{grid-template-columns:1fr}.painting-package-form label.full{grid-column:auto}.painting-saved-packages>article{grid-template-columns:1fr}.painting-packages-hero>.primary{width:100%}}

.painting-packages-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.painting-packages-hero-actions :is(.btn,.primary){min-height:44px;padding:10px 14px;white-space:nowrap;font-size:13px;font-weight:800}.painting-packages-hero-actions svg{width:17px;height:17px}.painting-packages-hero-actions .btn{border-color:#4a6070;background:#08131c;color:#e7eef3}.painting-packages-hero-actions .btn:hover,.painting-packages-hero-actions .btn:focus-visible{border-color:#f58216;color:#ffad55;outline:0;box-shadow:0 0 0 2px rgba(245,130,22,.14)}
@media(max-width:1120px){.painting-packages-hero-actions{width:100%;justify-content:stretch}.painting-packages-hero-actions>*{flex:1}}
@media(max-width:680px){.painting-packages-hero-actions{flex-direction:column}.painting-packages-hero-actions>*{width:100%}}