/* PLOME visual system. Layout and behavior remain owned by the feature styles. */
:root{--ink:#24352d;--muted:#5d6b62;--subtle:#6d786f;--accent:#30543e;--accent-hover:#24432f;--accent-soft:#e7efdf;--canvas:#f3f5f1;--surface:#fff;--line:#d7dfd4;--field-line:#aebdad;--radius:10px;--focus:#7a9743;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.5}
body{background:var(--canvas);color:var(--ink)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--ink)}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button,a{transition:background-color .15s,color .15s,border-color .15s}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:#dbe8c7;color:#1c3324}input,select{accent-color:var(--accent)}input::placeholder{color:#738070;opacity:1}
.primary,.secondary,.auth-submit,.intention-save-actions button,.planning-footer button,.delivery-submit-actions button,.invitation-actions button{min-height:42px;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.primary,.auth-submit{background:var(--accent);border:1px solid var(--accent);color:#fff;box-shadow:0 1px 2px #172e1910}.primary:hover,.auth-submit:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary,.intention-save-actions .secondary{background:#fff;border:1px solid var(--field-line);color:var(--ink)}.secondary:hover{background:#f0f4eb;border-color:#7f947c}.primary:disabled,.secondary:disabled,.auth-submit:disabled{opacity:.5;box-shadow:none}.text-button,.wizard-back{color:var(--accent);font-size:13px;font-weight:600;text-underline-offset:4px}.text-button:hover,.wizard-back:hover{text-decoration:underline}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 2px 5px #24352d04}.account-shell{grid-template-columns:236px minmax(0,1fr);background:var(--canvas)}.account-header{background:#243b2d;border-right:1px solid #243b2d;color:#fff;padding:28px 18px}.account-header .brand{color:#fff;font-size:16px;letter-spacing:-.5px;gap:9px}.account-header .mark{background:#d9e9b9;color:#213c2b}.account-header .nav-label{color:#c1ceb9;font-size:10px;font-weight:600;letter-spacing:1.5px}.account-header .account-nav{gap:6px}.account-header .account-nav a,.account-header .project-section-nav button{color:#e1e9dc;font-size:13px;font-weight:500;padding:12px 14px;border-radius:8px;min-height:44px;line-height:1.5;gap:10px}.account-header .account-nav a:hover,.account-header .project-section-nav button:hover{background:#354d3a;color:#fff}.account-header .account-nav a[aria-current]{background:#dce9c6;color:#213c2a;font-weight:700}.account-header .account-nav svg{width:19px;height:19px}.project-side-context{border-color:#50624e;margin-top:24px;padding-top:24px}.project-side-name{color:#fff;font-size:13px;line-height:1.6;padding:0 12px;margin-bottom:16px}.app-version{color:#bdcbb5;font-size:11px;letter-spacing:0;padding:10px}.account-body{background:var(--canvas)}.profile-topbar{background:#fff;border-bottom:1px solid var(--line);padding:18px 36px;min-height:82px;gap:18px}.topbar-greeting,.project-topbar-title{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.6px}.project-back{color:var(--muted);min-width:36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;margin-right:10px}.project-back:hover{background:var(--accent-soft)}.profile-name{color:var(--ink);font-size:13px}.neutral-avatar{color:#53694b;background:#ecf1e5;border:1px solid #d6dfcd;width:40px;height:40px}.project-topbar-organization small{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.2px}.project-topbar-organization strong{color:var(--accent);font-size:17px;line-height:1.4}.profile-dropdown-content{border-color:var(--line);border-radius:10px;box-shadow:0 8px 28px #24352d20}.profile-dropdown-content a{color:var(--ink);font-size:13px}.profile-dropdown-content a:hover{background:var(--accent-soft)}
.account-content{max-width:1280px;width:100%;padding:32px 36px 40px;margin-inline:auto}.project-workspace-content{max-width:1420px}.section-heading{margin-bottom:24px;align-items:center;gap:20px}.section-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin-bottom:7px}.section-heading p,.account-tip,.project-access-note,.organization-create p,.organization-empty,.organization-card-body,.project-request p,.project-request small,.project-member-choice small,.project-requests-empty,.project-list-row small,.other-organizations>p,.account-preview-note,.empty-state p,.empty-state small{color:var(--muted);font-size:13px;line-height:1.7}.empty-state strong{color:#56654e}.eyebrow{color:#52664a;font-size:10px;font-weight:700;letter-spacing:1.4px}.account-badge{font-size:11px;line-height:1.6;font-weight:600;padding:6px 10px;background:#edf2e7;color:#425d35;border:1px solid #dce5d4;border-radius:6px}.organization-stat{background:#f3f6ee;border-color:var(--line);padding:13px 16px}.organization-stat small{color:var(--muted);font-size:11px}.organization-stat strong{color:var(--accent);font-size:14px}.organization-symbol{color:#536f3d;background:var(--accent-soft)}.organization-title strong{font-size:17px}.organization-card>summary,.organization-card-body{padding:24px}.organization-card-body,.organization-section-divider,.organization-supervision-content,.settings-signout{border-color:var(--line)}.organization-admin-heading h3,.organization-supervision>summary,.project-requests-heading h3{color:var(--ink);font-size:15px}.project-request{padding:22px}.organization-supervision>summary{background:#f7f9f3;border-color:var(--line);padding:18px}.organization-supervision>summary:hover{background:#edf3e4}.project-organization-header{background:#edf2e6;border-color:var(--line);padding:22px 24px}.project-organization-header h3{font-size:18px}.project-list-row{padding:22px 24px;border-color:var(--line)}.project-list-row h4{font-size:15px;margin-bottom:5px}.project-folder{color:#5d7b46}.project-list-row:hover{background:#f4f7ef}.project-requests-heading{margin-bottom:14px}.project-requests-empty{padding:8px 0}.project-requests{margin-bottom:24px}.account-preview-note{border-top:1px solid var(--line);padding-top:16px;margin-top:28px}
.service-page-guide{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:22px;max-width:940px}.service-switcher{background:#fff;border-color:var(--line);padding:20px 24px;gap:20px;grid-template-columns:minmax(150px,1fr) minmax(0,1.5fr) minmax(220px,1fr);margin-bottom:24px}.tile-heading-copy>strong{color:var(--ink);font-size:16px;font-weight:600}.tile-definition{color:var(--muted);font-size:12px;line-height:1.65;margin-top:6px}.service-actions{align-items:center;justify-content:flex-end;gap:10px}.service-add-label{color:var(--muted);font-size:12px}.service-tabs{gap:10px}.service-bubble{width:38px;height:38px;min-width:38px;border-color:#b6c5a7;background:#f6f9f0;color:#405d2e;font-size:13px;font-weight:600}.service-bubble:hover{border-color:#72934f;background:#e9f1dc}.service-bubble[aria-current]{background:#dce9c4;border-color:#7d9c58;color:#294123}.service-add,.service-remove{background:#eff4e5;color:#3e6128}.service-remove:hover{background:#fff0ed;border-color:#d9b6ac;color:#9b4133}.service-add-status{color:var(--muted);font-size:12px}.project-workspace-grid{gap:24px}.project-workspace-section>header,.service-overview-card>header{padding:22px 24px;border-bottom:1px solid var(--line);align-items:center;gap:20px;background:#fff}.project-workspace-section>header h2{font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.3px;color:var(--ink)}.service-overview-card h3{color:var(--ink);font-size:18px}.intention-review-status{font-size:11px;padding:7px 11px;font-weight:600;border:1px solid transparent;max-width:310px}.intention-review-pending{color:#765516;background:#fbf4e5;border-color:#ecdfbf}.intention-review-modified{color:#a1392b;background:#fff0ed;border-color:#efd0c9}.intention-review-approved{color:#32613c;background:#ecf5e9;border-color:#cce0c7}.planning-status{color:#4c613d;max-width:300px}.project-client-caption{color:var(--muted);font-size:12px}.project-client-bar{margin:0;padding-block:18px}.service-overview-empty{color:var(--muted);font-size:13px}
.intention-layout,.planning-editor,.planning-readonly,.deliveries{padding:24px}.intention-toolbar{background:#f0f4e9;border-bottom:1px solid var(--line);padding:10px;gap:8px;align-items:center}.intention-toolbar button{width:34px;height:34px;min-height:34px;border-radius:6px;border-color:var(--field-line);color:var(--ink);background:white;display:inline-flex;align-items:center;justify-content:center}.intention-toolbar select{height:34px;border:1px solid var(--field-line);border-radius:6px;padding:4px 8px;color:var(--ink);font-size:13px;background:#fff}.intention-toolbar button[aria-pressed=true]{background:#dce9c6;border-color:#7a9659;color:#274225}.intention-text-block{border-color:#bdcbb1;border-radius:8px}.intention-editor{color:var(--ink);padding:18px}.intention-editor:empty:before{color:#66775b}.intention-board{background:#f7f9f2;border-color:#b5c5a5}.intention-drop-hint{color:#607254;font-size:13px}.intention-image-help{color:var(--muted);font-size:11px;line-height:1.7;margin-top:10px}.intention-height-handle{background:#f0f4e9;border-color:#cfdbc3;height:18px;flex-basis:18px}.intention-height-handle span{background:#80966b}.intention-width-handle span{background:#80966b}.intention-width-handle:hover span,.intention-height-handle:hover span{background:#3d6531}.intention-save-row{padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;align-items:center;gap:16px;flex-wrap:wrap}.intention-save-actions,.planning-footer>div,.delivery-submit-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.intention-save-actions{margin-left:auto}.intention-add-block{font-size:23px}.intention-block-menu{border-color:var(--line);box-shadow:0 5px 18px #24352d15}.intention-block-menu button{font-size:12px;color:#3e5a30;min-height:36px;padding:8px 12px}.intention-reading-empty,.intention-preview-label{color:var(--muted);font-size:12px}.intention-upload.secondary{min-height:38px;font-size:12px}.intention-block-remove,.delivery-remove,.intention-image-remove{background:white;border-color:#aebea0;color:#4d6640;width:26px;height:26px;min-height:26px;font-size:19px}.intention-block-remove:hover,.delivery-remove:hover,.intention-image-remove:hover{color:#9c3d2b;background:#fff1ed;border-color:#d8b3a9}
.planning-columns{gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.planning-calendar{background:#f6f8f2;border-color:var(--line);padding:18px}.planning-month h3{color:var(--ink);font-size:17px;margin:0}.planning-month button{border-color:var(--field-line);color:var(--accent);background:#fff;width:36px;height:36px}.planning-month button:hover:not(:disabled){background:var(--accent-soft)}.planning-weekday{font-size:11px;color:#55644c;font-weight:600}.planning-days button{border-color:#c8d4bd;color:var(--ink);font-size:13px;background:#fff;min-height:32px}.planning-days button:hover:not(:disabled){background:#e9f1dd;border-color:#8ba36c}.planning-days button[aria-pressed=true]{background:#dce9c4;border-color:#7f9b58;color:#274120}.planning-days button:disabled{opacity:1}.planning-timezone,.planning-footer p,.planning-empty,.planning-slot>strong{color:var(--muted);font-size:12px;line-height:1.7}.planning-slots h3,.planning-recap h3{font-size:16px;color:var(--ink);margin-bottom:8px}.planning-slot{border-color:var(--line);padding:17px 0}.planning-slot>strong{font-size:13px;color:var(--ink);font-weight:600}.planning-time-inputs{gap:12px}.planning-time-inputs label{color:var(--muted);font-size:12px}.planning-time-inputs input{border-color:var(--field-line);min-height:42px;color:var(--ink);border-radius:7px}.planning-recap{border-color:var(--line);padding-top:24px;margin-top:24px}.planning-recap-list li{font-size:13px;border-color:#e2e8dc;padding:12px 0;color:var(--ink)}.planning-recap-list span{font-weight:600;font-variant-numeric:tabular-nums}.planning-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.planning-footer p.is-error{color:#a23b2e}.planning-footer>div{margin-left:auto}.planning-time-inputs button{border:1px solid #c7d3bc;border-radius:50%;width:28px;height:28px;color:#5d734c}
.deliveries-drop{border-color:#a7ba96;background:#f6f9f0;padding:28px;gap:12px}.deliveries-drop>strong{font-size:15px;color:var(--ink)}.deliveries-drop>span:not(.secondary){color:var(--muted);font-size:12px}.deliveries-drop.drag-over{border-color:#698d43;background:#e7efda}.delivery-file{border-color:#c8d5be;background:#fafcf6;border-radius:9px;width:180px}.delivery-download{padding:24px 18px;min-height:180px}.delivery-download strong{font-size:13px;color:var(--ink);line-height:1.6}.delivery-download small{color:var(--muted);font-size:11px}.delivery-video-icon{background:#e7efdb;color:#4d7135}.delivery-status,.deliveries-empty{font-size:12px;color:var(--muted)}.delivery-submit-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.delivery-submit-actions .secondary{color:var(--ink)}
.auth-page,.entry{background:var(--canvas)}.auth-card{border-color:var(--line);box-shadow:0 6px 28px #24352d08;border-radius:12px}.auth-card p,.auth-description,.auth-note,.auth-help,.auth-page footer,.entry p,.entry footer{color:var(--muted);line-height:1.75}.auth-card input,.invite-email-row input,.client-invite-dialog input,#organization-name,#project-name{border-color:var(--field-line);background:#fff;color:var(--ink);font-size:14px;min-height:44px;border-radius:7px}.auth-card label,.collaborator-invite-form label,.client-invite-dialog label,.wizard-label{color:var(--ink);font-size:13px;font-weight:600}.auth-card .eyebrow{color:var(--accent)}.auth-card small,.invite-result small,.client-invite-dialog .invite-result small,.wizard-description,.wizard-option span,.wizard-option small,.project-member-options small,.project-wizard-note,.project-member-empty{color:var(--muted);font-size:12px;line-height:1.7}.auth-card h1{color:var(--ink)}dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 90px #15291e30;color:var(--ink);background:#fff}dialog::backdrop{background:#14271c73;backdrop-filter:blur(3px)}dialog h2{font-size:24px;line-height:1.35}dialog p{color:var(--muted);font-size:13px;line-height:1.75}dialog .close{color:var(--muted);width:32px;height:32px;border-radius:50%;font-size:24px}dialog .close:hover{background:#edf2e7;color:var(--ink)}.wizard-footer{border-color:var(--line);gap:16px}.wizard-option,.project-member-options label,.project-member-choice{border-color:var(--line);background:#fafcf6;border-radius:8px}.wizard-option:hover,.wizard-option.selected,.project-member-choice:hover:not(:disabled){border-color:#8ba36b;background:#edf4e2}.wizard-option strong,.project-member-choice strong{color:var(--ink)}.wizard-progress .complete{background:#75994d}.wizard-option>svg{color:var(--accent)}.settings-signout{padding-top:24px}.settings-signout h3{font-size:16px;color:var(--ink)}.settings-signout .secondary{border-color:#c4aba3;color:#9a3e2e}.settings-signout .secondary:hover{background:#fff2ed;border-color:#b77b67}
@media(min-width:1500px){.account-content{padding-top:38px}.profile-topbar{padding-inline:44px}}
@media(max-width:1000px){.account-shell{grid-template-columns:208px minmax(0,1fr)}.account-header{padding:26px 14px}.account-header .brand{font-size:14px}.account-content{padding:28px 24px 36px}.profile-topbar{padding:18px 24px}.service-switcher{grid-template-columns:1fr;gap:16px}.service-tabs{justify-content:flex-start}.service-switcher .service-actions{justify-content:flex-end}.planning-columns{grid-template-columns:minmax(0,1fr)}.intention-save-actions{width:auto}.project-topbar-organization strong{font-size:15px}}
@media(max-width:700px){.project-workspace-section>header,.service-overview-card>header{padding:20px;align-items:flex-start;flex-wrap:wrap}.project-workspace-section>header h2{font-size:18px}.tile-definition{font-size:12px}.intention-review-status,.planning-status{font-size:11px;max-width:100%;text-align:left}.service-switcher{padding:20px}.planning-footer{align-items:flex-start}.project-client-caption{text-align:left}.organization-card>summary,.organization-card-body{padding:20px}.intention-save-row{align-items:flex-start}.intention-save-actions{width:100%}.project-topbar{gap:12px}.profile-topbar .topbar-greeting{font-size:20px}.project-topbar-organization{max-width:100%;text-align:left}.section-heading h2{font-size:23px}.section-heading>.primary{font-size:13px}}
@media(max-width:600px){.account-shell{grid-template-columns:128px minmax(0,1fr)}.account-header{padding:22px 10px}.account-header .brand{font-size:11px;line-height:1.5;margin-bottom:30px}.account-header .mark{width:28px;height:28px;font-size:20px}.account-header .nav-label{font-size:9px;letter-spacing:1px;padding-inline:6px}.account-header .account-nav a,.account-header .project-section-nav button{font-size:11px;padding:11px 7px;gap:6px;overflow-wrap:anywhere;min-height:42px}.account-header .account-nav svg{width:16px;height:16px}.project-side-name{font-size:11px;padding-inline:6px}.app-version{font-size:10px;padding:6px}.account-content{padding:22px 14px 28px}.profile-topbar{padding:16px 14px;min-height:72px}.profile-topbar .topbar-greeting{font-size:18px}.project-back{width:30px;height:30px;min-width:30px;margin-right:4px}.project-topbar-organization strong{font-size:13px}.neutral-avatar{width:34px;height:34px}.service-switcher{padding:16px;gap:14px}.service-tabs{gap:8px}.service-actions{gap:8px}.service-add-label{font-size:11px}.service-bubble{width:34px;height:34px;min-width:34px}.project-workspace-section>header,.service-overview-card>header{padding:18px 16px}.intention-layout,.planning-editor,.planning-readonly,.deliveries{padding:16px}.intention-pair{gap:18px}.intention-toolbar{padding:8px;gap:7px}.intention-toolbar select{font-size:12px;max-width:100%}.primary,.secondary,.auth-submit,.intention-save-actions button,.planning-footer button,.delivery-submit-actions button{min-height:40px;padding:9px 12px;font-size:12px}.intention-save-actions,.delivery-submit-actions{justify-content:flex-start;gap:8px}.intention-save-actions button,.delivery-submit-actions button{flex:1 1 auto}.planning-footer>div{margin-left:0;width:100%}.planning-footer>div button{flex:1 1 auto}.planning-calendar{padding:10px}.planning-days{gap:3px}.planning-days button{min-height:26px;font-size:11px}.planning-weekday{font-size:10px}.planning-month h3{font-size:14px}.planning-month button{width:30px;height:30px;flex-shrink:0}.planning-time-inputs{gap:8px}.planning-time-inputs input{max-width:118px;width:100%;min-width:0;font-size:13px}.planning-time-inputs label{min-width:0}.planning-recap-list li{font-size:12px}.delivery-file{width:min(100%,170px)}.delivery-files{gap:14px}.deliveries-drop{padding:20px 12px}.deliveries-drop>strong{font-size:14px}.organization-stat{padding:11px 8px}.organization-stat strong{font-size:12px}.organization-stat small{font-size:10px}.organization-admin-heading h3{font-size:14px}.organization-card>summary,.organization-card-body{padding:18px 14px}.project-list-row,.project-organization-header{padding:18px 16px}.project-list-row h4{font-size:14px}.project-organization-header h3{font-size:16px}.project-request{padding:18px 16px}.section-heading{gap:14px}.section-heading h2{font-size:22px}.auth-card{padding:26px 20px}#organization-wizard,#project-wizard{padding:28px 20px}.organization-create{padding:18px}.organization-create .primary{font-size:12px;min-height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.project-workspace-section>header,.service-overview-card>header{flex-direction:column;align-items:flex-start}.project-workspace-section>header>.tile-heading-copy{flex:none;width:100%}.project-workspace-section>header>.intention-review-status,.project-workspace-section>header>.account-badge{flex:none;max-width:100%}}
.organization-card[open]>summary .organization-symbol svg{transform:none}.invite-email-row input{height:42px;min-height:42px;padding:9px 12px}.invite-email-row .primary,.invite-email-row .secondary{min-height:42px}
/* Light sidebar, using the same contrast and interaction hierarchy. */
.account-header{background:#edf2e7;border-right:1px solid #d2ddc9;color:var(--ink)}.account-header .brand{color:#243b2d}.account-header .mark{background:#30543e;color:#e1edc9}.account-header .nav-label{color:#5e7053}.account-header .account-nav a,.account-header .project-section-nav button{color:#40563a}.account-header .account-nav a:hover,.account-header .project-section-nav button:hover{background:#e0e9d5;color:#243b2d}.account-header .account-nav a[aria-current]{background:#d6e4bf;color:#253f25}.project-side-context{border-color:#ccd9bf}.project-side-name{color:#2e472d}.app-version{color:#617255}
