:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;color:#253c43;background:#f4f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f4f7f8;--panel:#fff;--text:#253c43;--muted:#62757d;--line:#dce5e8;--accent:#17665c;--accent-hover:#105247;--soft:#eaf4f1;--subtle:#f8fafb;--danger:#a53a38;--shadow:0 18px 60px #15394014;color-scheme:light}
:root[data-theme=dark]{--bg:#111a20;--panel:#19252d;--text:#e3edef;--muted:#a1b4bd;--line:#344750;--accent:#8ddac6;--accent-hover:#a5e6d6;--soft:#203e3b;--subtle:#202e36;--danger:#ffaaa5;--shadow:0 18px 60px #0005;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:16px;line-height:1.65}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #54b7aa;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:1.9rem;line-height:1.5;letter-spacing:.015em}h2{font-size:1.13rem;line-height:1.6}p{color:var(--muted)}svg{flex-shrink:0;vertical-align:middle}input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:var(--panel);color:var(--text)}label{display:block;font-size:.875rem;font-weight:650;margin:20px 0 8px}small,.small{font-size:.875rem}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;overflow-wrap:anywhere}.full{width:100%}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.14em;color:var(--accent)}.brand{display:flex;gap:11px;align-items:center;font-size:1.1rem;font-weight:750;line-height:1.5;white-space:nowrap}.brand small{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--muted);font-weight:500}.brand-icon{width:41px;height:44px;background:#17665c;color:#fff;border-radius:10px;display:grid;place-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:11px 17px;min-height:46px;font-weight:650;font-size:.875rem;text-decoration:none;transition:background .16s}.button.primary{background:var(--accent);color:var(--panel)}:root[data-theme=dark] .button.primary{color:#102d29}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--panel);color:var(--text);border-color:var(--line)}.button.secondary:hover{background:var(--subtle)}.button.compact{padding:8px 13px;min-height:42px}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--subtle);color:var(--text)}.text-button{border:0;background:transparent;color:var(--accent);padding:8px 0;font-size:.875rem;font-weight:650;display:inline-flex;align-items:center;gap:6px;min-height:44px}.danger-text{color:var(--danger)}.banner{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:8px;background:#fff0ee;border:1px solid #efcfcb;color:#84342e;font-size:.875rem;margin-bottom:20px}.banner svg{margin-top:3px}.banner.info{background:var(--subtle);border-color:var(--line);color:var(--muted)}.banner.success{background:var(--soft);border-color:var(--line);color:var(--accent)}:root[data-theme=dark] .banner.error{background:#40292b;color:#ffbbb7;border-color:#663c3e}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:3px 9px;font-size:.75rem;white-space:nowrap;background:var(--subtle);color:var(--muted)}.badge.active{background:var(--soft);color:var(--accent);border-color:transparent}.badge.admin{background:#edf2ff;color:#435a99;border-color:transparent}:root[data-theme=dark] .badge.admin{background:#293a56;color:#b7cbff}.badge.suspended{background:var(--subtle);color:var(--muted)}.phase-badge{font-size:.75rem;padding:6px 11px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--muted);white-space:nowrap}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;padding:29px 22px 24px;border-right:1px solid var(--line);background:var(--panel);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.workspace-label{font-size:.75rem;color:var(--muted);margin:46px 12px 12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;text-align:left;display:flex;gap:13px;align-items:center;color:var(--muted);padding:12px 14px;border-radius:8px;font-size:.875rem;font-weight:600;background:transparent}.nav-item:hover{background:var(--subtle)}.nav-item.selected{color:var(--accent);background:var(--soft)}.future-nav{margin:31px 12px;color:var(--muted);border-top:1px solid var(--line);padding-top:23px;font-size:.875rem}.future-nav>span{font-size:.75rem;display:block;margin-bottom:13px}.future-nav>div{display:flex;align-items:center;gap:13px;padding:10px 0;opacity:.65}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 4px 0;color:var(--accent)}.sidebar-bottom p{font-size:.75rem;font-weight:600;color:var(--text)}.sidebar-bottom small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.main-wrap{margin-left:244px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:88px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.breadcrumb{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:.875rem}.breadcrumb strong{font-weight:550;color:var(--text)}.top-actions{display:flex;align-items:center;gap:12px}.avatar{height:36px;width:36px;display:inline-grid;place-items:center;flex-shrink:0;border:1px solid var(--line);background:var(--soft);color:var(--accent);border-radius:50%;font-size:.875rem;font-weight:650}.avatar.large{width:44px;height:44px;font-size:1rem}.top-name{font-size:.875rem;font-weight:600;max-width:170px;overflow-wrap:anywhere;line-height:1.5}.top-name small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.content{padding:40px 42px;max-width:1390px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{margin:7px 0}.page-heading p{font-size:.875rem}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.main-panel{padding:30px 32px;position:relative;overflow:hidden;border-top:3px solid var(--accent)}.panel-label{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--accent);font-weight:650;margin-bottom:24px}.main-panel h2{font-size:1.55rem;line-height:1.65;margin-bottom:14px}.main-panel>p{font-size:.875rem;margin-bottom:22px;line-height:1.9}.panel-foot{margin-top:28px;font-size:.75rem;color:var(--muted);display:flex;gap:7px;align-items:center}.status-panel{padding:30px}.status-panel h2{margin-bottom:25px}.account-row{display:flex;gap:13px;align-items:center;min-width:0}.account-row>div{min-width:0;overflow-wrap:anywhere}.account-row strong{font-size:.9375rem}.account-row p{font-size:.875rem}.status-panel dl,.account-panel dl{margin:25px 0 15px}.status-panel dl>div,.account-panel dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:.875rem}.status-panel dt,.account-panel dt{color:var(--muted)}dd{margin:0}.development{padding:25px 30px}.development-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.development-head h2{margin-top:5px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:30px 0}.capabilities>div{display:grid;grid-template-columns:20px 1fr;column-gap:9px;align-content:start}.capabilities svg{width:19px;color:var(--accent);margin-top:3px}.capabilities strong{font-size:.875rem}.capabilities p{grid-column:2;font-size:.875rem;margin-top:9px;line-height:1.85}.development-note{border-top:1px solid var(--line);padding-top:18px;font-size:.875rem;display:flex;gap:8px;align-items:flex-start}.development-note svg{margin-top:4px}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 42px;color:var(--muted);border-top:1px solid var(--line);font-size:.75rem}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.member-stats>div{border:1px solid var(--line);background:var(--panel);padding:20px 24px;border-radius:10px}.member-stats span{display:block;color:var(--muted);font-size:.875rem}.member-stats strong{display:block;margin-top:6px;font-size:1.75rem;font-weight:650}.member-stats small{font-weight:400;color:var(--muted)}.members-panel{margin-bottom:24px;overflow:hidden}.table-heading{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{background:var(--subtle);padding:12px 24px;font-weight:500;color:var(--muted);font-size:.75rem;white-space:nowrap}td{padding:19px 24px;border-top:1px solid var(--line)}.member-name{display:flex;align-items:center;gap:12px;min-width:200px}.member-name strong{display:block;font-weight:600}.member-name span:not(.avatar){display:block;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.row-actions{display:flex;gap:17px;justify-content:flex-end;white-space:nowrap}.invitations-panel{overflow:hidden}.empty-state{text-align:center;padding:28px 25px 42px;display:flex;align-items:center;flex-direction:column;color:var(--muted)}.empty-state svg{margin-bottom:12px;color:var(--muted)}.empty-state strong{font-size:.9375rem;color:var(--text);font-weight:600}.empty-state p{font-size:.875rem;margin-top:6px}.below-note{display:flex;gap:7px;align-items:center;font-size:.875rem;margin:19px 0}.invitation{border-top:1px solid var(--line);padding:21px 25px}.invitation-main{display:flex;align-items:center;gap:13px;overflow-wrap:anywhere}.invitation-main strong{font-size:.875rem}.invitation-main p{font-size:.75rem;margin-top:3px}.invitation-actions{display:flex;justify-content:flex-end;gap:18px;margin-top:13px}.section-icon{height:45px;width:45px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:10px;flex-shrink:0}.small-icon{height:38px;width:38px;border-radius:8px}.claim-details{margin:16px 0 0 51px;border-radius:8px;padding:14px 17px;background:var(--subtle);font-size:.875rem}.claim-details>p{margin:5px 0}details{font-size:.875rem;color:var(--muted);margin:12px 0}summary{cursor:pointer;min-height:32px}details p{margin:10px 0}.account-panel{padding:30px;max-width:740px}.account-panel>.button{margin-top:20px}.loading-inline{padding:35px;text-align:center}
.welcome{min-height:100vh;display:flex;flex-direction:column;background:var(--panel)}.welcome-header{display:flex;justify-content:space-between;align-items:center;padding:29px 6%;border-bottom:1px solid var(--line)}.welcome-main{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px 35px;align-items:center}.welcome-context h1{font-size:2.75rem;line-height:1.65;margin:15px 0 23px;letter-spacing:.04em}.welcome-context>p{font-size:1rem;line-height:2}.welcome-note{display:flex;gap:13px;margin-top:42px;align-items:flex-start;color:var(--accent)}.welcome-note strong{font-size:.875rem;color:var(--text);font-weight:600}.welcome-note p{font-size:.875rem;margin-top:4px}.welcome-note>svg{margin-top:4px}.signin-panel{background:var(--bg);border:1px solid var(--line);padding:38px;border-radius:16px}.signin-panel h2{font-size:1.35rem;margin:22px 0 12px}.signin-panel>p{font-size:.875rem;margin-bottom:23px;line-height:1.85}.microsoft-button{display:flex;align-items:center;gap:12px;justify-content:center;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-weight:600;font-size:.9375rem;text-decoration:none;margin:26px 0 17px;min-height:52px}.microsoft-button:hover{border-color:var(--accent)}.microsoft-button>svg:last-child{margin-left:auto;color:var(--muted)}.setup-list{display:flex;flex-direction:column;gap:13px;margin:25px 0;font-size:.875rem}.setup-list>span{display:flex;align-items:center;gap:10px}.setup-list>span>span{width:25px;height:25px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:50%;font-size:.75rem;color:var(--accent)}.welcome-footer{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted);padding:23px 6%;border-top:1px solid var(--line)}.identity-note{margin:22px 0;overflow-wrap:anywhere}.identity-note strong{font-size:.875rem}dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);max-height:90vh;overflow:auto}dialog::backdrop{background:#0d222a80;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-heading h2{font-size:1.2rem}.dialog-heading .icon-button{flex-shrink:0}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}dialog p{font-size:.875rem;line-height:1.9;overflow-wrap:anywhere}dialog .banner{margin:18px 0}.copy-field{display:flex;gap:8px}.copy-field input{font-size:.875rem}.copy-field .button{white-space:nowrap}.copy-field+p{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.content{padding-top:50px}}@media(max-width:1100px){.sidebar{width:214px;padding:25px 16px}.main-wrap{margin-left:214px}.content{padding:30px 25px}.topbar{padding:0 25px}.top-name{display:none}.overview-grid{grid-template-columns:1fr 1fr;gap:18px}.main-panel,.status-panel{padding:24px}.main-panel h2{font-size:1.35rem}.capabilities{gap:17px}td,th{padding-left:18px;padding-right:18px}.welcome-main{gap:45px}.welcome-context h1{font-size:2.3rem}.signin-panel{padding:28px}.app-footer{padding:18px 25px}}
@media(max-width:800px){.sidebar{position:static;width:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:1rem}.sidebar .brand-icon{height:36px;width:35px}.sidebar .brand small,.workspace-label,.future-nav,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:5px;margin-top:17px;overflow-x:auto}.nav-item{white-space:nowrap;padding:10px 13px}.app-shell{display:block}.main-wrap{margin:0}.topbar{height:65px;padding:0 20px}.content{padding:27px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:1.6rem}.phase-badge{display:none}.overview-grid{grid-template-columns:1fr 1fr}.main-panel h2{font-size:1.3rem}.app-footer{padding:17px 20px}.welcome-main{gap:30px}.welcome-context h1{font-size:2rem}.welcome-context>p{font-size:.875rem}.welcome-main{padding:45px 25px}.welcome-footer{flex-direction:column;gap:3px}.welcome-note{margin-top:26px}}
@media(max-width:600px){.welcome-header{padding:19px 22px}.welcome-main{display:block;padding:28px 20px;width:100%}.welcome-context{margin-bottom:30px}.welcome-context h1{font-size:1.9rem;margin:9px 0 14px}.welcome-context>p{line-height:1.8}.welcome-note{display:none}.signin-panel{padding:25px 22px}.signin-panel h2{font-size:1.2rem}.signin-panel .section-icon{width:38px;height:38px}.welcome-footer{padding:20px}.breadcrumb{font-size:.75rem;gap:8px}.top-actions{gap:5px}.topbar{height:60px}.page-heading{flex-direction:column;gap:16px;margin-bottom:23px}.page-heading .button{width:100%}.page-heading h1{font-size:1.5rem}.page-heading p{font-size:.875rem}.content{padding:24px 16px}.overview-grid{grid-template-columns:1fr;gap:18px}.main-panel,.status-panel{padding:23px}.main-panel h2{font-size:1.4rem}.panel-foot{margin-top:22px;font-size:.75rem}.development{padding:23px}.development-head{gap:12px;align-items:flex-start}.development-head>.badge{display:none}.capabilities{grid-template-columns:1fr;gap:22px;padding:23px 0}.capabilities p{margin-top:4px}.member-stats{grid-template-columns:1fr;gap:9px}.member-stats>div{display:flex;justify-content:space-between;align-items:center;padding:13px 18px}.member-stats strong{font-size:1.4rem;margin:0}.table-heading{padding:18px;align-items:flex-start;flex-direction:column;gap:5px}.table-scroll table{min-width:660px}.invitation{padding:18px}.invitation-main{align-items:flex-start}.invitation-main>div{min-width:0}.claim-details{margin:15px 0 0;padding:13px}.invitation-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px}.below-note{align-items:flex-start}.below-note svg{margin-top:5px}.app-footer{flex-direction:column;gap:3px;padding:18px 16px}.account-panel{padding:23px}dialog{padding:22px}.dialog-footer{gap:8px}.dialog-footer .button{padding:10px 12px}.copy-field{flex-direction:column}.copy-field .button{align-self:flex-end}.section-icon{height:40px;width:40px}}
.table-scroll{position:relative}.sr-only{left:0;top:0}
@media(max-width:1000px) and (min-width:801px){.page-heading{align-items:flex-start;flex-direction:column}.phase-badge{display:none}.overview-grid{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.nav-item{gap:7px;padding:10px 8px}.sidebar nav{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Member actions: emphasize role editing and separate the smaller suspension action. */
.member-actions{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.member-role-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #b2d3ca;border-radius:8px;background:var(--soft);color:var(--accent);font-size:.8125rem;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s}
.member-role-button:hover{background:#dcefe8;border-color:var(--accent)}
.member-suspend-group{display:inline-flex;align-items:center;margin-left:25px;padding-left:21px;border-left:1px solid var(--line)}
.member-suspend-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 8px;border:1px solid #ead3d0;border-radius:6px;background:var(--panel);color:var(--danger);font-size:.6875rem;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s}
.member-suspend-button:hover{background:#fff0ee;border-color:var(--danger)}
:root[data-theme=dark] .member-role-button{border-color:#3d7265}
:root[data-theme=dark] .member-role-button:hover{background:#2c5145;border-color:var(--accent)}
:root[data-theme=dark] .member-suspend-button{border-color:#684b4d}
:root[data-theme=dark] .member-suspend-button:hover{background:#40292b;border-color:var(--danger)}
@media(max-width:1100px){.members-panel td,.members-panel th{padding-left:18px;padding-right:18px}.member-suspend-group{margin-left:20px;padding-left:16px}}
@media(pointer:coarse){.member-role-button,.member-suspend-button{min-height:44px}}

/* Keep mounted inputs in memory while removing protected content from display and accessibility. */
.app-shell[hidden]{display:none!important}
.app-shell[hidden] dialog{visibility:hidden!important}
.session-privacy{width:calc(100% - 32px);max-width:440px;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}
.session-privacy::backdrop{background:var(--bg)}
.session-privacy h1{font-size:1.35rem;margin:18px 0 12px}
.session-privacy p{font-size:.875rem;margin:12px 0}
.session-privacy [role=status]{display:flex;align-items:center;gap:10px}
.session-privacy .button{margin-top:12px}

/* Keep mobile focused on capture and browsing; management stays available on PC. */
@media(max-width:800px){.app-shell .desktop-only{display:none}}
.data-workspace{min-width:0}.data-workspace .page-heading{margin-top:26px}.universal-search{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 9px 7px 17px;margin-bottom:25px;color:var(--muted)}.universal-search input{border:0;background:transparent;padding:9px 0;flex:1;min-width:0}.heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.data-loading{display:flex;gap:10px;align-items:center;justify-content:center;min-height:180px;color:var(--muted)}.crm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.crm-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px 22px}.crm-stats span{font-size:.875rem;color:var(--muted)}.crm-stats strong{display:block;font-size:2rem;font-weight:650;margin-top:8px}.crm-stats small{font-size:.875rem;font-weight:400;color:var(--muted)}.dashboard-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.dashboard-section{min-width:0;overflow:hidden}.dashboard-section .table-heading{padding:17px 22px;border-bottom:1px solid var(--line)}.dashboard-section .people-list .person-item{border-radius:0;border:0;border-bottom:1px solid var(--line);padding:17px 22px;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.dashboard-section .people-list .person-item:last-child{border-bottom:0}.dashboard-section .person-affiliations{grid-column:1/-1;margin:8px 0 0;padding-left:47px}.dashboard-section .person-affiliations>div:not(:first-child){display:none}.dashboard-section .person-contact{display:none}.dashboard-section .person-meta{display:none}.dashboard-section .person-item-top{grid-column:1/-1}.dashboard-section .person-monogram{width:34px;height:34px}.dashboard-section .person-affiliations span{font-size:.8125rem}.people-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 18px}.people-toolbar h2{display:flex;gap:12px;align-items:center}.people-toolbar h2>span{font-size:.875rem;color:var(--muted);font-weight:400}.people-toolbar>div{display:flex;gap:10px;align-items:center}.view-switch,.segment{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px}.view-switch button,.segment button{border:0;background:transparent;color:var(--muted);border-radius:4px;min-height:36px;min-width:40px;padding:7px 10px;font-size:.875rem}.view-switch button[aria-pressed=true],.segment button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.person-item{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:21px;min-width:0}.person-item-top{display:flex;gap:12px;align-items:center}.person-monogram{width:42px;height:42px;background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-weight:650;flex-shrink:0}.person-monogram.big{width:60px;height:60px;font-size:1.5rem}.person-main{flex:1;min-width:0}.name-button{text-align:left;padding:0;background:transparent;border:0;color:var(--text);font:inherit;font-weight:650;overflow-wrap:anywhere;line-height:1.6}.name-button:hover{color:var(--accent);text-decoration:underline}.person-kana{font-size:.8125rem;margin-bottom:2px;color:var(--muted)}.favorite-button{margin-left:auto;flex-shrink:0}.is-favorite{color:#986809!important}:root[data-theme=dark] .is-favorite{color:#efd17c!important}.person-affiliations{margin:17px 0 13px;min-width:0}.person-affiliations>div+div{margin-top:9px}.person-affiliations strong{font-size:.875rem;font-weight:550;display:block;overflow-wrap:anywhere}.person-affiliations span,.person-affiliations>p{display:block;font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere}.person-contact{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}.person-meta{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--muted);margin-top:15px}.people-list{display:flex;flex-direction:column;gap:10px}.people-list .person-item{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;column-gap:23px;align-items:center;padding:17px 22px}.people-list .person-affiliations{margin:0}.people-list .person-meta{grid-column:3;margin-top:5px}.people-list .person-item-top{grid-row:span 2}.people-list .person-affiliations{grid-row:span 2}.dashboard-section .people-list{gap:0}.pagination{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px 0;color:var(--muted);font-size:.875rem}.pagination>div{display:flex;gap:7px}.company-search-results{margin:28px 0}.company-search-results>h2{margin-bottom:17px}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.company-item{display:flex;gap:15px;padding:22px;align-items:flex-start}.company-item>div{min-width:0}.company-item p{font-size:.875rem;display:flex;align-items:center;gap:6px;margin:8px 0}.company-item small{font-size:.75rem;color:var(--muted)}.filter-panel{padding:22px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.field{font-size:.875rem;font-weight:600;margin:18px 0 6px;display:block}.field>input,.field>textarea,.field>select{margin-top:8px;display:block;font-weight:400}.field small,.reference-picker small{font-weight:400;color:var(--muted);display:block;margin-top:6px;font-size:.8125rem}.required,.optional{font-size:.75rem;font-weight:500;margin-left:8px;color:var(--muted)}.required{color:var(--accent);background:var(--soft);border-radius:3px;padding:2px 5px}.reference-picker{min-width:0}.reference-picker label{margin:18px 0 8px}.reference-picker input{font-size:.875rem;padding:9px 11px;border-bottom-left-radius:0;border-bottom-right-radius:0}.reference-picker select{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.field-error{color:var(--danger);font-size:.875rem;margin-top:6px}select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;padding:11px 13px;min-width:0}select{min-height:47px}textarea{resize:vertical;line-height:1.8}select:focus-visible,textarea:focus-visible{outline:3px solid #54b7aa;outline-offset:2px}.filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.filter-footer>div{display:flex;align-items:center;gap:17px}.checkbox-label{display:flex;gap:8px;align-items:center;margin:0;white-space:nowrap}.checkbox-label input{width:18px;height:18px;accent-color:var(--accent)}.back-button{margin-bottom:16px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 25px}.person-title{display:flex;align-items:center;gap:17px;min-width:0}.person-title>div{min-width:0}.person-title h1{overflow-wrap:anywhere}.person-title p{font-size:.875rem}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-section{padding:25px 28px;margin-bottom:23px;min-width:0}.detail-section>h2,.section-heading>h2{display:flex;gap:8px;align-items:center;margin-bottom:16px}.affiliation-group{margin-top:24px}.affiliation-group h3{font-size:.8125rem;color:var(--muted);font-weight:550;margin:0 0 12px}.affiliation-item{border-left:3px solid var(--line);padding-left:14px;margin-bottom:19px}.affiliation-item p{font-size:.875rem;margin:4px 0}.affiliation-item>strong{font-size:.875rem;font-weight:500}.contact-details{margin:0}.contact-details>div{margin:20px 0}.contact-details dt{font-size:.8125rem;color:var(--muted);margin-bottom:5px}.contact-details dd{font-size:1rem;overflow-wrap:anywhere}.memo-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;color:var(--text);font-weight:400}.record-meta{border-top:1px solid var(--line);margin-top:23px;padding-top:13px;font-size:.75rem}.record-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem}.company-websites{display:flex;flex-direction:column;gap:8px;padding-bottom:18px;margin-bottom:17px;border-bottom:1px solid var(--line)}.company-websites a{font-size:.875rem;color:var(--accent);overflow-wrap:anywhere}.memo-history article{padding:17px 0;border-bottom:1px solid var(--line);font-size:.875rem}.memo-history article>strong{font-size:.8125rem}.memo-history article>div{margin-top:12px;padding:12px 14px;background:var(--subtle);border-radius:6px}.memo-history article span{color:var(--muted);font-size:.75rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin-bottom:0}.organization-tree{margin-top:20px}.organization-tree h3{display:flex;gap:8px;align-items:center;font-size:.875rem;font-weight:550;background:var(--subtle);padding:10px 13px;border-radius:5px;margin:13px 0 3px}.organization-person{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-left:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.organization-person span{color:var(--muted)}.organization-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.organization-item>div:first-child{min-width:0;overflow-wrap:anywhere}.organization-item strong{font-size:.875rem}.organization-item p{font-size:.8125rem;margin-top:3px}.organization-actions{display:flex;gap:2px;flex-shrink:0}.organization-actions .icon-button{width:38px;height:42px}.small-search{display:flex;align-items:center;gap:6px;margin:18px 0 5px}.small-search input{font-size:.875rem;flex:1}.empty-compact{padding:20px 0;font-size:.875rem}.data-modal.wide{width:min(800px,calc(100% - 32px))}.data-modal{max-height:90dvh}.data-modal fieldset{margin:0;padding:0;border:0;min-width:0}.form-section-heading{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin:27px 0 10px;padding-top:20px;border-top:1px solid var(--line)}.form-section-heading h3{margin:0;font-size:1rem}.form-section-heading span{font-size:.8125rem;color:var(--muted)}.contact-editor{display:flex;align-items:flex-end;gap:10px;margin-top:12px}.contact-type{display:flex;gap:9px;flex:0 0 200px}.contact-type .field{width:50%;min-width:0}.contact-editor>.field{flex:1;min-width:0}.contact-editor>.icon-button{margin-bottom:7px;flex-shrink:0}.contact-editor .field{margin-top:0}.contact-editor select{padding-left:9px;padding-right:9px}.add-row-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.affiliation-editor{padding:17px 20px 23px;border:1px solid var(--line);background:var(--subtle);border-radius:9px;margin-bottom:18px}.affiliation-editor>.section-heading>strong{font-size:.875rem;color:var(--muted)}.affiliation-editor label{font-size:.875rem}.url-row{display:flex;gap:8px;margin:9px 0}.url-row .icon-button{flex-shrink:0}.form-company-name{display:flex;gap:8px;align-items:center;font-weight:550;color:var(--text)}.sticky-form-footer{position:sticky;bottom:-28px;background:var(--panel);border-top:1px solid var(--line);padding-top:16px;padding-bottom:10px;margin-top:25px}.danger-button{background:#9a3d39;color:white}.danger-button:hover{background:#82312e}.filter-open{border-color:var(--accent)!important}
@media(max-width:1200px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.people-list .person-item{grid-template-columns:1fr 1fr}.people-list .person-item-top{grid-row:auto}.people-list .person-affiliations{grid-row:span 2}.people-list .person-contact{grid-column:1;margin-top:10px}.people-list .person-meta{grid-column:1}.detail-columns{grid-template-columns:1fr}.dashboard-people-grid{gap:17px}.heading-actions{flex-wrap:wrap}.detail-heading{align-items:flex-start}.detail-heading .heading-actions{justify-content:flex-end}}
@media(max-width:1000px){.dashboard-people-grid{grid-template-columns:1fr}.company-grid{grid-template-columns:1fr}.page-heading .heading-actions{align-self:stretch}.detail-heading{flex-direction:column}.detail-heading .heading-actions{justify-content:flex-start}.people-grid{gap:12px}}
@media(max-width:600px){.universal-search{gap:8px;padding:6px 7px 6px 11px;margin-bottom:20px}.universal-search>svg{width:18px}.universal-search input{font-size:1rem}.universal-search .button{padding:8px 12px}.data-workspace .page-heading{margin-top:19px}.page-heading .heading-actions{display:flex;flex-wrap:nowrap;width:100%}.page-heading .heading-actions .button{padding:10px 12px;width:auto;flex:1}.crm-stats{gap:10px;margin:20px 0}.crm-stats>div{padding:14px}.crm-stats span{font-size:.8125rem}.crm-stats strong{font-size:1.65rem}.dashboard-section .table-heading{padding:15px 17px;flex-direction:row;align-items:center}.dashboard-section .people-list .person-item{padding:15px 17px}.people-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.people-toolbar>div{width:100%;justify-content:space-between}.people-grid{grid-template-columns:1fr}.people-list .person-item{display:block;padding:17px}.people-list .person-affiliations{margin:12px 0 9px}.people-list .person-meta{margin-top:10px}.person-item{padding:19px}.form-grid{grid-template-columns:1fr;gap:0}.filter-panel{padding:17px}.filter-footer{flex-direction:column;align-items:stretch}.filter-footer>div{justify-content:space-between}.person-title h1{font-size:1.6rem}.detail-heading .heading-actions{width:100%;display:flex;flex-wrap:nowrap}.detail-heading .heading-actions .button{flex:1;font-size:.8125rem;padding:10px}.person-monogram.big{width:48px;height:48px;font-size:1.2rem}.detail-section{padding:21px 18px;margin-bottom:18px}.detail-columns{gap:0}.record-footer{flex-direction:column;align-items:flex-start;gap:10px}.company-item{padding:19px}.company-item p{font-size:.8125rem}.company-organization .section-heading{align-items:flex-start;flex-direction:column}.organization-person{margin-left:10px;align-items:flex-start}.organization-person span{text-align:right}.organization-tree h3{font-size:.8125rem;overflow-wrap:anywhere}.organization-item{gap:5px}.data-modal.wide{width:calc(100% - 20px);padding:20px;max-height:94dvh}.data-modal .dialog-heading{position:sticky;top:-20px;background:var(--panel);z-index:2;padding:5px 0 12px;border-bottom:1px solid var(--line)}.data-modal input,.data-modal select,.data-modal textarea{font-size:16px}.data-modal .form-grid{grid-template-columns:1fr}.contact-editor{flex-wrap:wrap;gap:5px;padding:15px;background:var(--subtle);border:1px solid var(--line);border-radius:8px}.contact-type{flex:1 1 100%}.contact-editor>.field{flex:1 1 calc(100% - 49px)}.contact-editor>.icon-button{width:38px}.affiliation-editor{padding:14px}.affiliation-editor .section-heading{gap:6px}.affiliation-editor .text-button{font-size:.8125rem}.add-row-actions{gap:12px}.add-row-actions>.small{flex-basis:100%;margin-top:-5px}.sticky-form-footer{bottom:-20px;padding-bottom:6px;gap:10px}.sticky-form-footer>.button{flex:1}.section-heading>.text-button{white-space:nowrap}.pagination{font-size:.8125rem}.pagination .button{padding:7px 10px}.form-section-heading{gap:4px}.form-section-heading>span{flex-basis:100%}.data-modal .dialog-heading h2{font-size:1.1rem}}

.saved-company-logo{max-width:160px;max-height:90px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:10px}
.data-read-error{padding:24px;margin:20px 0}.data-read-error>p{margin:16px 0;line-height:1.7}.data-read-error .banner{margin:0}
.active-search{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:0 0 22px;background:var(--panel)}.active-search>div{display:flex;gap:8px 18px;flex-wrap:wrap;min-width:0;color:var(--muted);font-size:14px}.active-search span{overflow-wrap:anywhere;min-width:0}.active-search strong{color:var(--text);font-weight:600}.active-search>.text-button{min-height:44px}.detail-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.detail-navigation .back-button{min-height:44px}.data-workspace h1,.data-read-error{scroll-margin-top:24px}.data-workspace h1:focus{outline:none}.data-read-error:focus,.record-editor-feedback:focus{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.record-editor-feedback{scroll-margin-top:80px}.record-editor-feedback:empty{display:none}
@media(max-width:600px){.active-search{padding:12px 14px}.active-search>div{flex-basis:100%}.detail-navigation .text-button{font-size:14px}.record-editor-feedback{scroll-margin-top:70px}}
.detail-navigation{scroll-margin-top:24px}

.section-read-error{margin:18px 0}.section-read-error .banner{margin-bottom:14px}.section-read-error>.button{max-width:100%;white-space:normal}.section-read-error>p{margin-bottom:0}

.company-item-content{flex:1;min-width:0}.company-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}.company-item-footer small{min-width:0;overflow-wrap:anywhere}

.company-item{position:relative}.company-item-content>.name-button{padding-right:38px}.company-actions{position:absolute;top:10px;right:10px;z-index:1}.company-actions.open{z-index:3}.company-actions-trigger{width:44px;height:44px;color:var(--muted)}.company-actions-trigger[aria-expanded=true]{background:var(--soft);color:var(--text)}.company-actions-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 8px 24px #0003}.company-actions-delete{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px 13px;border:0;border-radius:5px;background:transparent;color:var(--danger);font:inherit;text-align:left}.company-actions-delete:hover,.company-actions-delete:focus-visible{background:var(--soft)}

.dashboard-people-grid>.dashboard-favorites{grid-column:1/-1}
.mobile-home-company{display:none}
@media(max-width:600px){
 .home-company-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;padding:11px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
 .home-company-row:last-child{border-bottom:0}.home-company-row>span{font-size:14px;line-height:1.45;overflow-wrap:anywhere;min-width:0}.home-company-row>strong{white-space:nowrap;font-size:17px;font-variant-numeric:tabular-nums}.home-company-row small{font-size:12px;font-weight:400;margin-left:4px;color:var(--muted)}
 .home-company-row:hover{background:var(--soft)}.home-company-empty{padding:12px 18px;font-size:13px;color:var(--muted)}.home-companies .pagination,.home-companies .section-read-error{padding:10px 16px}
 .home-recent .people-list .person-item{display:block;padding:7px 18px}.home-recent .person-item-top{display:block}.home-recent .person-monogram,.home-recent .favorite-button,.home-recent .person-kana,.home-recent .person-affiliations,.home-recent .person-contact,.home-recent .person-meta{display:none}
 .home-recent .name-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:46px;width:100%;font-size:15px;line-height:1.45;text-align:left}
 .home-recent .mobile-home-company{display:block;font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}
}
/* User-fixed palette. Change these five values only on an explicit request. */
:root{
 --copper:#bc6c25;--ivory:#fefae0;--olive:#606c38;--forest:#283618;--sand:#dda15e;
}
:root,:root[data-theme=light]{
 --bg:var(--ivory);--panel:var(--ivory);--text:var(--forest);--muted:var(--olive);--line:var(--olive);
 --accent:var(--forest);--accent-hover:var(--olive);--soft:var(--sand);--subtle:var(--ivory);--danger:#a33432;
 --shadow:0 20px 60px #28361825;--leather-panel:var(--ivory);--leather-top:var(--ivory);
 --stitch:#dda15e9e;--leather-edge:var(--sand);--leather-shine:#fefae0b3;--leather-shadow:#28361814;
 --leather-input:var(--ivory);--leather-focus:var(--copper);
}
:root[data-theme=dark]{
 --bg:var(--forest);--panel:var(--forest);--text:var(--ivory);--muted:var(--sand);--line:var(--olive);
 --accent:var(--sand);--accent-hover:var(--ivory);--soft:var(--olive);--subtle:var(--forest);--danger:#ffb3a6;
 --shadow:0 22px 65px #28361877;--leather-panel:var(--forest);--leather-top:var(--forest);
 --stitch:#dda15e87;--leather-edge:var(--olive);--leather-shine:#fefae01a;--leather-shadow:#28361844;
 --leather-input:var(--forest);--leather-focus:var(--sand);
}

/* Flat, precise surfaces. Leather and saddle stitching belong only to the home hero. */
body{background:var(--bg);accent-color:var(--accent)}
body :where(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--leather-focus);outline-offset:3px}
.app-shell .main-wrap,.welcome{background:transparent}
.app-shell .sidebar,.app-shell .topbar,.welcome-header{background:var(--panel);border-color:var(--line);box-shadow:none}
.brand{letter-spacing:.045em}
.brand-icon{background:var(--copper);color:var(--forest);border:1px solid var(--olive);border-radius:5px;box-shadow:none}
.app-shell .nav-item{border:1px solid transparent;border-radius:3px;transition:background .18s,border-color .18s}
.app-shell .nav-item.selected{background:var(--soft);color:var(--accent);border-color:var(--leather-edge);box-shadow:none}
.app-shell .nav-item:hover{background:var(--soft)}
.app-shell .panel,.app-shell .person-item,.app-shell .company-item,.signin-panel,.app-shell .crm-stats>div,.app-shell .capture-photo-card{
 background:var(--panel);border:1px solid var(--leather-edge);border-radius:4px;box-shadow:0 2px 8px var(--leather-shadow);
}
.app-shell .dashboard-section .person-item{background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.app-shell .dashboard-section .person-item:last-child{border-bottom:0}
.app-shell .dashboard-section .table-heading{background:var(--panel);border-color:var(--line)}
.app-shell .dashboard-section .table-heading h2{font-weight:600}
.app-shell .person-monogram,.app-shell .section-icon,.app-shell .avatar{background:var(--soft);color:var(--accent);border:1px solid var(--leather-edge);border-radius:4px;box-shadow:none}
.app-shell .universal-search{background:var(--panel);border-color:var(--line);border-radius:3px;box-shadow:none}
.app-shell .universal-search input{background:transparent;border:0;box-shadow:none}
.app-shell .button,.welcome .button{border-radius:3px;transition:background .18s,border-color .18s,transform .18s;box-shadow:none}
.button.primary,:root[data-theme=dark] .button.primary{background:var(--forest);color:var(--ivory);border-color:var(--olive);box-shadow:none}
.button.primary:hover,:root[data-theme=dark] .button.primary:hover{background:var(--olive);color:var(--ivory);border-color:var(--sand)}
.app-shell .button.secondary{background:var(--panel);border-color:var(--line);box-shadow:none}
.app-shell .button.secondary:hover{background:var(--soft);border-color:var(--accent)}
.app-shell .eyebrow,.welcome .eyebrow{letter-spacing:.19em;font-size:.7rem}
.app-shell .page-heading h1{letter-spacing:-.025em;font-weight:650}
.app-shell input,.app-shell select,.app-shell textarea,dialog input,dialog select,dialog textarea{background-color:var(--leather-input);border-color:var(--line);color:var(--text);box-shadow:none}
.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea,dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{border-radius:3px}
.app-shell input::placeholder,.app-shell textarea::placeholder,dialog input::placeholder{color:var(--muted);opacity:1}
.app-shell input[type=checkbox],.app-shell input[type=radio]{accent-color:var(--accent)}
.app-shell .capture-footer{background:var(--panel);border-top:1px solid var(--line);border-radius:0;padding-left:12px;padding-right:12px}
.app-shell dialog,dialog.session-privacy{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:5px}
dialog::backdrop{background:#283618cc;backdrop-filter:blur(3px)}
.session-privacy::backdrop{background:var(--bg)}
.app-shell .member-role-button{border-color:var(--line);border-radius:3px}
.app-shell .member-role-button:hover{background:var(--subtle);border-color:var(--accent)}
.app-shell .badge.admin{background:var(--soft);color:var(--accent)}
.app-shell .affiliation-item{border-left-color:var(--copper)}
.app-shell .partial-affiliation{background:var(--subtle);border-color:var(--line)}
.data-workspace .page-heading.leather-hero{
 position:relative;isolation:isolate;overflow:hidden;flex-direction:column;align-items:flex-start;justify-content:center;
 min-height:220px;padding:35px 38px;gap:22px;margin-top:0;border:1px solid var(--olive);border-radius:5px;
 background:url('/leather-grain.svg'),var(--copper);
 box-shadow:inset 0 2px 3px #fefae055,inset 0 -3px 5px #28361845,0 4px 12px var(--leather-shadow);
}
/* 4 mm pitch: 2.5 mm thread, 1 mm width, 1.5 mm gap. */
.leather-hero::after{
 content:"";position:absolute;inset:9px;pointer-events:none;border:0;border-radius:2px;
 background-image:url('/leather-stitch.svg'),url('/leather-stitch.svg'),url('/leather-stitch-vertical.svg'),url('/leather-stitch-vertical.svg');
 background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-position:left top,left bottom,left top,right top;
 background-size:4mm 1mm,4mm 1mm,1mm 4mm,1mm 4mm;filter:drop-shadow(0 .4px .35px #28361877);
}
.leather-hero>div{position:relative;z-index:1}.leather-hero>div:first-of-type{max-width:100%}
.app-shell .leather-hero .eyebrow{color:var(--ivory);background:var(--forest);display:inline-block;padding:5px 9px;border-radius:2px}
.data-workspace .leather-hero h1{font-size:clamp(2rem,3.3vw,2.8rem);line-height:1.16;color:var(--ivory);font-weight:550;letter-spacing:-.04em;margin:14px 0 0;text-wrap:balance;text-shadow:0 1px 1px #28361880}
.data-workspace .leather-hero .heading-actions{width:auto;align-self:flex-start}
.data-workspace .leather-hero .heading-actions .button{background:var(--forest);color:var(--ivory);border-color:var(--olive);border-radius:3px;font-weight:550;width:auto;box-shadow:none}
.data-workspace .leather-hero .heading-actions .button:hover{background:var(--olive)}
.company-english-name{overflow-wrap:anywhere}
.app-shell .capture-progress{position:sticky;top:8px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:3px;box-shadow:0 3px 10px var(--leather-shadow);margin:0 0 18px;color:var(--text)}
.capture-progress .capture-progress-percent{margin-left:0;color:var(--copper);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:750}
.capture-progress .text-button{color:var(--copper)}
/* Registration: a dark heading band, tinted section and bright editable fields. */
.app-shell .capture-workspace{--capture-section: #dda15e26;--capture-heading:var(--forest);--capture-padding:24px}
:root[data-theme=dark] .app-shell .capture-workspace{--capture-section:var(--olive)}
:root[data-theme=dark] .app-shell .capture-workspace :is(.capture-section,.capture-photo-slot){--muted:var(--ivory);--accent:var(--ivory)}
.app-shell .capture-workspace .capture-section{background:var(--capture-section);border:1px solid var(--copper);border-left:5px solid var(--copper);padding:var(--capture-padding);margin:28px 0;box-shadow:none}
.app-shell .capture-workspace .capture-section>h2,.app-shell .capture-workspace .draft-heading{background:var(--capture-heading);color:var(--ivory);padding:16px var(--capture-padding);margin:calc(-1 * var(--capture-padding)) calc(-1 * var(--capture-padding)) 22px;border-bottom:3px solid var(--copper)}
.app-shell .capture-workspace .capture-section>h2:not(:first-child){margin-top:18px}
.app-shell .capture-workspace .draft-heading h2{color:var(--ivory);margin:0}
.app-shell .capture-workspace .draft-heading .button{background:var(--forest);color:var(--ivory);border-color:var(--sand)}
.app-shell .capture-workspace input:not([type=checkbox]):not([type=radio]),.app-shell .capture-workspace select,.app-shell .capture-workspace textarea{background:var(--ivory);color:var(--forest);border:1px solid var(--olive);box-shadow:inset 0 0 0 1px #606c3833}
.app-shell .capture-workspace input::placeholder,.app-shell .capture-workspace textarea::placeholder{color:var(--olive)}
.app-shell .capture-workspace .capture-photo-slot{background:var(--capture-section);border:2px solid var(--copper)}
.app-shell .capture-workspace .capture-section :is(.name-candidates,.candidate-list,.candidate-button,.reference-picker,.department-menu){--text:var(--forest);--muted:var(--olive);--line:var(--olive);--accent:var(--forest);--soft:var(--sand);--panel:var(--ivory);--leather-input:var(--ivory);color:var(--forest)}
.app-shell .capture-workspace .capture-footer{background:var(--forest);border-top:3px solid var(--copper);padding:14px 16px;box-shadow:0 -5px 18px #28361822}
.app-shell .capture-workspace .capture-footer .button.primary{background:var(--sand);color:var(--forest);border-color:var(--sand);font-weight:750}
.app-shell .capture-workspace .capture-footer .button.secondary{background:var(--forest);color:var(--ivory);border-color:var(--ivory)}
.company-empty-dialog{width:min(92vw,540px);background:var(--ivory);color:var(--forest);border:2px solid var(--copper);border-radius:5px;padding:24px;box-shadow:var(--shadow)}
.company-empty-dialog h2{font-size:21px;margin-top:0}.company-empty-dialog p{line-height:1.7}.company-empty-dialog ul{padding-left:24px;overflow-wrap:anywhere}.company-empty-dialog li{margin:10px 0}
.company-empty-dialog .dialog-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.company-empty-dialog .button{flex:1;min-height:48px;border-radius:3px}.company-empty-dialog .button.secondary{background:var(--ivory);color:var(--forest);border-color:var(--olive)}
@media(max-width:600px){.app-shell .capture-workspace{--capture-padding:18px}.app-shell .capture-workspace .capture-section{margin:24px 0}.app-shell .capture-workspace .capture-section>h2{font-size:18px}}
.app-shell :is(.name-candidates,.candidate-list,.candidate-button,.department-menu,.department-options,.department-option,.reference-picker,.website-logo-candidates){background:var(--leather-input);box-shadow:none}
.app-shell .name-candidates{padding:14px;border:1px solid var(--line)}
.app-shell .candidate-list{padding:1px 12px}
.app-shell .reference-picker{padding:12px;border:1px solid var(--line)}
.app-shell :is(.name-candidates,.candidate-list,.candidate-button,.department-picker,.reference-picker,.website-logo-candidates) .button.secondary{background:var(--leather-input);box-shadow:none;border-color:var(--line)}
.app-shell :is(.name-candidates,.candidate-list,.candidate-button,.department-picker,.reference-picker,.website-logo-candidates) .button.secondary:hover,
.app-shell button.candidate-button:hover,.app-shell .department-option:is(:hover,:focus-visible){background:var(--soft);border-color:var(--accent)}
.app-shell :is(.name-candidates,.candidate-list,.candidate-button,.department-menu,.reference-picker,.capture-photo-slot,.capture-save-state,.registration-result,.review-summary,.capture-choice,.name-reread-editor,.card-preview,.banner,.filter-panel,.exchange-summary,.career-selection,.partial-affiliation,.website-logo-picker,.website-logo-candidate){border-radius:4px}
.app-shell :is(.icon-button,.department-trigger,.view-switch,.segment,.member-suspend-button,.badge){border-radius:3px}
.app-shell .is-favorite,:root[data-theme=dark] .app-shell .is-favorite{color:var(--accent)!important}
:root[data-theme=dark] .app-shell .member-role-button{border-color:var(--line)}
:root[data-theme=dark] .app-shell .member-role-button:hover{background:var(--subtle);border-color:var(--accent)}
@media(hover:hover) and (pointer:fine){.app-shell .button:active:not(:disabled){transform:translateY(1px)}.app-shell .company-item:hover{border-color:var(--accent)}.app-shell .name-button:hover{text-decoration-color:var(--copper)}}
@media(max-width:800px){.app-shell .sidebar{padding-top:19px;padding-bottom:14px}.app-shell .sidebar nav{scrollbar-width:thin;scrollbar-color:var(--leather-edge) transparent}.data-workspace .page-heading.leather-hero{padding:28px}}
@media(max-width:600px){
 .data-workspace .page-heading.leather-hero{min-height:185px;padding:26px 23px;gap:20px}
 .data-workspace .leather-hero h1{font-size:1.9rem;line-height:1.12}
 .data-workspace .leather-hero .heading-actions .button{flex:none;font-size:.8125rem;padding:10px 14px}
 .app-shell .sidebar .brand-icon{width:37px;height:39px}.app-shell .brand{font-size:1.1rem}
 .app-shell .capture-footer{gap:9px;padding-left:8px;padding-right:8px}
}
@media(prefers-reduced-motion:reduce){.app-shell .button,.app-shell .nav-item{transition:none;transform:none!important}}
@media(forced-colors:active){.leather-hero::after{display:none}.app-shell .panel,.app-shell .button{border-color:CanvasText}}
