:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#233344;background:#f7f8f8;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.04em}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #caad72;outline-offset:3px}.eyebrow{display:block;color:#a67838;font-size:11px;font-weight:800;letter-spacing:.19em}.eyebrow.light{color:#d5bd8b}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid #cfb681;border-radius:12px;color:#ddbe7d;font-size:25px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:23px;letter-spacing:-.055em;font-weight:500}.brand small{margin-top:2px;color:#aab8b7;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;align-self:start;height:100vh;padding:30px 18px 22px;background:#122b34;color:#f6f7f1;z-index:30}.sidebar .brand{padding:4px 10px 41px}.nav-label{padding:0 15px 12px;color:#879fa4;font-size:10px;font-weight:800;letter-spacing:.17em}.main-nav{display:grid;gap:5px}.main-nav a{display:flex;align-items:center;gap:15px;padding:14px 15px;border-radius:10px;color:#b4c2c3;font-size:14px;font-weight:550;transition:background .2s,color .2s}.main-nav a span{width:20px;color:#c5b388;font-size:20px;text-align:center}.main-nav a:hover,.main-nav a.active{background:#26454c;color:white}.sidebar-bottom{margin-top:auto}.version-badge{display:flex;align-items:center;gap:9px;padding:15px;color:#aabec0;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73c7a8;box-shadow:0 0 0 4px #73c7a820}.account-link{display:flex;align-items:center;gap:11px;padding:14px 10px;border-top:1px solid #35505a}.avatar,.details-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#c8aa73;color:#172e35;font-weight:750;text-transform:uppercase}.account-identity{min-width:0}.account-identity strong,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity strong{font-size:12px}.account-identity small{color:#9cadb1;font-size:11px;margin-top:2px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(20px,4vw,62px);background:#fff;border-bottom:1px solid #e7ecea}.breadcrumb{font-size:13px;color:#91a1a4}.breadcrumb span{margin:0 9px;color:#b8c6c5}.breadcrumb strong{color:#203945;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.top-actions form{margin:0}.environment{border:1px solid #c4dfd3;background:#f1faf5;border-radius:99px;padding:5px 9px;color:#548b78;font-size:10px;font-weight:800;letter-spacing:.1em}.signout{border:0;background:none;color:#6d8388;font-size:12px;font-weight:600}.signout:hover{color:#1a343f}.content{flex:1}.footer{padding:22px 30px;color:#9aa7a7;font-size:11px;text-align:center}.footer span{padding:0 7px}.menu-toggle{display:none}.mobile-overlay{display:none}
.page-container{max-width:1250px;margin:0 auto;padding:42px clamp(20px,4vw,62px) 30px}.page-container.narrow{max-width:890px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.page-heading .eyebrow{margin-bottom:12px}.page-heading h1{font-family:Georgia,serif;font-size:clamp(29px,3.2vw,40px);font-weight:500;color:#203842;margin-bottom:7px}.page-heading p{margin:0;color:#798d91;font-size:14px}.date-chip{white-space:nowrap;border:1px solid #e3e9e7;border-radius:9px;padding:10px 14px;background:white;color:#7b898d;font-size:12px}.welcome-panel{position:relative;overflow:hidden;min-height:257px;padding:38px 40px;color:#f5f7f4;border-radius:17px;background:linear-gradient(106deg,#173b46 4%,#255d62 100%)}.welcome-panel>div:first-child{position:relative;z-index:1;max-width:560px}.welcome-panel h2{margin:13px 0 8px;font-family:Georgia,serif;font-size:29px;font-weight:500}.welcome-panel p{max-width:480px;font-size:13px;line-height:1.7;color:#c6d8d5}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:0;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.button.white{margin-top:10px;background:#f4f3ed;color:#24464c}.button.primary{background:#24535b;color:white}.button:hover{filter:brightness(1.08)}.button.full{width:100%;justify-content:space-between;padding:15px 17px}.welcome-orbit{position:absolute;right:-100px;top:-145px;width:570px;height:570px;transform:rotate(-20deg)}.welcome-orbit i,.orbit-art span{position:absolute;inset:0;border:1px solid #e1ce9955;border-radius:50%;transform:scale(.91,.63)}.welcome-orbit i:nth-child(2){transform:scale(.67,.45)}.welcome-orbit i:nth-child(3){transform:scale(.42,.26)}.dashboard-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:22px}.card{background:#fff;border:1px solid #e5e9e8;border-radius:15px;box-shadow:0 5px 22px #20394207}.stat-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:25px 28px}.card-icon,.module-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#f1eee6;color:#a78143;font-size:22px}.stat-card .eyebrow{margin-bottom:8px}.stat-number{font-family:Georgia,serif;font-size:51px;line-height:1.1;color:#1f3a42}.stat-card p{margin:5px 0 0;color:#879597;font-size:12px}.small-badge{border-radius:99px;background:#f1f5f2;padding:7px 10px;color:#739082;font-size:10px;font-weight:700}.stat-card>.small-badge{position:absolute;right:23px;top:27px}.quick-card{padding:25px 28px}.quick-card h2,.recent h2{font-family:Georgia,serif;color:#25414a;font-size:24px;font-weight:500;margin:8px 0 17px}.quick-link{display:flex;align-items:center;gap:14px;border-top:1px solid #edf0ee;padding:13px 0;color:#52747a;font-size:18px}.quick-link>span:nth-child(2){flex:1}.quick-link strong,.quick-link small{display:block}.quick-link strong{color:#27434c;font-size:13px}.quick-link small{margin-top:4px;color:#93a1a2;font-size:11px}.quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#eaf2ef;color:#568977}.quick-icon.muted{background:#f3f1eb;color:#ad8f60}.recent{margin-top:22px;padding:26px 28px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{margin-bottom:14px}.client-row{display:flex;align-items:center;gap:14px;padding:13px 4px;border-top:1px solid #edf0ee}.client-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f0f3ee;color:#8a9b83}.client-row>div{flex:1;min-width:0}.client-row strong,.client-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-row strong{font-size:13px;font-weight:650}.client-row small,.client-date{font-size:11px;color:#94a2a2}.client-row small{margin-top:4px}.empty-state{color:#829396;font-size:13px}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.module-card{position:relative;min-height:180px;padding:22px 24px}.module-card h2{font-family:Georgia,serif;font-size:19px;font-weight:500;margin:18px 0 7px}.module-card p{font-size:12px;color:#859397;line-height:1.5;margin:0}.coming{position:absolute;top:24px;right:23px;color:#9caaab;font-size:11px}.details-card{padding:32px;max-width:620px}.details-avatar{width:58px;height:58px;font-size:26px}.details-card h2{font-family:Georgia,serif;font-weight:500;margin:16px 0 27px}.detail{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #edf0ee;padding:17px 0;font-size:13px}.detail span{color:#8a9a9c}.detail strong{font-weight:600;text-align:right;overflow-wrap:anywhere}.privacy-note{font-size:12px;color:#7d9891;margin:20px 0 0}.missing{text-align:center;padding:50px}.missing h1{font-family:Georgia,serif;font-weight:500}
.login-layout{display:grid;grid-template-columns:52% 48%;min-height:100vh}.login-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:40px clamp(25px,5vw,76px);background:#163841;color:white}.brand-on-dark{position:relative;z-index:1}.orbit-art{position:absolute;inset:0;transform:translate(5%,6%)}.orbit-art span{inset:14% -10%;border-color:#e6d09536;transform:rotate(-31deg) scale(.8,1.1)}.orbit-art span:nth-child(2){transform:rotate(-31deg) scale(.62,.85)}.orbit-art span:nth-child(3){transform:rotate(-31deg) scale(.43,.59)}.orbit-art i{position:absolute;top:22%;right:25%;width:9px;height:9px;border-radius:50%;background:#ebcf8a;box-shadow:0 0 23px 8px #e8cc8b3c}.login-story{z-index:1;max-width:620px;padding:40px 0}.login-story h1{font-family:Georgia,serif;font-size:clamp(41px,5vw,69px);line-height:1.14;font-weight:400;margin:18px 0 22px}.login-story h1 em{font-weight:400;color:#e8d3a3}.login-story p{max-width:350px;line-height:1.7;font-size:14px;color:#c5d3d3}.login-bottom{position:relative;z-index:1;color:#b4c5c3;font-size:10px;letter-spacing:.15em}.login-bottom span{margin:0 8px;color:#c8b480}.login-side{display:flex;align-items:center;justify-content:center;padding:40px;background:#fafbf9}.login-card{width:min(100%,410px)}.login-card h2{font-family:Georgia,serif;color:#203841;font-size:34px;font-weight:500;margin:14px 0 10px}.login-card>p{color:#829499;font-size:13px;margin-bottom:37px}.login-form{display:flex;flex-direction:column}.login-form label{font-size:12px;font-weight:700;margin-bottom:9px}.login-form input:not([type=hidden]){width:100%;height:47px;padding:0 13px;border:1px solid #d8e0dd;border-radius:8px;background:white;color:#1b383f;margin-bottom:24px}.login-form input:focus{border-color:#a5c2b4}.login-form .button{margin-top:4px}.alert{border:1px solid #f0d0ca;border-radius:8px;background:#fff3f0;color:#9a5249;padding:12px;margin:-17px 0 24px;font-size:12px;line-height:1.5}.login-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#9caaa7;font-size:11px;margin-top:32px}.error-body{display:grid;place-items:center;min-height:100vh;padding:20px}.error-card{padding:40px;max-width:460px}.error-card h1{font-family:Georgia,serif;font-weight:500}.error-card p{line-height:1.6;color:#72878b;font-size:14px}
@media(max-width:1080px){.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-inline:11px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-orbit{right:-195px}}@media(max-width:750px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(290px,82vw);height:100dvh;transform:translateX(-101%);transition:transform .22s;box-shadow:15px 0 45px #172c3d24}.nav-open .sidebar{transform:translateX(0)}.mobile-overlay{display:block;position:fixed;inset:0;border:0;background:#071e2588;z-index:20;opacity:0;pointer-events:none;transition:opacity .22s}.nav-open .mobile-overlay{opacity:1;pointer-events:auto}.topbar{height:65px;padding:0 20px}.menu-toggle{display:block;border:0;background:transparent;color:#2c4c54;font-size:21px;padding:8px}.environment{display:none}.page-container{padding-top:28px}.page-heading{align-items:start}.date-chip{display:none}.dashboard-grid{grid-template-columns:1fr}.stat-card{min-height:195px}.welcome-orbit{opacity:.48}.login-layout{grid-template-columns:1fr}.login-intro{min-height:240px;padding:25px 28px}.login-story{padding:18px 0 6px}.login-story h1{font-size:33px;margin:8px 0}.login-story p,.login-bottom{display:none}.orbit-art{inset:0;transform:translate(30%,-14%)}.login-side{align-items:start;min-height:calc(100vh - 240px);padding:42px 25px}.login-card>p{margin-bottom:30px}}@media(max-width:520px){.page-heading h1{font-size:29px}.welcome-panel{padding:28px 25px;min-height:240px}.welcome-panel h2{font-size:25px}.module-grid{grid-template-columns:1fr}.module-card{min-height:145px}.top-actions{gap:5px}.breadcrumb{font-size:12px}.client-date{display:none}.detail{display:block}.detail strong{display:block;text-align:left;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Fase 2 · gestión de clientes */
.notice{background:#ecf7f0;border:1px solid #b9d7c5;color:#30634a;padding:14px 17px;border-radius:10px;margin-bottom:20px;font-size:13px}.filter-card{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:20px;margin-bottom:20px}.filter-card label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#617b80}.filter-card label:first-of-type{flex:2;min-width:220px}.filter-card select,.filter-card input,.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;min-height:40px;padding:9px 11px;background:#fff;border:1px solid #d7e0df;border-radius:8px;color:#25434a}.filter-card .button{min-height:40px}.result-card{overflow:hidden}.result-heading,.pagination{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 22px;font-size:12px;color:#7d9393}.result-heading strong{color:#304d53}.result-card .empty-state{padding:20px 22px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px;min-width:760px}.data-table th,.data-table td{text-align:left;padding:13px 18px;border-top:1px solid #edf0ee}.data-table th{white-space:nowrap;background:#fafbf9;color:#819499;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.data-table td{color:#526d72}.table-link,.back-link{color:#245d62;font-weight:700}.table-link:hover,.back-link:hover{text-decoration:underline}.pagination{border-top:1px solid #edf0ee}.pagination a[aria-disabled]{pointer-events:none;opacity:.4}.back-link{display:inline-block;margin-bottom:22px;font-size:12px}.info-card,.form-section{padding:25px;margin-bottom:19px}.info-card h2,.form-section h2{font:500 23px Georgia,serif;color:#24414a;margin:0 0 20px}.info-card h1{font:500 31px Georgia,serif}.info-card p{line-height:1.6;color:#71858a;font-size:13px}.info-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.info-grid>div{padding:11px 0;border-top:1px solid #edf0ee;min-width:0}.info-grid span,.info-grid strong{display:block;font-size:12px}.info-grid span{color:#82999b;margin-bottom:5px}.info-grid strong{overflow-wrap:anywhere;color:#344e54;font-weight:600}.memo-text{white-space:pre-wrap;overflow-wrap:anywhere}.delete-link{display:inline-block;color:#a33d35;font-size:12px;margin:10px 0}.field{display:grid;gap:7px;font-size:12px;font-weight:650;color:#536d72}.field small{font-weight:400;color:#8c9b9d}.field textarea{resize:vertical;font:inherit;min-height:100px}.radio-field{border:0;margin:0;padding:0;display:flex;align-items:center;gap:15px}.radio-field legend{font-size:12px;margin-bottom:11px}.radio-field label,.checkbox-field{display:flex;align-items:center;gap:9px;font-size:12px;color:#536d72}.place-select{border-top:1px solid #edf0ee;margin-top:22px;padding-top:22px}.place-results{max-height:250px;overflow-y:auto;margin:8px 0}.place-results button{display:block;text-align:left;width:100%;padding:9px 12px;border:1px solid #edf0ee;background:white;color:#315259;font-size:12px}.place-results button:hover{background:#edf6f3}.place-preview{font-size:12px;color:#688487;line-height:1.6}.checkbox-field{margin-top:22px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin:22px 0 35px}.form-error{padding:14px;border-radius:8px;background:#fff0ee;color:#a3443a;margin:0 0 20px;font-size:13px}.button.danger{background:#ad493f;color:#fff}@media(max-width:650px){.info-grid,.form-grid{grid-template-columns:1fr}.filter-card{display:grid}.form-actions{justify-content:flex-start;flex-wrap:wrap}}
.place-more{margin-top:9px;border:1px solid #cddbd7;background:#edf5f2;color:#24535b}.place-more[hidden]{display:none}.place-more:disabled{opacity:.55;cursor:wait}.place-status{margin:9px 0;color:#678186;font-size:12px}
/* Fase 3: contenidor responsive de l'SVG original, sense tocar-ne els nodes */
.chart-page{max-width:1600px}.chart-heading{align-items:center}.chart-actions,.chart-controls,.chart-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-controls,.chart-options{padding:17px 20px;margin-bottom:18px;font-size:12px;color:#4b6971}.chart-controls form{margin:0}.chart-options .field{min-width:115px}.chart-options .field input,.chart-options .field select,.chart-controls .field select{height:40px;border:1px solid #d7e0df;border-radius:8px;padding:7px;background:#fff;color:#25434a}.chart-status{font-size:12px;color:#607e7d}.chart-frame{margin:auto;max-width:1100px;padding:22px;overflow:hidden}.chart-summary{text-align:center;color:#4c6b70;font-size:14px;font-weight:600;margin:0 0 12px}.chart-art{width:100%;max-width:950px;margin:auto}.chart-art svg{display:block;width:100%;height:auto;aspect-ratio:800/1160}.chart-credit{text-align:center;color:#829598;font-size:11px;margin:14px}.chart-guest{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;padding:17px 20px;border-radius:10px;background:#15353e;color:white}.chart-guest .back-link{color:#e5d2a9}.chart-expanded{position:fixed;inset:0;overflow:auto;z-index:100;background:#f8f9f8;padding:18px max(18px,2vw)}.chart-expanded .chart-frame{max-width:min(62vh,100%);padding:12px}.chart-expanded .chart-options,.chart-expanded .chart-controls,.chart-expanded .chart-credit,.chart-expanded>.back-link{display:none}.chart-expanded .chart-heading{margin:0 0 10px}.chart-expanded .chart-heading h1{font-size:25px}.chart-expanded .chart-art{max-width:none}.chart-expanded .chart-art svg{max-height:none}@media(max-width:750px){.chart-frame{padding:8px}.chart-options,.chart-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-actions{width:100%}.chart-page .chart-heading{display:block}.chart-expanded .chart-frame{max-width:100%}}@media print{@page{size:A4 portrait;margin:7mm}html,body{background:white!important}.shell{display:block!important}.workspace{display:block!important}.sidebar,.topbar,.footer,.mobile-overlay,.chart-guest,.chart-options,.chart-controls,.chart-actions,.chart-credit,.back-link,.chart-heading .eyebrow,.chart-heading p,.notice{display:none!important}.chart-page,.chart-expanded{position:static!important;max-width:none!important;padding:0!important;overflow:visible!important;background:#fff!important}.chart-heading{margin:0 0 3mm!important}.chart-heading h1{font-size:15pt!important}.chart-frame{border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important;overflow:visible!important}.chart-summary{font-size:10pt;margin:0 0 2mm}.chart-art{width:100%;max-width:170mm;margin:auto;break-inside:avoid}.chart-art svg{width:100%;height:auto}}
/* Tots els DIV i SVG originals comparteixen la composició fixa de 800 × 1160. */
.legacy-chart-viewport{position:relative;width:100%;aspect-ratio:800/1160;overflow:hidden;break-inside:avoid}.legacy-chart-composition{position:absolute;top:0;left:0;width:800px;height:1160px;transform-origin:top left;transform:scale(var(--legacy-chart-scale,1))}.chart-art .legacy-chart-composition svg{display:block;width:800px;height:1160px;aspect-ratio:auto;max-height:none}
/* Panell compartit: controls a l'esquerra en escriptori, plegables damunt del resultat en mòbil. */
.chart-page{max-width:1800px}.astro-workspace{display:grid;grid-template-columns:minmax(250px,280px) minmax(0,1fr);align-items:start;gap:20px}.moment-page .astro-workspace{display:block}.astro-result{min-width:0}.astro-result .chart-frame{max-width:none}.astro-parameters{min-width:0;overflow:hidden}.astro-parameters>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:18px 20px;min-height:54px;cursor:pointer;color:#24414a;font-weight:700}.astro-parameters>summary::-webkit-details-marker{display:none}.astro-parameters>summary:after{content:'⌄';font-size:19px}.astro-parameters[open]>summary:after{content:'⌃'}.astro-parameter-form{display:grid;gap:18px;padding:0 20px 20px}.astro-fieldset{display:grid;gap:8px;min-width:0;padding-top:13px;border-top:1px solid #edf0ee}.astro-fieldset>.field{color:#35515a;font-size:13px}.astro-fieldset select,.astro-fieldset input{box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:8px 10px;border:1px solid #d7e0df;border-radius:8px;background:white;color:#25434a;font:inherit;font-size:14px}.astro-fieldset select:disabled,.astro-fieldset input:disabled{background:#f2f4f3;color:#758689}.astro-fieldset small{color:#667e82;font-size:11px;line-height:1.4}.astro-subfield{margin-top:5px}.astro-subfield input{margin-top:7px}.astro-recalculate{min-height:46px;width:100%}.astro-pending{border-radius:99px;background:#f7ecd5;color:#795719;font-size:11px;padding:6px 9px;white-space:nowrap}.astro-pending[hidden],[data-astro-evolution-note][hidden]{display:none}.chart-page .chart-actions .button,.chart-page .chart-controls .button{min-height:44px}.chart-zoomed .chart-art{overflow-x:auto;overscroll-behavior-inline:contain}.chart-zoomed .legacy-chart-viewport{width:max(800px,100%)}.chart-expanded .astro-workspace{display:block}.chart-expanded .astro-parameters{display:none}.chart-expanded .chart-frame{max-width:min(950px,100%)}.chart-expanded .chart-art{max-width:950px}
@media(max-width:1200px){.astro-workspace{grid-template-columns:minmax(0,1fr)}.astro-parameters>summary{min-height:52px}.chart-page .chart-actions{width:auto}.chart-page .chart-frame{width:100%}}
@media(max-width:600px){.chart-page{padding-inline:14px}.chart-page .chart-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chart-page .chart-actions .button{width:100%;min-width:0;padding:10px 6px}.chart-page .chart-actions [data-chart-print]{grid-column:1/-1}.astro-workspace{gap:12px}.chart-page .chart-controls{grid-template-columns:1fr}.chart-page .chart-controls>*{min-width:0}.chart-page .chart-controls .button{justify-content:center}.astro-parameter-form{padding-inline:16px}.chart-page .chart-frame{padding:6px}.chart-page .chart-summary{font-size:12px;overflow-wrap:anywhere}.chart-page .chart-credit{overflow-wrap:anywhere}}
@media print{.astro-workspace{display:block!important}.astro-parameters{display:none!important}.chart-zoomed .chart-art{overflow:visible!important}.chart-zoomed .legacy-chart-viewport{width:100%!important}.chart-expanded .chart-art{max-width:170mm}.chart-page .chart-frame{max-width:none!important}}
.chart-art:focus-visible{outline:3px solid #caad72;outline-offset:2px}@media(max-width:600px){.chart-page .back-link,.menu-toggle{display:inline-flex;align-items:center;min-height:44px}.menu-toggle{min-width:44px}}
.report-page .chart-placeholder{margin:0;min-height:260px;display:grid;place-items:center;text-align:center;color:#617b80}.report-page [data-report-submit]:disabled{opacity:.6;cursor:wait}.report-page #impresion{left:0!important;top:0!important}
.astrocartography-page .chart-placeholder{margin:0;min-height:260px;display:grid;place-items:center;text-align:center;color:#617b80}.astrocartography-page #impresion{left:0!important;top:0!important}.astrocartography-page [data-chart-print]:disabled{opacity:.5;cursor:not-allowed}@media print{.astrocartography-page .chart-placeholder,.astrocartography-page noscript{display:none!important}}
/* La fitxa és el punt d'entrada de totes les eines de cada client. */
.page-container.client-detail-page{max-width:1100px}.client-tools{padding:25px;margin:0 0 20px}.client-tools-heading h2{font:500 27px Georgia,serif;color:#24414a;margin:8px 0 6px}.client-tools-heading p{font-size:13px;line-height:1.5;color:#71858a;margin:0 0 20px;overflow-wrap:anywhere}.client-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-tool-card{display:flex;align-items:center;gap:14px;min-width:0;min-height:78px;padding:15px;border:1px solid #e2eae6;border-radius:10px;background:#f9fbf9}.client-tool-card>span:nth-child(2){min-width:0;flex:1}.client-tool-card strong,.client-tool-card small{display:block;overflow-wrap:anywhere}.client-tool-card strong{color:#24414a;font-size:14px}.client-tool-card small{margin-top:5px;color:#748b8b;font-size:12px;line-height:1.4}.client-tool-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:10px;background:#e6f2ed;color:#397361;font-size:22px}.client-tool-card.available{background:#eaf5f0;border-color:#a8d4c2}.client-tool-card.available:hover,.client-tool-card.available:focus-visible{background:#d9eee3}.client-tool-arrow{font-size:20px;color:#397361}.client-tool-card.upcoming{background:#f8f8f6}.client-tool-card.upcoming .client-tool-icon{background:#efefeb;color:#879699}@media(max-width:650px){.client-tools{padding:17px}.client-tools-grid{grid-template-columns:minmax(0,1fr)}.client-tool-card{min-height:72px}.client-detail-page .page-heading{display:block}.client-detail-page .page-heading .button{margin-top:14px;min-height:44px}.client-detail-page .back-link{display:inline-flex;align-items:center;min-height:44px}}
/* Cerca paginada i selecció de les dues revolucions lunars dins del workspace. */
.return-place-results{display:grid;gap:5px;max-height:255px;overflow-y:auto;overscroll-behavior:contain}.return-place-results button{min-height:44px;padding:9px 11px;text-align:left;border:1px solid #d7e0df;border-radius:8px;background:#fff;color:#24414a;overflow-wrap:anywhere}.return-place-results button:hover,.return-place-results button:focus-visible{background:#eaf5f0}.return-place>[data-return-more]{min-height:44px}.return-coordinate{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px}.return-coordinate .button{padding:5px;background:#e9f1ee;color:#24535b;font-size:19px}.return-choice{padding:22px}.return-choice h2{font:500 23px Georgia,serif;color:#24414a}.return-choice p{color:#657c80}.return-choice form{display:grid;gap:16px}.return-choice label{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px;border:1px solid #d7e0df;border-radius:8px;cursor:pointer}.return-choice label input{width:18px;height:18px}.return-choice .button{justify-self:start}@media(max-width:600px){.return-choice{padding:12px}.return-choice .button{width:100%}}@media print{.return-choice{display:none!important}}
/* Ajust interactiu RS: el control roman visible mentre es recorre la carta. */
.solar-page .astro-result{min-width:0}.solar-page .chart-art{margin-inline:auto}.solar-adjust{position:sticky;top:10px;z-index:12;max-width:1050px;margin:0 auto 12px;padding:12px 16px;background:#f8fbf9;border:1px solid #bdd8cb;box-shadow:0 4px 14px #152e2c14;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.solar-adjust>strong{font-size:12px;color:#24535b;white-space:nowrap}.solar-adjust-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.solar-axis{display:grid;grid-template-columns:auto 44px minmax(55px,auto) 44px;align-items:center;gap:4px}.solar-axis>span{font-size:12px;font-weight:650;color:#35515a}.solar-axis .button{min-height:44px;min-width:44px;padding:0;border:1px solid #bad6ca;background:#e8f2ed;color:#24535b;font-size:20px}.solar-axis .button:disabled{opacity:.5;cursor:not-allowed}.solar-axis output{text-align:center;font-size:14px;min-width:55px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.solar-adjust [data-solar-status]{font-size:11px;color:#42695c;min-height:17px;min-width:100%}.solar-page .chart-frame{overflow:hidden}.solar-page .chart-summary{min-height:20px}@media(max-width:600px){.solar-adjust{top:0;margin-bottom:8px;padding:7px 9px;gap:4px}.solar-adjust>strong{font-size:10px}.solar-adjust-controls{display:grid;gap:3px}.solar-axis{grid-template-columns:65px 44px 65px 44px;gap:4px}.solar-axis .button{min-height:44px}.solar-adjust [data-solar-status]{font-size:10px;line-height:1.3}}@media print{.solar-adjust{display:none!important}}
/* Mateix patró sticky que RS per rectificar la carta natal minut a minut. */
.natal-page .chart-art{margin-inline:auto}.natal-page .chart-frame{overflow:hidden}.natal-adjust{max-width:1050px}.natal-adjust-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.natal-adjust-controls>.button{min-width:44px;min-height:44px;padding:0;border:1px solid #bad6ca;background:#e8f2ed;color:#24535b;font-size:20px}.natal-adjust-controls output{min-width:145px;text-align:center;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:#25434a}.natal-adjust-controls small{color:#667e82}.natal-adjust-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.natal-adjust-actions[hidden]{display:none}.natal-adjust-actions>.button,.natal-adjust-actions summary{min-height:44px;gap:8px}.natal-adjust-actions details{position:relative}.natal-adjust-actions summary{list-style:none;cursor:pointer}.natal-adjust-actions summary::-webkit-details-marker{display:none}.natal-confirm{position:absolute;z-index:15;right:0;top:calc(100% + 7px);width:min(320px,calc(100vw - 40px));padding:15px;border:1px solid #bdd8cb;border-radius:10px;background:white;box-shadow:0 8px 25px #122b3428}.natal-confirm p{font-size:13px;color:#24414a;line-height:1.4;margin:0 0 8px}.natal-confirm form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.natal-confirm .button{min-height:44px}.natal-adjust button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.natal-adjust-controls{width:100%;justify-content:center;gap:5px}.natal-adjust-controls output{min-width:148px}.natal-adjust-controls small{width:100%;text-align:center}.natal-adjust-actions{width:100%;justify-content:center}.natal-adjust-actions>.button,.natal-adjust-actions summary{font-size:11px;padding:8px 10px}.natal-confirm{left:50%;right:auto;transform:translateX(-50%)}}@media print{.natal-adjust{display:none!important}}
/* El contingut entrant ocupa una capa invisible amb la mateixa amplada útil. */
.chart-frame{position:relative}
.chart-frame>.chart-stage{position:absolute;visibility:hidden;pointer-events:none;z-index:-1;box-sizing:border-box}
.synastry-page{max-width:1050px}.synastry-origin{padding:20px;margin-bottom:15px;display:grid;gap:7px}.synastry-origin h2,.synastry-confirm h2{margin:0 0 4px;font-size:18px}.synastry-origin span,.synastry-pair span{color:#607e7d;font-size:13px}.synastry-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px;margin-bottom:15px}.synastry-filter .field{flex:1 1 155px}.synastry-filter input,.synastry-filter select{width:100%;height:44px;border:1px solid #d7e0df;border-radius:8px;padding:8px;font:inherit}.synastry-filter button{min-height:44px}.synastry-list{display:grid}.synastry-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e3ebe7;padding:15px 0}.synastry-row>div{display:grid;gap:5px;min-width:0}.synastry-row span{color:#587276;font-size:12px;overflow-wrap:anywhere}.synastry-row .button{flex:none;min-height:44px}.synastry-disabled{font-size:12px;color:#748b8b}.synastry-confirm{padding:20px;margin:0 0 15px;border-color:#a8d4c2}.synastry-confirm p{font-size:13px;color:#526b70}.synastry-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.synastry-pair>div{display:grid;gap:5px;border:1px solid #d9e8de;background:#f5faf6;border-radius:8px;padding:12px}.synastry-pair small{color:#397361}.synastry-pair strong{overflow-wrap:anywhere}.synastry-confirm button{min-height:44px}@media(max-width:600px){.synastry-row{align-items:stretch;flex-direction:column}.synastry-pair{grid-template-columns:1fr}.synastry-filter{display:grid;grid-template-columns:1fr 1fr}.synastry-filter .field:first-child,.synastry-filter button{grid-column:1/-1}}

/* Impressió comuna: 800×1160 a 194×281,3 mm dins l'A4 útil (196×283 mm).
   800 px a 96 dpi equivalen a 211,6667 mm; 194/211,6667 = 0,9165354. */
@media print{
  @page{size:A4 portrait;margin:7mm}
  .chart-page .chart-heading,.chart-page .chart-summary,.chart-page .back-link,
  .chart-page .chart-controls,.chart-page .chart-credit,.chart-page .astro-parameters,
  .chart-page .solar-adjust,.chart-page .natal-adjust,.menu-toggle{display:none!important}
  .chart-page .chart-art{width:194mm!important;max-width:194mm!important;margin:0 auto!important;
    padding:0!important;overflow:visible!important;outline:none!important;break-inside:avoid;page-break-inside:avoid}
  .chart-page .legacy-chart-viewport{width:194mm!important;height:281.3mm!important;
    aspect-ratio:auto!important;overflow:hidden!important;break-inside:avoid;page-break-inside:avoid}
  .chart-page .legacy-chart-composition{transform:scale(.9165354)!important}
}

/* Fase 8: configuració per compte i descàrregues de clients. */
.management-nav-label{padding-top:27px}.management-page{max-width:1050px}.management-card{padding:22px;margin-bottom:17px}.management-card h2{font:500 24px Georgia,serif;color:#25414a;margin:0 0 12px}.management-card h3{font-size:13px;color:#49676c;margin:20px 0 9px}.management-card p,.management-privacy{color:#667e82;font-size:13px;line-height:1.6}.management-card form{margin:12px 0 0}.management-section-heading{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:10px}.management-section-heading h2{margin:0}.management-actions{display:flex;flex-wrap:wrap;gap:8px}.management-actions .button{background:#ecf4f0;color:#24535b;min-height:44px}.management-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:16px}.management-choice{display:flex;align-items:center;gap:11px;min-height:49px;padding:9px 12px;border:1px solid #dce8e2;border-radius:9px;cursor:pointer;color:#29464c;font-size:13px}.management-choice:has(input:checked){background:#f1f8f3;border-color:#b4d8c3}.management-choice input{width:19px;height:19px;flex:none;accent-color:#24535b}.management-save{min-height:44px;margin:4px 0 24px}.management-reset summary{cursor:pointer;color:#27525a;font-weight:650}.management-reset form{display:grid;justify-items:start;gap:12px}.management-confirm{display:flex;align-items:center;gap:9px;font-size:13px}.management-confirm input{width:19px;height:19px}.management-count{padding:13px 17px;border-radius:9px;background:#eaf2ee;color:#2b4a4f;font-size:14px}.management-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.management-export-grid .management-card{display:flex;flex-direction:column;align-items:start}.management-export-grid .management-card form{margin-top:auto;padding-top:15px}.management-export-grid .button{min-height:44px}.management-privacy{margin-top:10px}@media(max-width:680px){.management-export-grid{grid-template-columns:1fr}.management-section-heading{display:block}.management-actions{margin-top:13px}.management-options{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.management-card{padding:16px}.management-export-grid .button{width:100%}}

/* Fase 9A: perfil i formularis de contrasenya. */
.account-page .account-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.account-page .account-metadata p{overflow-wrap:anywhere;margin:0}.account-page .account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.account-page .account-form .field{display:grid;gap:7px;color:#35535b;font-size:13px}.account-page .account-form .field input{width:100%;min-height:44px;border:1px solid #d5e0dd;border-radius:8px;padding:9px 11px;background:white}.account-page .account-form button{grid-column:1/-1;justify-self:start;min-height:44px}.login-card .login-note .table-link{font-weight:650}.login-card .login-form .button{margin-top:9px}.account-page input:focus-visible{outline:3px solid #caad72;outline-offset:3px}@media(max-width:680px){.account-page .account-form,.account-page .account-metadata{grid-template-columns:1fr}.account-page .account-form button{width:100%}}

/* Logo horitzontal original a totes les mides, sense limitar-ne l'alçada natural. */
.brand-logo{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:left center}
.sidebar .brand{padding:4px 4px 33px;min-width:0}
.sidebar .brand-logo{width:clamp(172px,100%,210px);max-height:none}
.login-intro .brand-logo{width:clamp(330px,32vw,440px);max-height:none}
@media(max-width:750px){
  .sidebar .brand{padding:4px 6px 28px}
  .sidebar .brand-logo{display:block;width:clamp(175px,72%,205px);max-height:none}
  .login-intro .brand-logo{display:block;width:clamp(235px,62vw,300px);max-height:none}
}
@media(max-width:420px){.login-intro .brand-logo{display:block;width:min(68vw,265px);max-height:none}}
.install-card [hidden]{display:none!important}
@media print{.brand-logo,.install-card{display:none!important}}
