:root{--navy:#111111;--navy2:#176b4d;--gold:#c6a15b;--cream:#f7f7f5;--ink:#1d1d1b;--muted:#62665f;--line:#e1e2dd;--white:#fff;--green:#176b4d;--shadow:0 16px 44px rgba(17,17,17,.09)}
.inline-legal-link{border:0;background:transparent;color:var(--navy);font:inherit;font-weight:700;padding:0;text-decoration:underline;cursor:pointer}.registration-consent{font-size:12px;color:var(--muted);margin:13px 0 6px}
.project-modal-card{max-width:680px}.project-modal-card h2{font:29px Georgia,serif;color:var(--navy)}.project-stage-input{display:grid;grid-template-columns:1.5fr .5fr;gap:12px;margin:12px 0}.project-stage-input label,.project-modal-card form>label{font-size:12px;font-weight:700;color:var(--muted)}.project-stage-input input,.project-modal-card form>label input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:5px}.project-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;margin-bottom:14px}.project-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.project-header h3{color:var(--navy);margin:6px 0}.project-header>strong{font-size:28px;color:var(--navy)}.progress-track{height:8px;background:#e8edf1;border-radius:10px;overflow:hidden;margin:15px 0}.progress-track span{display:block;height:100%;background:var(--green)}.project-stage{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.project-stage strong,.project-stage small{display:block}.project-stage strong{margin:7px 0;color:var(--navy)}.project-stage small{color:var(--muted)}.change-order,.create-project-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--cream);border-radius:8px;padding:12px;margin:10px 0}@media(max-width:700px){.project-stage-input{grid-template-columns:1fr}.project-stage,.change-order,.create-project-row{align-items:flex-start;flex-direction:column}}
.availability-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.availability-line b{color:var(--navy);font-size:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fbfcfd}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;font-weight:800;color:var(--gold)}.brand strong,.brand small{display:block;letter-spacing:.16em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.08em}.desktop-nav{display:flex;gap:8px}.nav-link{border:0;background:transparent;padding:10px 14px;color:var(--muted);border-radius:30px}.nav-link.active,.nav-link:hover{background:var(--cream);color:var(--navy)}.role-switch{border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:30px;padding:9px 15px}.view{display:none}.view.active{display:block}.hero{max-width:1180px;margin:0 auto;min-height:560px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:65px;padding:70px 24px;background:radial-gradient(circle at 75% 40%,rgba(199,163,74,.13),transparent 28%)}.hero h1,.page-title h1,.account-content h1,.dashboard-head h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,67px);line-height:1.03;color:var(--navy);margin:12px 0 20px}.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:670px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.hero-actions{display:flex;gap:12px;margin:28px 0}.primary,.secondary{border-radius:8px;padding:13px 20px;font-weight:700;border:1px solid var(--navy)}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy2)}.secondary{background:#fff;color:var(--navy)}.full{width:100%}.big{font-size:16px;padding:16px 24px}.trust-row{display:flex;flex-wrap:wrap;gap:17px;color:var(--green);font-size:13px}.quick-card{background:#fff;padding:28px;border-radius:18px;box-shadow:var(--shadow);border:1px solid #eef1f3}.quick-card h2{font:26px Georgia,serif;color:var(--navy)}.quick-card label,.request-form label,.calculator label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:14px 0 6px}.quick-card select,.search-panel input,.search-panel select,.request-form input,.request-form select,.request-form textarea,.calculator input{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px;outline:none}.quick-card .primary{margin-top:20px}.quick-card small{display:block;color:var(--muted);line-height:1.4;margin-top:12px}.live-dot{font-size:12px;color:var(--green);font-weight:700}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#27ae60;border-radius:50%;margin-right:7px}.section-wrap{max-width:1180px;margin:0 auto;padding:70px 24px}.narrow{max-width:900px}.section-heading,.page-title.row,.dashboard-head,.panel-head,.result-line{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{font:36px Georgia,serif;color:var(--navy);margin:10px 0 26px}.mode-grid,.professional-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode-card,.professional-card,.panel,.request-form,.profile-summary,.account-content{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px rgba(16,43,70,.05)}.mode-card{padding:28px;position:relative}.mode-card.featured{border-color:var(--gold);transform:translateY(-8px)}.badge{position:absolute;right:18px;top:16px;color:#715a1f;background:#f8efd6;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800}.mode-icon{font-size:28px;color:var(--gold)}.mode-card h3{color:var(--navy);margin:18px 0 9px}.mode-card p{color:var(--muted);line-height:1.55;min-height:75px}.mode-card button,.text-button,.panel-head button{border:0;background:transparent;color:var(--navy);font-weight:800;padding:0}.muted-section{max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2));background:var(--cream)}.professional-card{padding:20px;transition:.2s}.professional-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pro-head{display:flex;gap:14px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.pro-head h3{margin:0;color:var(--navy)}.verified{display:inline-block;color:var(--green);font-size:12px;margin-top:4px}.skills{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.skills span{background:var(--cream);padding:6px 8px;border-radius:5px;font-size:11px}.pro-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:13px 0;border-top:1px solid var(--line)}.pro-footer{display:flex;justify-content:space-between;align-items:center}.pro-footer strong{color:var(--navy)}.pro-footer button{background:var(--navy);color:#fff;border:0;border-radius:7px;padding:9px 12px}.page-title{margin-bottom:28px}.page-title h1,.account-content h1,.dashboard-head h1{font-size:46px;margin-bottom:10px}.page-title p,.dashboard-head p{color:var(--muted)}.search-panel{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;background:#fff;padding:15px;border:1px solid var(--line);border-radius:12px}.result-line{margin:26px 0 18px;align-items:center}.result-line select{border:0;background:transparent;color:var(--muted)}.request-form{padding:30px}.step{display:flex;gap:13px;align-items:center}.step>span{width:34px;height:34px;background:var(--navy);color:#fff;display:grid;place-items:center;border-radius:50%}.step h3,.step p{margin:2px}.step p{color:var(--muted);font-size:13px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.choice{margin:0!important}.choice input{display:none}.choice span{display:block;border:1px solid var(--line);padding:15px;border-radius:9px}.choice input:checked+span{border-color:var(--gold);background:var(--cream)}.choice small{display:block;color:var(--muted);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span-2{grid-column:1/-1}.request-form textarea{resize:vertical}.upload-box{border:1px dashed #acb7c0;padding:18px;border-radius:10px}.upload-box input{border:0;padding:0;margin:8px 0}.upload-box span,.upload-box small{display:block}.upload-box span{color:var(--navy);font-weight:800}.upload-box small{font-weight:400;margin-top:4px}.commission-note{display:flex;gap:12px;background:var(--cream);border-left:4px solid var(--gold);padding:15px;margin:22px 0;color:var(--muted)}.commission-note strong{color:var(--navy);white-space:nowrap}.request-list{display:grid;gap:14px}.request-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:15px}.request-item h3{color:var(--navy);margin:0 0 8px}.request-item p{color:var(--muted);margin:5px 0}.status{display:inline-block;padding:6px 9px;border-radius:20px;background:#eef2f5;color:var(--navy);font-size:11px;font-weight:800}.status.active{background:#e6f4ed;color:var(--green)}.status.done{background:#f8efd6;color:#715a1f}.account-layout{display:grid;grid-template-columns:280px 1fr;gap:25px}.profile-summary,.account-content{padding:30px}.profile-summary{text-align:center}.avatar.large{width:85px;height:85px;margin:auto;font-size:22px}.profile-summary h2{color:var(--navy);margin-bottom:4px}.profile-summary p{color:var(--muted)}.settings-list{border-top:1px solid var(--line)}.settings-list button{width:100%;display:flex;justify-content:space-between;background:#fff;border:0;border-bottom:1px solid var(--line);padding:18px 2px;text-align:left}.subscription-pill{background:var(--cream);border:1px solid #eadba9;border-radius:12px;padding:14px 20px;text-align:center}.subscription-pill span,.subscription-pill small{display:block;color:var(--muted);font-size:11px}.subscription-pill strong{display:block;color:var(--navy);font-size:24px}.stats-grid{grid-template-columns:repeat(4,1fr);margin:28px 0}.stats-grid article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px}.stats-grid span,.stats-grid small{display:block;color:var(--muted)}.stats-grid strong{display:block;font-size:27px;color:var(--navy);margin:9px 0}.dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.panel{padding:23px}.panel-head{align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.opportunity{padding:16px 0;border-bottom:1px solid var(--line)}.opportunity h3{margin:0;color:var(--navy)}.opportunity p{color:var(--muted);font-size:13px}.calculator p{color:var(--muted)}.calc-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.calc-row.total{font-size:18px;color:var(--navy)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px}.modal{position:fixed;inset:0;background:rgba(8,26,44,.65);display:none;place-items:center;padding:18px;z-index:50}.modal.open{display:grid}.modal-card{background:#fff;border-radius:16px;max-width:620px;width:100%;max-height:88vh;overflow:auto;padding:30px;position:relative}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px}.modal-profile{text-align:center}.modal-profile .avatar{margin:auto;width:80px;height:80px}.modal-profile h2{color:var(--navy)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:9px;transform:translateY(100px);opacity:0;transition:.25s;z-index:60}.toast.show{transform:none;opacity:1}.mobile-nav{display:none}
.top-actions{display:flex;align-items:center;gap:8px}.auth-button{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:30px;padding:9px 15px;font-weight:700}.auth-card{max-width:500px}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--navy);margin-bottom:22px}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:var(--muted);font-size:11px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border-radius:9px;padding:4px}.auth-tabs button{border:0;background:transparent;padding:10px;border-radius:7px;color:var(--muted);font-weight:700}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(16,43,70,.08)}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{font:31px Georgia,serif;color:var(--navy);margin:24px 0 5px}.auth-form>p{color:var(--muted);margin-top:0}.auth-form label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:13px 0 6px}.auth-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px}.auth-form .forgot{display:block;margin:10px 0 18px}.auth-form .choice{margin:0}.auth-form .choice input{display:none}.auth-roles{grid-template-columns:1fr 1fr;margin:15px 0}.terms-check{display:flex!important;align-items:flex-start;gap:9px}.terms-check input{width:auto;margin-top:2px}.terms-check span{font-weight:400;line-height:1.4}.subscription-preview{display:none;background:var(--cream);border:1px solid #eadba9;border-radius:9px;padding:13px;margin:15px 0}.subscription-preview.show{display:grid;grid-template-columns:1fr auto;gap:4px}.subscription-preview strong{font-size:22px;color:var(--navy)}.subscription-preview small{grid-column:1/-1;color:var(--muted)}.auth-separator{display:flex;align-items:center;gap:10px;color:var(--muted);margin:16px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:var(--line);flex:1}.google-button{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px;font-weight:700;color:var(--navy)}.auth-message{min-height:18px;text-align:center;font-size:12px;color:#b03a2e;margin-bottom:0}
@media(max-width:850px){body{padding-bottom:70px}.topbar{height:66px;padding:0 15px}.desktop-nav{display:none}.role-switch{display:none}.auth-button{font-size:11px;padding:8px 11px}.hero{grid-template-columns:1fr;padding:48px 20px;gap:25px}.hero h1{font-size:43px}.mode-grid,.professional-grid{grid-template-columns:1fr 1fr}.mode-card.featured{transform:none}.search-panel{grid-template-columns:1fr 1fr}.search-panel input{grid-column:1/-1}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.account-layout{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:30;justify-content:space-around}.mobile-nav button{border:0;background:#fff;color:var(--navy);padding:10px}.mobile-nav span{display:block;font-size:10px;margin-top:3px}}
@media(max-width:560px){.hero-actions,.trust-row,.commission-note{flex-direction:column}.mode-grid,.professional-grid,.choice-grid,.form-grid,.stats-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.search-panel{grid-template-columns:1fr}.search-panel input{grid-column:auto}.section-wrap{padding:45px 16px}.page-title.row,.dashboard-head{align-items:flex-start;flex-direction:column}.request-item{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr}.brand strong{font-size:13px}.brand-mark{width:36px;height:36px}.page-title h1,.dashboard-head h1{font-size:38px}}
.session-hidden{display:none!important}.onboarding-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.onboarding-progress span{background:#eef2f5;color:var(--muted);padding:10px;text-align:center;border-radius:7px;font-size:12px;font-weight:700}.onboarding-progress span.active{background:var(--navy);color:#fff}.request-form h2{font:25px Georgia,serif;color:var(--navy);margin:28px 0 8px}.request-form h2:first-child{margin-top:0}.checkbox-field{border:1px solid var(--line);border-radius:9px;padding:14px;margin-top:14px}.checkbox-field legend{font-size:12px;font-weight:700;color:var(--muted);padding:0 5px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.check-grid label{display:flex;align-items:center;gap:7px;margin:0;font-weight:400;color:var(--ink)}.check-grid input{width:auto}.review-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff8e6;border:1px solid #ead38e;border-radius:12px;padding:17px 20px;margin:20px 0}.review-banner strong{color:#715a1f}.review-banner p{color:var(--muted);margin:5px 0 0}.review-banner .status{white-space:nowrap}
@media(max-width:560px){.onboarding-progress{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr 1fr}.review-banner{align-items:flex-start;flex-direction:column}}
.opportunities-locked{opacity:.45;pointer-events:none;filter:grayscale(1)}.admin-review{margin-bottom:20px}.pending-profile{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.pending-profile:last-child{border-bottom:0}.pending-profile p,.pending-profile small,.empty-state{color:var(--muted)}.pending-profile p{margin:5px 0}.pending-profile>div:last-child{display:flex;gap:8px}.empty-state{padding:18px 0;margin:0}
@media(max-width:560px){.pending-profile{align-items:flex-start;flex-direction:column}}
.quote-card{max-width:680px}.quote-card>h2{font:31px Georgia,serif;color:var(--navy);margin:8px 0 15px}.opportunity-summary{background:var(--cream);border-radius:9px;padding:14px;margin-bottom:18px}.opportunity-summary p{color:var(--muted);line-height:1.45;margin:7px 0}.opportunity-summary small{color:var(--navy)}.quote-form label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:13px 0 6px}.quote-form input,.quote-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}.quote-totals{background:#f7f9fa;border:1px solid var(--line);border-radius:9px;padding:5px 14px;margin:18px 0}.quote-totals div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.quote-totals div:last-child{border-bottom:0}.quote-totals span{color:var(--muted);font-size:12px}.quote-totals strong{color:var(--navy)}.quote-totals .grand{font-size:17px}.quote-totals .grand span{font-size:13px;font-weight:700;color:var(--navy)}
.client-quotes-section{margin-top:35px}.section-heading h2{font:30px Georgia,serif;color:var(--navy);margin:6px 0 18px}.client-quote-list{display:grid;gap:16px}.client-quote{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.client-quote-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.client-quote-head h3{margin:10px 0 5px;color:var(--navy)}.client-quote-head>strong{font-size:22px;color:var(--navy)}.client-quote p{color:var(--muted);line-height:1.5}.price-breakdown{display:flex;gap:25px;margin:14px 0}.price-breakdown span{color:var(--muted)}.price-breakdown b{display:block;color:var(--navy)}.empty-state{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:25px;color:var(--muted)}.contract-card{max-width:650px}.contract-card>h2{font:29px Georgia,serif;color:var(--navy);margin:8px 0 18px}.contract-parties,.contract-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.contract-parties span,.contract-details span{background:var(--cream);border-radius:8px;padding:12px;color:var(--muted)}.contract-parties small,.contract-parties strong,.contract-details b{display:block}.contract-parties strong,.contract-details b{color:var(--navy);margin-top:4px}.contract-note{background:#fff8e8;border:1px solid var(--gold);border-radius:8px;padding:12px;color:var(--muted)}.confirmation-row{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.confirmation-row span{padding:10px 12px;border-radius:8px;font-weight:700}.confirmation-row .confirmed{background:#e9f7ef;color:#08783e}.confirmation-row .pending{background:#f2f4f6;color:var(--muted)}
@media(max-width:700px){.client-quote-head,.confirmation-row{flex-direction:column}.contract-parties,.contract-details{grid-template-columns:1fr}}
.professional-contracts{margin-top:22px}.professional-contract{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.professional-contract:last-child{border-bottom:0}.professional-contract h3{margin:9px 0 5px;color:var(--navy)}.professional-contract p,.professional-contract small{color:var(--muted)}.professional-contract p{margin:0 0 5px}@media(max-width:700px){.professional-contract{align-items:flex-start;flex-direction:column}}
.completion-card{max-width:620px}.completion-card h2{font:29px Georgia,serif;color:var(--navy);margin:8px 0 18px}.completion-card form>label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:15px 0}.completion-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}.completion-evidence{background:#eef8f2;border:1px solid #b9dfc8;border-radius:9px;padding:13px;margin:14px 0}.completion-evidence p{margin:6px 0}.completion-evidence small{color:var(--muted)}.card-actions{display:flex;gap:10px;flex-wrap:wrap}.evidence-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.evidence-link{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700}.evidence-name{display:inline-block;background:#eef2f5;color:var(--muted);border-radius:6px;padding:6px 9px;font-size:12px}.evidence-viewer{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(5,20,34,.86)}.evidence-viewer.open{display:flex}.evidence-viewer-card{position:relative;max-width:min(1000px,96vw);max-height:92vh}.evidence-viewer-card img{display:block;max-width:100%;max-height:88vh;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.35)}.evidence-viewer-close{position:absolute;z-index:1;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(16,43,70,.92);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.request-media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px}.request-media-preview:empty{display:none}.request-media-preview figure{margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.request-media-preview img{display:block;width:100%;height:115px;object-fit:cover}.request-media-preview figcaption{display:grid;gap:6px;padding:8px}.request-media-preview figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.request-media-preview button{border:1px solid #c94646;border-radius:6px;background:#fff;color:#a52222;padding:6px;font-size:11px;font-weight:700}
.payment-card{max-width:520px}.payment-card h2{font:29px Georgia,serif;color:var(--navy);margin:8px 0 16px}.payment-card form>p,.payment-card form>small{color:var(--muted);line-height:1.5}.payment-card form>label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:16px 0}.payment-card select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.payment-amount{display:flex;justify-content:space-between;align-items:center;background:var(--cream);border:1px solid var(--gold);border-radius:10px;padding:17px}.payment-amount strong{font-size:25px;color:var(--navy)}.payment-protected{display:inline-block;background:#e9f7ef;color:#08783e;border-radius:8px;padding:9px 12px;margin:8px 0;font-weight:700}
.activation-brick-card{max-width:650px}.activation-brick-card>p,.activation-brick-card>small{display:block;color:var(--muted);line-height:1.5;margin:14px 0}.activation-payment-status{border-radius:8px;padding:11px 13px;margin:14px 0;font-size:13px;font-weight:700}.activation-payment-status.loading,.activation-payment-status.info{background:#eef3f7;color:var(--navy)}.activation-payment-status.ready{background:#edf7f1;color:#08783e}.activation-payment-status.success{background:#e6f4ed;color:#08783e}.activation-payment-status.error{background:#fff0ef;color:#a52119}#cardPaymentBrick_container{min-height:300px}
.admin-payments{margin-bottom:20px}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.payment-row:last-child{border-bottom:0}.payment-row>div:first-child strong,.payment-row>div:first-child small{display:block}.payment-row>div:first-child strong{color:var(--navy);margin:8px 0 5px}.payment-row small{color:var(--muted)}.payment-row>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:18px;text-align:right}.payment-row>div:last-child span{color:var(--muted);font-size:12px}.payment-row b{display:block;color:var(--navy);font-size:15px;margin-top:4px}@media(max-width:700px){.payment-row{align-items:flex-start;flex-direction:column}.payment-row>div:last-child{width:100%;text-align:left}}
.admin-claims{margin-bottom:20px}.claim-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;margin-bottom:12px}.claim-card h3{color:var(--navy);margin:9px 0 5px}.claim-card p,.claim-card small{color:var(--muted)}.claim-card p{margin:6px 0}.stars{color:#d39b16;font-size:18px;margin-top:12px}.stars small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.review-card textarea,.payment-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}@media(max-width:700px){.claim-card{align-items:flex-start;flex-direction:column}}
.notification-button{position:relative;border:1px solid var(--line);background:#fff;border-radius:50%;width:39px;height:39px;cursor:pointer}.notification-button span{position:absolute;right:-5px;top:-6px;background:#c53434;color:#fff;border-radius:20px;min-width:19px;height:19px;padding:2px 5px;font-size:11px;font-weight:700}.notification-button span.empty{display:none}.notification-card{max-width:560px}.notification-card h2,.chat-card h2{font:29px Georgia,serif;color:var(--navy);margin:5px 0}.notification-item{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#f2f7fb;border-radius:8px}.notification-item p{color:var(--muted);margin:4px 0}.notification-item small{color:var(--muted)}.chat-link{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:10px}.chat-link strong,.chat-link small{display:block}.chat-link small{color:var(--muted);margin-top:5px}.chat-card{max-width:650px}.chat-messages{height:330px;overflow:auto;background:#f5f7f8;border-radius:10px;padding:14px;margin:16px 0}.chat-bubble{max-width:78%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0}.chat-bubble.mine{margin-left:auto;background:#eaf3fa}.chat-bubble p{margin:5px 0}.chat-bubble small{color:var(--muted)}.chat-card form{display:flex;gap:10px}.chat-card textarea{flex:1;border:1px solid var(--line);border-radius:8px;padding:12px}@media(max-width:700px){.chat-link{align-items:flex-start;flex-direction:column}.chat-card form{flex-direction:column}}
.request-detail-card{max-width:650px}.request-detail-status{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.request-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.request-detail-grid>div{display:flex;flex-direction:column;gap:5px;padding:14px;background:#f7f4ed;border-radius:8px}.request-detail-grid small,.request-detail-section small{color:#607083}.request-detail-section{padding:16px 0;border-bottom:1px solid #d9e0e6}.request-detail-section:last-child{border-bottom:0}.request-detail-section h3{margin:0 0 8px}.request-detail-section p{margin:0 0 6px;line-height:1.55}@media(max-width:600px){.request-detail-grid{grid-template-columns:1fr}}
.request-edit-card{max-width:680px}.request-edit-card h2{font:29px Georgia,serif;color:var(--navy);margin:8px 0 16px}.request-edit-card label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:10px 0}.request-edit-card input,.request-edit-card select,.request-edit-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.request-edit-note{color:var(--muted);font-size:13px}.danger{background:#fff;color:#a52222;border:1px solid #c94646;border-radius:8px;padding:13px 20px;font-weight:700}.danger:hover{background:#fff0f0}.status.cancelled{background:#f5e7e7;color:#9d2525}
.request-edit-media{display:grid;gap:7px;margin:10px 0}.request-edit-media-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff}.request-edit-media-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-size:12px;font-weight:700}.request-edit-media-item button{border:1px solid #c94646;border-radius:6px;background:#fff;color:#a52222;padding:6px 9px;font-size:11px;font-weight:700}.request-edit-media-item.new small{color:var(--green);font-weight:700}
.receipt-card{max-width:520px}.receipt-card h2{font:29px Georgia,serif;color:var(--navy)}.receipt-summary{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:8px 16px}.receipt-summary div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.receipt-summary div:last-child{border-bottom:0}.receipt-summary span{color:var(--muted)}.receipt-summary strong{color:var(--navy);text-align:right}.subscription-receipt-button{margin-top:9px;border:0;background:transparent;color:var(--navy);font-weight:700;text-decoration:underline}.payment-timeline{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.payment-timeline div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;font-size:.86rem}.payment-timeline i{width:10px;height:10px;border-radius:50%;background:#16a05d;box-shadow:0 0 0 4px #e7f7ef}.payment-timeline small{color:var(--muted)}.payment-row button{margin-top:8px}
@media print{@page{size:A4;margin:12mm}html,body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}body>:not(.modal.open){display:none!important}.modal.open{position:static!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;background:#fff!important;padding:0!important;overflow:visible!important}.modal.open .modal-card{position:static!important;width:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;overflow:visible!important;box-shadow:none!important;border:0!important;padding:0!important}.modal.open .modal-close,.modal.open button{display:none!important}.modal.open .receipt-card h2{font-size:24px;margin:8px 0}.modal.open .receipt-summary{margin:10px 0;padding:4px 12px;break-inside:avoid}.modal.open .receipt-summary div{padding:7px 0}.modal.open .payment-timeline{margin-top:10px;padding-top:10px;gap:6px;break-inside:avoid}}
.account-payment-method{border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}.account-payment-method h3{margin:4px 0;color:var(--navy);font-size:21px}.account-payment-method p,.payment-method-note{color:var(--muted);line-height:1.55}.account-payment-method .full{margin-top:8px}
.onboarding-progress button{border:0}.professional-step{display:none}.professional-step.active{display:block}.professional-step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.professional-form-message{min-height:20px;color:#a52222;font-weight:700}.professional-review-summary,.profile-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-detail{background:#f7f4ed;border-radius:8px;padding:12px}.profile-detail small,.profile-documents small{display:block;color:var(--muted);margin-bottom:5px}.profile-detail strong{color:var(--navy)}.profile-documents{grid-column:1/-1;border:1px solid var(--line);border-radius:9px;padding:13px}.professional-profile-card{max-width:760px}.professional-profile-card h2{color:var(--navy);font:31px Georgia,serif}.profile-status-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}@media(max-width:560px){.professional-review-summary,.profile-detail-grid{grid-template-columns:1fr}.professional-step-actions{flex-wrap:wrap}}
.saved-addresses-list{display:grid;gap:10px;margin:12px 0 20px}.saved-address-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:14px}.saved-address-card strong,.saved-address-card span,.saved-address-card small{display:block}.saved-address-card strong{color:var(--navy);margin-bottom:5px}.saved-address-card span,.saved-address-card small{color:var(--muted);font-size:13px}.saved-address-card>div:last-child{display:flex;gap:10px;align-items:center}@media(max-width:600px){.saved-address-card{align-items:flex-start;flex-direction:column}}
.legal-footer{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;padding:24px 20px 92px;color:var(--muted);font-size:13px}.legal-footer button{border:0;background:transparent;color:var(--navy);font-weight:700;cursor:pointer;text-decoration:underline}.legal-card{max-width:680px}.legal-card h2{font:31px Georgia,serif;color:var(--navy);margin:8px 0 18px}.legal-copy{display:grid;gap:14px}.legal-copy h3{color:var(--navy);margin:0 0 5px}.legal-copy p{color:var(--muted);line-height:1.6;margin:0}@media(max-width:600px){.legal-footer{gap:12px;padding-bottom:105px}.legal-footer span{width:100%;text-align:center}}
.notification-open-chat{display:block;margin-top:9px;border:1px solid var(--navy);border-radius:7px;background:#fff;color:var(--navy);padding:7px 10px;font-weight:700;cursor:pointer}.notification-open-chat:hover,.notification-open-chat:focus{background:var(--navy);color:#fff}
.notification-filter-label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;margin:0 0 4px;background:#f7f5f0;border-radius:8px;color:var(--navy);font-weight:700}.notification-filter-label select{min-width:210px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 10px;color:var(--navy)}@media(max-width:520px){.notification-filter-label{align-items:stretch;flex-direction:column}.notification-filter-label select{min-width:0;width:100%}}
.claim-card.notification-target{outline:3px solid var(--gold);outline-offset:3px;transition:outline-color .3s ease}
.project-card.notification-target{outline:3px solid var(--gold);outline-offset:3px;transition:outline-color .3s ease}

/* Identidad visual VIGNA V202 */
body{background:#fff}
.brand-mark{font-family:Georgia,serif;font-size:21px;color:var(--navy)}
.primary:hover,.auth-button:hover,.pro-footer button:hover{background:var(--green);border-color:var(--green)}
.hero{background:radial-gradient(circle at 75% 40%,rgba(198,161,91,.10),transparent 28%)}
.modal{background:rgba(17,17,17,.68)}

/* Diseño VIGNA V203 aprobado: negro, dorado brillante, verde y blanco */
:root{
  --navy:#090b0a;
  --navy2:#0f6b43;
  --gold:#f4c64f;
  --cream:#f6f5f0;
  --ink:#171917;
  --muted:#656a65;
  --line:#dedfd9;
  --green:#11804d;
  --shadow:0 18px 50px rgba(0,0,0,.24);
}

.topbar{
  height:86px;
  background:linear-gradient(105deg,#080a09,#101512 62%,#07140d);
  border-bottom:1px solid rgba(244,198,79,.75);
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.brand{gap:14px}.brand strong{font-family:Georgia,serif;font-size:26px;letter-spacing:.24em;background:linear-gradient(110deg,#b77b12,#fff0a4 43%,#f4b929 70%,#fff1a9);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(244,198,79,.22)}
.brand small{color:#d6d4c9}.brand-mark{position:relative;width:50px;height:50px;border:2px solid #eebd3d;border-radius:10px;background:linear-gradient(145deg,#191b19,#050605);color:#f6cf62!important;font-size:28px;box-shadow:inset 0 0 16px rgba(244,198,79,.13),0 0 14px rgba(244,198,79,.22)}
.brand-mark:after{content:"1";position:absolute;right:9px;bottom:7px;font:700 18px Georgia,serif;color:#f8d66d}
.desktop-nav{gap:22px}.nav-link{position:relative;color:#f1f0e9;background:transparent!important;border-radius:0;padding:12px 9px}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:3px;border-radius:3px;background:#68f39e;box-shadow:0 0 10px rgba(104,243,158,.7)}
.auth-button{background:#0d7046!important;border:1px solid #39aa72!important;color:#fff!important;box-shadow:0 0 14px rgba(23,128,77,.25)}
.notification-button{background:#111511;border-color:#d8aa39;color:#f3c64d}.role-switch{background:#111!important;border-color:#d8aa39!important;color:#fff!important}

#view-inicio{background:#070908;color:#fff}
#view-inicio .hero{position:relative;isolation:isolate;max-width:none;min-height:590px;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background-image:linear-gradient(90deg,rgba(4,6,5,.98) 0%,rgba(4,8,6,.91) 39%,rgba(4,10,7,.52) 64%,rgba(2,4,3,.14) 100%),url("assets/vigna-hero-construccion.png");background-size:cover;background-position:center right;border-bottom:1px solid rgba(244,198,79,.7)}
#view-inicio .hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 49% 58%,rgba(17,128,77,.22),transparent 31%)}
#view-inicio .hero-copy{max-width:670px}
#view-inicio .hero h1{max-width:650px;color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.72)}
#view-inicio .hero h1 span{display:block;background:linear-gradient(105deg,#c78312,#fff0a5 42%,#e9a923 70%,#ffe994);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
#view-inicio .hero p{color:#eceeea;text-shadow:0 2px 12px #000}
#view-inicio .eyebrow,#view-inicio .trust-row{color:#70e89e}
#view-inicio .hero-actions .primary{background:#080a09;border:1px solid #f4c64f;box-shadow:inset 0 0 0 1px rgba(255,236,151,.24),0 0 12px rgba(244,198,79,.22)}
#view-inicio .hero-actions .secondary{background:rgba(8,12,9,.76);border:1px solid #f4c64f;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,236,151,.14)}
#view-inicio .hero-actions button:hover{background:#0f6b43!important;border-color:#66e69a!important}
#view-inicio .quick-card{border:1px solid rgba(244,198,79,.85);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 24px rgba(244,198,79,.12)}
#view-inicio .quick-card h2{color:#090b0a}
#view-inicio .quick-card .primary{background:linear-gradient(110deg,#0b5c39,#11804d);border-color:#39ad73;box-shadow:0 8px 20px rgba(17,128,77,.3)}

#view-inicio>.section-wrap:not(.muted-section){max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:linear-gradient(120deg,#060807,#07140d 55%,#090b09);border-bottom:1px solid rgba(244,198,79,.45)}
#view-inicio .section-heading h2{color:#fff}
#view-inicio .mode-card{background:linear-gradient(135deg,#0a0d0b,#0b1e15);border:1px solid #e7b73e;box-shadow:inset 0 0 25px rgba(17,128,77,.08),0 12px 30px rgba(0,0,0,.3)}
#view-inicio .mode-card.featured{background:linear-gradient(135deg,#07110c,#0b3825)}
#view-inicio .mode-card h3,#view-inicio .mode-card button{color:#fff}
#view-inicio .mode-card p{color:#d5d9d4}
#view-inicio .mode-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:#fff0a5;background:radial-gradient(circle at 35% 25%,#fff2a8,#d29316 42%,#714200 72%);box-shadow:inset 0 0 12px #fff4b3,0 0 16px rgba(244,198,79,.28)}
#view-inicio .badge{color:#effff5;background:#0f6b43;border:1px solid #63dc93}
.vigna-trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1180px;margin:0 auto;padding:24px;color:#fff;background:#070908}
.vigna-trust-stats>div{display:flex;gap:12px;align-items:center;padding:6px 22px;border-right:1px solid rgba(244,198,79,.55)}.vigna-trust-stats>div:last-child{border-right:0}.vigna-trust-stats b{display:grid;place-items:center;width:39px;height:39px;border:2px solid #f4c64f;border-radius:50%;color:#f8d566;font-size:18px}.vigna-trust-stats span,.vigna-trust-stats strong,.vigna-trust-stats small{display:block}.vigna-trust-stats strong{color:#f6c84f}.vigna-trust-stats small{color:#d6dbd6;margin-top:3px}
#view-inicio .muted-section{background:linear-gradient(180deg,#f8f8f5,#efefe9);color:var(--ink)}
#view-inicio .muted-section .section-heading h2{color:#090b0a}

.primary{background:#090b0a;border-color:#e3b23c}.primary:hover,.pro-footer button:hover{background:#0f6b43!important;border-color:#55cc87!important}.secondary{border-color:#d8aa39}.eyebrow{color:#b9851b}.status.active,.activation-payment-status.ready,.activation-payment-status.success{background:#e4f5eb;color:#08643b}.modal{background:rgba(0,0,0,.78)}

@media(max-width:850px){.topbar{height:68px}.brand strong{font-size:19px}.brand-mark{width:39px;height:39px;font-size:22px}.brand-mark:after{font-size:14px;right:7px;bottom:5px}#view-inicio .hero{min-height:auto;padding:48px 20px;background-position:67% center}#view-inicio .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.37)}.vigna-trust-stats{grid-template-columns:1fr 1fr}.vigna-trust-stats>div:nth-child(2){border-right:0}}
@media(max-width:560px){#view-inicio .hero{background-position:72% center}#view-inicio .hero h1 span{display:inline}.vigna-trust-stats{grid-template-columns:1fr}.vigna-trust-stats>div{border-right:0;border-bottom:1px solid rgba(244,198,79,.35);padding:12px}.vigna-trust-stats>div:last-child{border-bottom:0}}

/* VIGNA V204: identidad visual consistente en todas las áreas */
main>.view.section-wrap{
  max-width:none;
  min-height:calc(100vh - 86px);
  padding-left:max(24px,calc((100vw - 1180px)/2));
  padding-right:max(24px,calc((100vw - 1180px)/2));
  background:
    radial-gradient(circle at 88% 8%,rgba(17,128,77,.2),transparent 27%),
    linear-gradient(135deg,#070908 0%,#0b0f0c 55%,#07170f 100%);
  color:#f7f6ef;
}
main>.view.section-wrap.narrow{
  padding-left:max(24px,calc((100vw - 900px)/2));
  padding-right:max(24px,calc((100vw - 900px)/2));
}
main>.view.section-wrap:before{
  content:"";
  position:fixed;
  inset:86px 0 0;
  pointer-events:none;
  background-image:linear-gradient(rgba(244,198,79,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(244,198,79,.022) 1px,transparent 1px);
  background-size:46px 46px;
}
main>.view.section-wrap>*{position:relative}
.page-title h1,.dashboard-head h1,main>.view.section-wrap .section-heading h2{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.5)}
.page-title p,.dashboard-head p{color:#d5d9d4}
main>.view.section-wrap .eyebrow{color:#67e596}

.search-panel,.request-form,.request-item,.profile-summary,.account-content,.panel,.stats-grid article,.client-quote,.claim-card,.project-card,.chat-link,.empty-state{
  border-color:rgba(244,198,79,.62);
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.search-panel{background:rgba(255,255,255,.985);padding:17px;border-radius:14px}
.search-panel input,.search-panel select{border-color:#d8d5c8}
.search-panel .primary{background:#080a09;border:1px solid #f4c64f}
.result-line{color:#fff}.result-line select{color:#f2cb61;background:#0b0f0c;border:1px solid rgba(244,198,79,.45);border-radius:8px;padding:9px 12px}

.professional-card{border-color:rgba(244,198,79,.7);box-shadow:0 16px 38px rgba(0,0,0,.3)}
.professional-card:hover{border-color:#68df97;box-shadow:0 18px 46px rgba(17,128,77,.24)}
.professional-card .avatar{background:linear-gradient(145deg,#050605,#123d29);border:1px solid #efbd3d;color:#f6cc59}
.professional-card .pro-footer button{border:1px solid #e8b83d}

.request-form{background:rgba(255,255,255,.99);color:var(--ink)}
.request-form .step>span{background:linear-gradient(145deg,#080a09,#0d6b43);border:1px solid #f2c34b}
.request-form .choice span{background:#fff;border-color:#d9d8d0}
.request-form .choice input:checked+span{border-color:#d7a72f;background:linear-gradient(135deg,#fffdf5,#eff9f2);box-shadow:inset 4px 0 #12804d}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus,.search-panel input:focus,.search-panel select:focus{border-color:#13804e;box-shadow:0 0 0 3px rgba(17,128,77,.14)}
.request-form .commission-note{background:linear-gradient(100deg,#fdf8e8,#edf8f1);border-left-color:#efbc3f}

.request-item{background:#fff;color:var(--ink);border-left:4px solid #dcae3b}
.request-item:hover{border-left-color:#14814f;box-shadow:0 18px 45px rgba(17,128,77,.2)}
.client-quotes-section>.section-heading{border-bottom:1px solid rgba(244,198,79,.35);margin-bottom:18px}
.client-quote{background:#fff;color:var(--ink)}

.profile-summary,.account-content{background:rgba(255,255,255,.99);color:var(--ink)}
.profile-summary{border-top:4px solid #14814f}
.profile-summary .avatar.large{background:linear-gradient(145deg,#050605,#123d29);border:2px solid #efbd3d;color:#f6cc59;box-shadow:0 0 20px rgba(244,198,79,.2)}
.account-content{border-top:4px solid #e7b53b}
.settings-list button{transition:.18s}.settings-list button:hover{padding-left:13px;background:#eef8f2;color:#09643d}
.account-payment-method{border-color:#d6a932;background:linear-gradient(135deg,#fffdf8,#eef8f2)}

.dashboard-head .subscription-pill{background:linear-gradient(145deg,#0a0d0b,#0b3825);border-color:#e6b63b;box-shadow:0 14px 35px rgba(0,0,0,.28)}
.dashboard-head .subscription-pill span,.dashboard-head .subscription-pill small{color:#d9ddd8}.dashboard-head .subscription-pill strong{color:#f6ca55}
.stats-grid article{background:rgba(255,255,255,.985);border-top:3px solid #dcae3b}.stats-grid article:nth-child(even){border-top-color:#14814f}
.panel{background:rgba(255,255,255,.99);color:var(--ink)}
.panel-head{border-bottom-color:#d9d4c5}.panel-head h2,.panel h2,.panel h3{color:#090b0a}
.opportunity{transition:.18s}.opportunity:hover{padding-left:10px;background:#f0f8f3}
.admin-review,.admin-requests,.admin-payments,.admin-projects,.admin-claims{border-top:3px solid #dbae38}

.modal-card{border:1px solid #e4b43a;box-shadow:0 28px 90px rgba(0,0,0,.58)}
.modal-card:before{content:"";display:block;position:absolute;left:0;right:0;top:0;height:5px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#0d6d44,#67e596 32%,#f2c246 65%,#fff0a0)}
.modal-close{color:#090b0a}.modal-close:hover{color:#0f7b4a}
.modal-card .eyebrow{color:#a87513}
.auth-brand .brand-mark{background:#080a09}.auth-brand strong{color:#090b0a;letter-spacing:.16em}
.auth-tabs button.active{color:#09643d;border-color:#14814f}
.google-button{border-color:#d3a32e}.google-button:hover{background:#f2f9f4}
.notification-item.unread{background:#edf8f1;border-left:3px solid #16804f}
.chat-messages{background:#f0f3ef}.chat-bubble.mine{background:#e0f3e8;border-color:#97cfad}
.quote-totals,.opportunity-summary{background:linear-gradient(135deg,#f7f4eb,#eef8f2)}
.payment-amount{background:linear-gradient(120deg,#fff8dc,#edf8f1)}
.toast{background:linear-gradient(105deg,#070908,#0e6540);border:1px solid #e8b83d;box-shadow:0 16px 42px rgba(0,0,0,.4)}

.legal-footer{background:#060807;color:#cfd3ce;border-top:1px solid rgba(244,198,79,.45)}.legal-footer button{color:#f2c54e}
.mobile-nav{background:#070908;border-top:1px solid #dcae3b}.mobile-nav button{color:#e7e7df}.mobile-nav button.active{color:#69e699}

@media(max-width:850px){main>.view.section-wrap{min-height:calc(100vh - 68px);padding:48px 20px 90px}main>.view.section-wrap:before{inset:68px 0 0}.account-layout{grid-template-columns:1fr}.dashboard-head{align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.search-panel{background:#fff}.modal-card{border-radius:14px}}

/* VIGNA V205: panel profesional con el lenguaje visual de las tarjetas de inicio */
.professional-card{color:var(--ink)}
.professional-card .skills span{color:#2e332f;background:#f4f3ed;border:1px solid #ece9df}
.professional-card .pro-meta,.professional-card .pro-footer span,.professional-card .pro-footer small{color:#5f675f}
.professional-card .pro-footer strong{color:#090b0a}

#view-profesional .panel,#view-admin .panel{
  color:#f7f7f2;
  background:linear-gradient(135deg,#080b09 0%,#0b1710 58%,#0a2d1e 100%);
  border:1px solid #e5b438;
  box-shadow:inset 0 0 32px rgba(17,128,77,.08),0 18px 46px rgba(0,0,0,.34);
}
#view-profesional .panel:before,#view-admin .panel:before{
  content:"";
  display:block;
  height:3px;
  margin:-23px -23px 20px;
  border-radius:15px 15px 0 0;
  background:linear-gradient(90deg,#e2aa26,#fff0a2 34%,#36c779 68%,#0e6b42);
}
#view-profesional .panel-head,#view-admin .panel-head{border-bottom-color:rgba(244,198,79,.42)}
#view-profesional .panel h2,#view-profesional .panel h3,#view-profesional .panel strong,#view-profesional .panel b,
#view-admin .panel h2,#view-admin .panel h3,#view-admin .panel strong,#view-admin .panel b{color:#fff}
#view-profesional .panel p,#view-profesional .panel small,#view-profesional .panel label,#view-profesional .panel span,
#view-admin .panel p,#view-admin .panel small,#view-admin .panel label,#view-admin .panel span{color:#cfd6d0}
#view-profesional .panel .eyebrow,#view-admin .panel .eyebrow{color:#62e493}
#view-profesional .panel .status,#view-admin .panel .status{color:#f7d76c;background:#2c260f;border:1px solid rgba(244,198,79,.55)}
#view-profesional .panel .status.active,#view-admin .panel .status.active{color:#78eca4;background:#0a3824;border-color:#2cae69}
#view-profesional .panel .primary,#view-admin .panel .primary{background:#070908;border:1px solid #efbd3d;color:#fff}
#view-profesional .panel .secondary,#view-admin .panel .secondary{background:#0b1710;border:1px solid #efbd3d;color:#fff}
#view-profesional .panel .primary:hover,#view-profesional .panel .secondary:hover,#view-admin .panel .primary:hover,#view-admin .panel .secondary:hover{background:#0f7046!important;border-color:#5cda8e!important}
#view-profesional .panel input,#view-profesional .panel select,#view-profesional .panel textarea,#view-admin .panel input,#view-admin .panel select,#view-admin .panel textarea{color:#171917;background:#fff;border-color:#d8b54e}
#view-profesional .opportunity,#view-profesional .professional-contract,#view-profesional .payment-row,#view-admin .opportunity,#view-admin .professional-contract,#view-admin .payment-row{border-bottom-color:rgba(244,198,79,.27)}
#view-profesional .opportunity:hover,#view-admin .opportunity:hover{padding-left:10px;background:rgba(17,128,77,.14)}
#view-profesional .calc-row,#view-admin .calc-row{border-top-color:rgba(244,198,79,.3)}
#view-profesional .calc-row.total,#view-admin .calc-row.total{color:#f4c64f}

#view-profesional .stats-grid article,#view-admin .stats-grid article{
  position:relative;
  overflow:hidden;
  min-height:125px;
  padding:22px 20px 20px 76px;
  color:#fff;
  background:linear-gradient(140deg,#080b09,#0b1710 58%,#0a2c1d);
  border:1px solid #e6b538;
  box-shadow:inset 0 0 26px rgba(17,128,77,.08),0 15px 36px rgba(0,0,0,.3);
}
#view-profesional .stats-grid article:nth-child(even),#view-admin .stats-grid article:nth-child(even){background:linear-gradient(140deg,#080b09,#0b2117 58%,#0d3b28);border-color:#36b873}
#view-profesional .stats-grid article:before,#view-admin .stats-grid article:before{
  position:absolute;
  left:18px;
  top:27px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff1a5;
  font-size:20px;
  background:radial-gradient(circle at 35% 25%,#fff2a8,#d29316 42%,#714200 72%);
  box-shadow:inset 0 0 10px #fff3ac,0 0 15px rgba(244,198,79,.28);
}
#view-profesional .stats-grid article:nth-child(1):before,#view-admin .stats-grid article:nth-child(1):before{content:"◆"}
#view-profesional .stats-grid article:nth-child(2):before,#view-admin .stats-grid article:nth-child(2):before{content:"▤"}
#view-profesional .stats-grid article:nth-child(3):before,#view-admin .stats-grid article:nth-child(3):before{content:"S/";font-size:13px;font-weight:800}
#view-profesional .stats-grid article:nth-child(4):before,#view-admin .stats-grid article:nth-child(4):before{content:"★"}
#view-profesional .stats-grid article span,#view-profesional .stats-grid article small,#view-admin .stats-grid article span,#view-admin .stats-grid article small{color:#cfd5d0}
#view-profesional .stats-grid article strong,#view-admin .stats-grid article strong{color:#fff}

#view-profesional .account-payment-method,#view-admin .account-payment-method{background:rgba(255,255,255,.04);border-color:rgba(244,198,79,.5)}
#view-profesional .empty-state,#view-admin .empty-state{color:#cdd4ce;background:rgba(255,255,255,.035);border-color:rgba(244,198,79,.35)}

@media(max-width:700px){#view-profesional .stats-grid article,#view-admin .stats-grid article{padding-left:72px}}

/* VIGNA V206: contraste seguro en reclamos, proyectos y tarjetas internas */
#view-profesional .panel .claim-card,#view-admin .panel .claim-card,
#view-profesional .panel .project-card,#view-admin .panel .project-card,
#view-profesional .panel .client-quote,#view-admin .panel .client-quote,
#view-profesional .panel .chat-link,#view-admin .panel .chat-link{
  color:#f7f7f2;
  background:linear-gradient(135deg,#0b0e0c,#0b2117 68%,#0d3423);
  border:1px solid rgba(244,198,79,.72);
  box-shadow:inset 0 0 24px rgba(17,128,77,.08),0 10px 26px rgba(0,0,0,.24);
}
#view-profesional .panel .claim-card h3,#view-admin .panel .claim-card h3,
#view-profesional .panel .project-card h3,#view-admin .panel .project-card h3,
#view-profesional .panel .client-quote h3,#view-admin .panel .client-quote h3,
#view-profesional .panel .chat-link strong,#view-admin .panel .chat-link strong{color:#fff}
#view-profesional .panel .claim-card p,#view-profesional .panel .claim-card small,
#view-admin .panel .claim-card p,#view-admin .panel .claim-card small,
#view-profesional .panel .project-card p,#view-profesional .panel .project-card small,
#view-admin .panel .project-card p,#view-admin .panel .project-card small,
#view-profesional .panel .client-quote p,#view-profesional .panel .client-quote small,
#view-admin .panel .client-quote p,#view-admin .panel .client-quote small{color:#d1d8d2}
#view-profesional .panel .claim-card b,#view-admin .panel .claim-card b,
#view-profesional .panel .price-breakdown b,#view-admin .panel .price-breakdown b{color:#f6cb59}
#view-profesional .panel .claim-card .status,#view-admin .panel .claim-card .status{color:#f7d76c;background:#29230d}
#view-profesional .panel .claim-card .status.active,#view-admin .panel .claim-card .status.active{color:#79eca5;background:#093722}
#view-profesional .panel .evidence-link,#view-admin .panel .evidence-link{color:#101310;background:#fff;border-color:#d9aa32}
#view-profesional .panel .evidence-link:hover,#view-admin .panel .evidence-link:hover{color:#fff;background:#0f7046}
#view-profesional .panel .evidence-name,#view-admin .panel .evidence-name{color:#e6ebe6;background:#17261d;border:1px solid #456450}
#view-profesional .panel .notice,#view-admin .panel .notice{color:#e8eee9;background:#123222;border:1px solid #2c8f5a}
#view-profesional .panel .notice b,#view-admin .panel .notice b{color:#7cf0a8}
#view-profesional .panel .completion-evidence,#view-admin .panel .completion-evidence{color:#e8eee9;background:#102e1f;border-color:#2e9560}
#view-profesional .panel .completion-evidence strong,#view-admin .panel .completion-evidence strong{color:#7cf0a8}
#view-profesional .panel .project-stage,#view-admin .panel .project-stage{border-bottom-color:rgba(244,198,79,.3)}
#view-profesional .panel .project-stage strong,#view-admin .panel .project-stage strong{color:#fff}
#view-profesional .panel .change-order,#view-profesional .panel .create-project-row,
#view-admin .panel .change-order,#view-admin .panel .create-project-row{color:#e5eae5;background:#14241a;border:1px solid rgba(244,198,79,.28)}
#view-profesional .panel .progress-track,#view-admin .panel .progress-track{background:#263229}
#view-profesional .panel .progress-track span,#view-admin .panel .progress-track span{background:linear-gradient(90deg,#0f7046,#66e396)}

/* VIGNA V207: enlaces y acciones secundarias visibles sobre paneles oscuros */
#view-profesional .panel-head>button,#view-admin .panel-head>button,
#view-profesional .panel .text-button,#view-admin .panel .text-button{
  color:#f6cb59;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(246,203,89,.62);
  padding:4px 2px;
  font-weight:800;
  text-shadow:0 0 12px rgba(244,198,79,.18);
}
#view-profesional .panel-head>button:hover,#view-profesional .panel-head>button:focus-visible,
#view-admin .panel-head>button:hover,#view-admin .panel-head>button:focus-visible,
#view-profesional .panel .text-button:hover,#view-profesional .panel .text-button:focus-visible,
#view-admin .panel .text-button:hover,#view-admin .panel .text-button:focus-visible{
  color:#72eda3;
  border-bottom-color:#55db8d;
  outline:none;
}

/* VIGNA V208: solicitudes administrativas legibles y coherentes */
#view-admin .admin-requests .request-item{
  color:#f7f7f2;
  background:linear-gradient(135deg,#090d0a,#0b2117 72%,#0c3020);
  border:1px solid rgba(244,198,79,.78);
  border-left:4px solid #e9b735;
  box-shadow:inset 0 0 24px rgba(17,128,77,.08),0 10px 25px rgba(0,0,0,.24);
}
#view-admin .admin-requests .request-item:nth-child(even){border-left-color:#48d788}
#view-admin .admin-requests .request-item:hover{background:linear-gradient(135deg,#0b120d,#0d2c1d 72%,#0e3a27);border-left-color:#62e493}
#view-admin .admin-requests .request-item h3{color:#fff}
#view-admin .admin-requests .request-item p,#view-admin .admin-requests .request-item small{color:#d5ddd7}
#view-admin .admin-requests .request-item .status.active{color:#7cf0a8;background:#0a3824;border-color:#32b970}

/* VIGNA V209: comprobantes y encabezados financieros con contraste alto */
#view-admin .admin-payments .subscription-receipt-button{
  color:#f6cb59;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(246,203,89,.72);
  padding:4px 1px;
  font-weight:800;
  text-decoration:none;
}
#view-admin .admin-payments .subscription-receipt-button:hover,
#view-admin .admin-payments .subscription-receipt-button:focus-visible{
  color:#72eda3;
  border-bottom-color:#55db8d;
  outline:none;
}
#view-admin .table-wrap th{color:#aebbb1;font-weight:800}
#view-admin .table-wrap td{color:#f5f7f3;border-bottom-color:rgba(244,198,79,.27)}
#view-admin .table-wrap tr:hover td{background:rgba(17,128,77,.1)}

/* VIGNA V210: prioridad definitiva para botones dinámicos de comprobantes */
#view-admin #adminPaymentList .payment-row button.subscription-receipt-button{
  display:inline-block;
  color:#ffe47f!important;
  background:#241c06!important;
  border:1px solid #e5b438!important;
  border-radius:7px;
  padding:7px 10px!important;
  margin-top:10px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none!important;
  opacity:1!important;
}
#view-admin #adminPaymentList .payment-row button.subscription-receipt-button:hover,
#view-admin #adminPaymentList .payment-row button.subscription-receipt-button:focus-visible{
  color:#fff!important;
  background:#0f7046!important;
  border-color:#62e493!important;
  outline:2px solid rgba(98,228,147,.32);
  outline-offset:2px;
}

/* VIGNA V211: panel del cliente completamente oscuro y legible */
#view-solicitudes .request-item,#view-solicitudes .client-quote,
#view-solicitudes .claim-card,#view-solicitudes .chat-link,
#view-solicitudes .project-card,#view-solicitudes .create-project-row{
  color:#f7f7f2;
  background:linear-gradient(135deg,#080b09,#0b2117 70%,#0d3423);
  border:1px solid rgba(244,198,79,.8);
  box-shadow:inset 0 0 25px rgba(17,128,77,.08),0 12px 30px rgba(0,0,0,.28);
}
#view-solicitudes .request-item:nth-child(even),#view-solicitudes .client-quote:nth-child(even),
#view-solicitudes .chat-link:nth-child(even),#view-solicitudes .project-card:nth-child(even){border-color:#43cb7f}
#view-solicitudes .request-item{border-left:4px solid #e7b536}
#view-solicitudes .request-item:nth-child(even){border-left-color:#45d184}
#view-solicitudes .request-item h3,#view-solicitudes .client-quote h3,
#view-solicitudes .claim-card h3,#view-solicitudes .chat-link strong,
#view-solicitudes .project-card h3,#view-solicitudes .create-project-row strong{color:#fff}
#view-solicitudes .request-item p,#view-solicitudes .request-item small,
#view-solicitudes .client-quote p,#view-solicitudes .client-quote small,
#view-solicitudes .claim-card p,#view-solicitudes .claim-card small,
#view-solicitudes .chat-link small,#view-solicitudes .project-card p,
#view-solicitudes .project-card small,#view-solicitudes .create-project-row small{color:#d3dbd5}
#view-solicitudes .client-quote-head>strong,#view-solicitudes .project-header>strong,
#view-solicitudes .price-breakdown b,#view-solicitudes .claim-card b{color:#f6cb59}
#view-solicitudes .price-breakdown span{color:#cbd4cd}
#view-solicitudes .status{color:#f8d86c;background:#2b240d;border:1px solid rgba(244,198,79,.58)}
#view-solicitudes .status.active{color:#7df0a8;background:#0a3824;border-color:#32b970}
#view-solicitudes .status.cancelled{color:#ffaaa4;background:#3c1513;border-color:#b8443e}
#view-solicitudes .primary,#view-solicitudes .secondary{
  color:#fff;
  background:#070908;
  border:1px solid #efbd3d;
}
#view-solicitudes .primary:hover,#view-solicitudes .secondary:hover{background:#0f7046;border-color:#62e493}
#view-solicitudes .notice,#view-solicitudes .completion-evidence{
  color:#e9f0eb;
  background:#103020;
  border:1px solid #31945f;
}
#view-solicitudes .notice b,#view-solicitudes .completion-evidence strong{color:#77eca3}
#view-solicitudes .evidence-name{color:#e4ebe6;background:#18271d;border:1px solid #496553}
#view-solicitudes .evidence-link{color:#101310;background:#fff;border-color:#d9aa32}
#view-solicitudes .project-stage{border-bottom-color:rgba(244,198,79,.3)}
#view-solicitudes .project-stage strong{color:#fff}
#view-solicitudes .progress-track{background:#263229}
#view-solicitudes .progress-track span{background:linear-gradient(90deg,#0f7046,#66e396)}
#view-solicitudes .change-order{
  color:#e6ece7;
  background:#14241a;
  border:1px solid rgba(244,198,79,.34);
}
#view-solicitudes .stars small{color:#d7ded8}

/* V213: navegación móvil VIGNA con contraste accesible */
@media(max-width:850px){
  body{padding-bottom:76px}
  .mobile-nav{
    min-height:70px;
    padding-bottom:env(safe-area-inset-bottom);
    background:#050806;
    border-top:1px solid #e7b536;
    box-shadow:0 -8px 24px rgba(0,0,0,.42);
  }
  .mobile-nav button{
    position:relative;
    flex:1;
    min-width:0;
    min-height:68px;
    padding:10px 4px 8px;
    color:#f2c84f;
    background:#050806;
    border-right:1px solid rgba(231,181,54,.22);
    font-size:18px;
    font-weight:800;
  }
  .mobile-nav button:last-child{border-right:0}
  .mobile-nav button span{
    color:#f4f7f5;
    font-size:11px;
    font-weight:700;
  }
  .mobile-nav button.active{
    color:#6aeba0;
    background:linear-gradient(180deg,#103522,#07120c);
  }
  .mobile-nav button.active:before{
    content:"";
    position:absolute;
    top:0;
    left:18%;
    right:18%;
    height:3px;
    border-radius:0 0 3px 3px;
    background:#58e994;
    box-shadow:0 0 12px rgba(88,233,148,.85);
  }
  .mobile-nav button.active span{color:#70eea4}
}

/* V214: escala compacta para teléfonos sin alterar escritorio */
@media(max-width:600px){
  body{font-size:14px;padding-bottom:68px}
  .topbar{height:60px;padding:0 12px}
  .brand{gap:8px}
  .brand-mark{width:35px;height:35px;font-size:19px}
  .brand strong{font-size:17px}
  .brand small{font-size:8px}
  .top-actions{gap:7px}
  .notification-button{width:36px;height:36px}
  .auth-button{padding:7px 10px}
  .hero,#view-inicio .hero{padding:32px 15px;gap:18px}
  .hero h1{font-size:34px;margin:9px 0 14px}
  .hero p{font-size:15px;line-height:1.5}
  .hero-actions{margin:20px 0;gap:8px}
  .section-wrap{padding:34px 14px}
  .page-title{margin-bottom:20px}
  .page-title h1,.account-content h1,.dashboard-head h1{font-size:32px;margin:8px 0}
  .page-title p,.dashboard-head p{font-size:14px;margin:6px 0}
  .dashboard-head{align-items:flex-start;gap:12px}
  .subscription-pill{padding:10px 16px}
  .subscription-pill strong{font-size:21px}
  .mode-grid,.professional-grid,.stats-grid{grid-template-columns:1fr;gap:12px}
  .mode-card,.professional-card,.panel,.request-form,.profile-summary,.account-content{border-radius:12px}
  .mode-card,.professional-card,.panel{padding:16px}
  .request-form,.profile-summary,.account-content{padding:19px}
  .profile-summary{min-height:0}
  .avatar.large{width:66px;height:66px;font-size:18px}
  .profile-summary h2{font-size:21px;margin-top:14px}
  .account-layout{gap:14px}
  .settings-list button{padding:15px 2px;font-size:14px}
  .stats-grid{margin:18px 0}
  .stats-grid article{padding:15px}
  .stats-grid strong{font-size:22px;margin:6px 0}
  .panel-head{padding-bottom:12px;align-items:center}
  .panel-head h2{font-size:21px}
  .opportunity{padding:14px 0}
  .opportunity h3{font-size:17px}
  .request-item,.client-quote,.claim-card,.chat-link,.project-card{padding:15px}
  .search-panel{grid-template-columns:1fr;padding:12px}
  .search-panel input{grid-column:auto}
  .modal{padding:10px}
  .modal-card{padding:20px;max-height:92vh;border-radius:13px}
  .modal-card h2,.project-modal-card h2{font-size:24px}
  .primary,.secondary{padding:11px 15px}
  .mobile-nav{min-height:62px}
  .mobile-nav button{min-height:61px;padding:8px 3px 6px;font-size:16px}
  .mobile-nav button span{font-size:10px}
}

/* V215: menú móvil superior; reemplaza la barra inferior */
.mobile-menu-button,.mobile-menu{display:none}
@media(max-width:850px){
  body{padding-bottom:0}
  .mobile-nav{display:none!important}
  .mobile-menu-button{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    padding:0 0 6px;
    border:1px solid #e7b536;
    border-radius:50%;
    background:#07100b;
    color:#f4c94f;
    font-size:27px;
    font-weight:800;
    line-height:1;
  }
  .mobile-menu-button[aria-expanded="true"]{
    color:#6aeba0;
    border-color:#58e994;
    box-shadow:0 0 12px rgba(88,233,148,.35);
  }
  .mobile-menu:not([hidden]){
    position:absolute;
    top:calc(100% + 1px);
    right:12px;
    display:grid;
    width:min(230px,calc(100vw - 24px));
    padding:7px;
    background:#050806;
    border:1px solid #e7b536;
    border-radius:0 0 12px 12px;
    box-shadow:0 14px 28px rgba(0,0,0,.55);
    z-index:31;
  }
  .mobile-menu button{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:13px 14px;
    border:0;
    border-bottom:1px solid rgba(231,181,54,.22);
    background:#050806;
    color:#f4f7f5;
    text-align:left;
    font-weight:700;
  }
  .mobile-menu button:last-child{border-bottom:0}
  .mobile-menu button span{width:22px;color:#f2c84f;text-align:center;font-size:18px}
  .mobile-menu button.active{color:#70eea4;background:#0e291a}
  .mobile-menu button.active span{color:#70eea4}
}
@media(max-width:600px){
  body{padding-bottom:0}
  .mobile-menu-button{width:34px;height:34px;font-size:25px}
  .mobile-menu:not([hidden]){right:8px}
}

/* V216: todos los bloques públicos respetan el ancho real del teléfono */
@media(max-width:850px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{width:100%;min-width:0}
  .brand{min-width:0;flex-shrink:1}
  .brand>span:last-child{min-width:0}
  .top-actions{min-width:0;flex-shrink:0}
  #view-inicio .hero{
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr);
    overflow:hidden;
  }
  #view-inicio .hero-copy,#view-inicio .quick-card{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  #view-inicio .hero h1,#view-inicio .hero p{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  #view-inicio .hero-actions{width:100%;min-width:0}
  #view-inicio .hero-actions button{max-width:100%;min-width:0}
  #view-inicio .quick-card input,#view-inicio .quick-card select,#view-inicio .quick-card button{max-width:100%;min-width:0}
}
@media(max-width:360px){
  .topbar{padding-left:8px;padding-right:8px}
  .brand{gap:6px}
  .brand-mark{width:32px;height:32px}
  .brand strong{font-size:14px;letter-spacing:.15em}
  .brand small{font-size:7px}
  .top-actions{gap:5px}
  .mobile-menu-button,.notification-button{width:32px;height:32px}
  .auth-button{padding:6px 8px;font-size:10px}
}