:root{
  --nav:#0b2940;--nav2:#103b59;--blue:#0b72c9;--blue2:#1689e6;--green:#11a56f;--pink:#f14668;
  --orange:#ff8c42;--purple:#7b61d1;--bg:#eef2f5;--card:#fff;--line:#dce4ea;--text:#162838;--muted:#687b8a;
  --danger:#b84545;--shadow:0 8px 26px rgba(20,43,62,.09);--shadow2:0 3px 12px rgba(20,43,62,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.main{min-width:0}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:16px 10px 18px;background:linear-gradient(180deg,#09263b 0%,#0a3049 70%,#0b2940 100%);color:#fff}.brand{display:flex;align-items:center;gap:9px;padding:2px 8px 15px}.brand-paw{font-size:35px;line-height:1;filter:saturate(.8)}.brand b{font-size:24px;letter-spacing:.2px}.brand small{display:block;color:#c8d7e2;font-size:9px;font-weight:600;margin-top:1px}.mainnav{display:grid;gap:2px}.mainnav a{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:7px;padding:8px 10px;border-radius:8px;color:#f5f9fc;transition:.15s}.mainnav a>span{grid-row:1/3;font-size:20px;display:grid;place-items:center}.mainnav a>b{font-size:13px}.mainnav a>small{font-size:9px;color:#bacbd7;margin-top:1px}.mainnav a:hover,.mainnav a:focus{background:linear-gradient(90deg,#0f72bd,#0d5f9f)}.nav-sep{height:1px;background:rgba(255,255,255,.15);margin:7px 5px}.sidebar-claim{margin-top:15px;min-height:170px;border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(13,75,105,.35),rgba(11,28,42,.72)),url('/static/demo/horse.jpg') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.sidebar-claim b{font-size:22px}.sidebar-claim span{font-size:13px;line-height:1.35;margin-top:8px;font-weight:700}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:7px 18px;position:sticky;top:0;z-index:50}.top-search{height:42px;min-width:300px;max-width:620px;flex:1;margin-right:16px;border:1px solid #e1e7eb;background:#f8fafb;border-radius:9px;color:#788b99;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:12px}.top-search>span:first-child{font-size:25px;color:#203b50}.top-actions{display:flex;align-items:center;gap:17px}.top-actions>a{position:relative;min-width:52px;display:grid;place-items:center;gap:1px}.top-actions>a>b{font-size:17px}.top-actions>a>small{font-size:8px;color:#273a49}.top-actions .user-chip{display:flex;min-width:110px;gap:7px;justify-content:flex-start}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e7c989,#9f6e31);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.badge-dot{position:absolute;right:6px;top:-2px;background:#e54242;color:#fff;min-width:17px;height:17px;border-radius:99px;font-size:9px;display:grid;place-items:center;padding:0 4px}.public-brand{display:flex;align-items:baseline;gap:8px}.public-brand b{font-size:21px}.public-brand span{font-size:10px;color:var(--muted)}.content{padding:12px 14px 28px;max-width:1500px;margin:0 auto}.title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin:4px 0 12px}.title h1{margin:0;font-size:26px;line-height:1.12}.title p{margin:5px 0 0;color:var(--muted);font-size:11px}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:8px 12px;font-weight:800;font-size:10px;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.02)}.btn:hover{filter:brightness(.98)}.btn.primary{background:linear-gradient(180deg,#1687dc,#0867b6);border-color:#0867b6;color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{background:#fff2f2;border-color:#e4bcbc;color:var(--danger)}.btn.gold{background:#fff6e8;border-color:#efd2a4;color:#885b14}.btn.small{padding:6px 8px;font-size:9px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.col4{grid-column:span 4}.col5{grid-column:span 5}.col6{grid-column:span 6}.col7{grid-column:span 7}.col8{grid-column:span 8}.col12{grid-column:span 12}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--shadow2)}.card h2,.card h3{margin:0 0 9px}.card h2{font-size:15px}.card h3{font-size:12px}.muted{color:var(--muted)}.tiny{font-size:10px;line-height:1.5}.pill{display:inline-flex;align-items:center;border-radius:99px;padding:4px 7px;background:#edf3f7;color:#365366;font-size:8px;font-weight:850}.pill.green{background:#e5f7ef;color:#0c7550}.pill.gold{background:#fff3d9;color:#7c5400}.pill.red{background:#ffeded;color:#963838}.alert{border-radius:9px;padding:10px 12px;background:#edf7fc;border:1px solid #d1e6f1;font-size:10px;margin:8px 0}.alert.green{background:#ecf9f3;border-color:#cfe9dc}.alert.warn{background:#fff7e9;border-color:#f0dfb9}.alert.danger{background:#fff0f0;border-color:#eccaca}.empty{padding:20px;text-align:center;color:var(--muted);font-size:10px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formgrid.three{grid-template-columns:repeat(3,1fr)}.full{grid-column:1/-1}label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#536b77}input,select,textarea{width:100%;border:1px solid #cfdae1;background:#fff;border-radius:8px;padding:9px 10px;color:var(--text);outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#65a7d4;box-shadow:0 0 0 3px rgba(35,121,164,.08)}.check{display:flex;align-items:center;gap:7px;padding:7px 0}.check input{width:auto}.section-title{display:flex;align-items:center;gap:8px;margin:20px 0 9px}.section-title span{width:30px;height:30px;border-radius:9px;background:#e8f3fb;color:#0b72c9;display:grid;place-items:center;font-size:16px}.section-title h3{margin:0;font-size:13px}.progress{height:8px;background:#e8eef2;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#0d9a69,#18b985);border-radius:99px}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:4px 0 12px}.hero{background:linear-gradient(135deg,#0b3650,#0d7764);color:#fff;border-radius:16px;padding:23px;overflow:hidden;position:relative}.hero h1{font-size:34px;margin:0 0 8px}.hero p{max-width:800px;color:#d9e9ee;line-height:1.55}.hero .actions{margin-top:15px}.hero .btn{background:#fff;border-color:#fff}.rolecards{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}.rolecard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;box-shadow:var(--shadow2)}.rolecard .icon{font-size:26px}.rolecard h3{font-size:12px;margin:7px 0 4px}.rolecard p{font-size:9px;color:var(--muted);line-height:1.45}.rolecard .btn{width:100%;margin-top:7px}.entry{max-width:1000px;margin:20px auto}.entry-flow{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.entry-flow span{padding:6px 10px;border-radius:99px;background:#fff;color:#12384a;border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:600;line-height:1.4}.row{display:grid;grid-template-columns:58px 1fr auto auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f4}.row:last-child{border-bottom:0}.row img{width:58px;height:58px;border-radius:7px;object-fit:cover;background:#e8eef1}.row b{display:block;font-size:11px}.row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.record{border:1px solid #e5ebef;border-radius:8px;padding:9px;margin:7px 0}.record b{display:block;font-size:10px}.record small{color:var(--muted);font-size:8px}.record p{font-size:9px;line-height:1.5;margin:5px 0}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.kpi{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px}.kpi span{display:block;font-size:9px;color:var(--muted)}.kpi strong{font-size:21px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 13px}.chips a{padding:7px 9px;border:1px solid var(--line);background:#fff;border-radius:99px;font-size:9px;font-weight:850}.chips a.active{background:var(--nav);color:#fff;border-color:var(--nav)}

/* Original-FAUNELIO dashboard language */
.hero-grid{display:grid;grid-template-columns:1.35fr 1.4fr 1.45fr 1.4fr;gap:9px;margin-bottom:9px}.hero-tile{height:220px;position:relative;border-radius:9px;overflow:hidden;background:#123;color:#fff;box-shadow:var(--shadow2)}.hero-tile img{width:100%;height:100%;object-fit:cover}.hero-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(6,20,30,.8))}.hero-tile .tile-copy{position:absolute;left:18px;right:14px;bottom:15px;z-index:2}.hero-tile h2{font-size:26px;margin:0;line-height:1}.hero-tile p{font-size:11px;margin:3px 0 9px}.hero-tile .btn{background:#fff;border-color:#fff;color:#172838}.quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:9px}.quick-item{background:#fff;min-height:88px;padding:10px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.quick-item strong{font-size:25px;line-height:1}.quick-item b{font-size:10px;margin-top:5px}.quick-item small{font-size:8px;color:var(--muted);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.6fr .95fr;gap:9px}.dash-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;box-shadow:var(--shadow2)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-head h2{font-size:14px;margin:0}.panel-head a{font-size:8px;color:#0b72c9;font-weight:800}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.recommend-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.recommend-card .pic{height:145px;position:relative}.recommend-card img{width:100%;height:100%;object-fit:cover}.match-badge{position:absolute;left:8px;bottom:8px;background:#12a66f;color:#fff;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900}.recommend-card .copy{padding:8px}.recommend-card h3{font-size:12px;margin:0}.recommend-card p{font-size:8px;color:var(--muted);margin:3px 0 6px}.mini-tags{display:flex;gap:4px;flex-wrap:wrap}.mini-tags span{font-size:7px;background:#e8f7ef;color:#0c7751;border-radius:99px;padding:3px 5px}.profile-summary{display:grid;gap:7px}.profile-line{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid #edf1f4;font-size:9px}.profile-line span{color:var(--muted)}

/* Swipe */
.deck{max-width:560px;margin:0 auto;position:relative;min-height:640px}.swipe-card{position:absolute;inset:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(14,41,62,.15);touch-action:none;transition:transform .25s,opacity .25s}.swipe-card>img.animal-photo{width:100%;height:390px;object-fit:cover;background:#e8eef1}.swipe-card .score{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:7px;background:#11a56f;color:#fff;font-weight:900;font-size:12px}.swipe-info{padding:14px 16px}.swipe-info h2{font-size:26px;margin:0}.swipe-info p{font-size:10px;color:var(--muted);line-height:1.5}.swipe-buttons{display:flex;justify-content:center;gap:15px;margin:16px auto}.swipe-buttons button{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:22px;box-shadow:0 6px 20px rgba(20,54,75,.1);cursor:pointer}.swipe-buttons .yes{color:var(--pink)}.swipe-buttons .no{color:#566b79}.swipe-guide{text-align:center;color:var(--muted);font-size:9px;margin-top:-6px}.offer-grid{display:grid;grid-template-columns:360px 1fr;gap:14px}.offer-grid>img{width:100%;height:420px;object-fit:cover;border-radius:12px;background:#e7eef1}.reason{padding:7px 9px;background:#f1f8f5;border-radius:7px;margin:5px 0;font-size:9px}.warning{padding:7px 9px;background:#fff6e8;border-radius:7px;margin:5px 0;font-size:9px}

.record-hero{display:grid;grid-template-columns:260px 1fr;gap:12px;margin-bottom:10px}.record-photo{height:270px;border-radius:12px;overflow:hidden;background:#17242c}.record-photo img{width:100%;height:100%;object-fit:cover}.record-summary{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.record-summary h2{font-size:25px;margin:4px 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.fact{background:#f5f8fa;border-radius:8px;padding:8px}.fact span{display:block;font-size:7px;color:var(--muted)}.fact b{font-size:9px}.tabs{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:5px 0 10px}.tabs a{flex:0 0 auto;padding:7px 9px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:8px;font-weight:800}.tabs a.active{background:var(--nav);color:#fff;border-color:var(--nav)}.interest{border:1px solid #e6edf0;border-radius:9px;padding:10px;margin:7px 0}.interest-head{display:flex;justify-content:space-between;gap:8px}.interest b{font-size:10px}.interest small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.interest .actions{margin-top:8px}.chat{height:50vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.msg{max-width:72%;background:#edf3f6;border-radius:10px;padding:9px 10px;margin:7px 0}.msg.mine{margin-left:auto;background:#e8f6ef}.msg b{font-size:8px}.msg p{font-size:10px;margin:3px 0}.chat-form{display:flex;gap:7px;margin-top:8px}.chat-form input{flex:1}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #edf2f4;text-align:left;font-size:9px;vertical-align:top}.table th{color:var(--muted);font-size:8px;text-transform:uppercase}.feedback-scale{display:flex;gap:5px}.feedback-scale label{display:flex;align-items:center;gap:4px;background:#f6f9fa;border:1px solid var(--line);padding:7px 9px;border-radius:8px}.feedback-scale input{width:auto}.footer-note{text-align:center;color:#82919c;font-size:8px;padding:24px 5px 5px}.mobilebar{display:none}

/* Onboarding */
.onboarding-wrap{max-width:980px;margin:4px auto 24px}.onboarding-head{background:linear-gradient(135deg,#0b2940,#0a6f8f);color:#fff;border-radius:14px;padding:22px;margin-bottom:10px}.onboarding-head h1{font-size:28px;margin:0 0 6px}.onboarding-head p{max-width:760px;margin:0;color:#dceaf2;font-size:11px;line-height:1.55}.onboarding-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.required-note{font-size:9px;color:var(--muted);margin-bottom:8px}.consent-box{border:1px solid #cfe5da;background:#f1faf6;border-radius:9px;padding:10px}.consent-box label{font-size:10px;color:#244b3c}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

@media(max-width:1180px){.shell{grid-template-columns:215px 1fr}.top-actions{gap:8px}.top-actions>a small{display:none}.hero-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr 1.5fr}.dashboard-grid>.dash-panel:last-child{grid-column:1/-1}.recommend-card .pic{height:130px}}
@media(max-width:820px){body{padding-bottom:66px}.shell{display:block}.sidebar{display:none}.topbar{height:58px;padding:7px 10px}.top-search{display:none}.top-actions{width:100%;justify-content:space-between}.top-actions>a{min-width:40px}.top-actions>a:nth-child(1),.top-actions>a:nth-child(2),.top-actions>a:nth-child(3){display:none}.content{padding:10px}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);z-index:100}.mobilebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;color:#48606f}.mobilebar b{font-size:18px;color:#0d5f9f}.title{display:block}.title .actions{margin-top:9px}.grid{display:block}.grid>.card{margin-bottom:10px}.hero-grid{grid-template-columns:1fr 1fr}.hero-tile{height:170px}.hero-tile h2{font-size:21px}.quick-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{display:block}.dash-panel{margin-bottom:9px}.recommend-grid{grid-template-columns:repeat(3,1fr)}.record-hero,.offer-grid{grid-template-columns:1fr}.record-photo{height:330px}.offer-grid>img{height:350px}.facts{grid-template-columns:1fr 1fr}.rolecards{grid-template-columns:1fr 1fr}.formgrid,.formgrid.three{grid-template-columns:1fr}.deck{min-height:590px}.swipe-card>img.animal-photo{height:350px}.row{grid-template-columns:54px 1fr auto}.row .btn{grid-column:2/4;justify-self:start}.kpis{grid-template-columns:1fr 1fr}.onboarding-head{padding:17px}.onboarding-head h1{font-size:24px}}
@media(max-width:520px){.hero-grid{grid-template-columns:1fr}.hero-tile{height:175px}.quick-grid{grid-template-columns:repeat(2,1fr)}.recommend-grid{grid-template-columns:1fr}.recommend-card{display:grid;grid-template-columns:110px 1fr}.recommend-card .pic{height:115px}.rolecards{grid-template-columns:1fr}.hero h1{font-size:28px}.deck{min-height:560px}.swipe-card>img.animal-photo{height:330px}.top-actions .user-chip b{display:none}.top-actions .user-chip{min-width:auto}.form-actions{display:grid}.form-actions .btn{width:100%}}
.logout{margin-top:10px}.logout button{width:100%;background:rgba(255,255,255,.05);color:#d8e4ec;border:1px solid rgba(255,255,255,.17);border-radius:8px;padding:8px;cursor:pointer}

/* Profilbilder & Organisationslogos */
.profile-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}.profile-media-card{display:grid;grid-template-columns:105px 1fr;gap:14px;align-items:start}.profile-media-preview{width:96px;height:96px;display:grid;place-items:center;overflow:hidden;background:#f3f6f8;border:1px solid var(--line);color:#6d8290;font-size:34px;font-weight:900}.profile-media-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview{border-radius:50%}.logo-preview{border-radius:12px;background:#fff}.logo-preview img{object-fit:contain;padding:7px}.provider-identity{display:flex;align-items:center;gap:9px;margin-bottom:9px}.provider-identity .provider-logo{width:42px;height:42px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid #dde5ea;padding:3px;flex:0 0 auto}.provider-identity .provider-logo.fallback{display:grid;place-items:center;background:#e9f1f6;color:#31566c;font-weight:900;font-size:17px;padding:0}.provider-identity b{display:block;font-size:10px;color:#203b4c}.provider-identity small{display:block;color:var(--muted);font-size:8px;margin-top:1px}.provider-detail{padding:8px 9px;background:#f7fafb;border:1px solid #e5ecef;border-radius:9px}.seeker-identity{display:flex;align-items:center;gap:8px}.seeker-identity>img,.seeker-identity>span{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#e7eef2;display:grid;place-items:center;font-weight:900;color:#476273;flex:0 0 auto}
@media(max-width:820px){.profile-media-grid{grid-template-columns:1fr}.profile-media-card{grid-template-columns:82px 1fr}.profile-media-preview{width:74px;height:74px}}

/* V5 Integrated Beta */
.wide-entry{max-width:1080px;margin:auto}.hero-form{padding:28px}.business-box{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.section-title{display:flex;align-items:center;gap:10px;margin:22px 0 12px}.section-title>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:rgba(62,194,160,.12);font-weight:800}.section-title h3{margin:0}.formgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.btn.big{padding:13px 20px;font-size:1rem}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.sticky-actions{position:sticky;bottom:72px;z-index:4;padding:10px;border-radius:16px;background:rgba(247,250,252,.92);backdrop-filter:blur(10px)}
.field-help-btn{float:right;margin:-1px 0 0 6px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(40,90,110,.3);background:rgba(30,122,132,.08);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;line-height:18px;padding:0}.field-help-popover{position:fixed;z-index:1000;width:min(320px,calc(100vw - 24px));padding:16px 38px 16px 16px;border-radius:16px;background:#fff;color:#17313f;box-shadow:0 18px 55px rgba(0,0,0,.22);border:1px solid rgba(13,63,83,.12)}.field-help-popover p{margin:6px 0 8px;line-height:1.45}.field-help-popover small{display:block;color:#58717e}.field-help-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:22px;cursor:pointer}.field-action{display:flex;flex-direction:column;justify-content:flex-end;gap:5px}.field-action small{opacity:.7}.life-highlight{padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(32,155,142,.14),rgba(62,105,255,.08))}.species-panel{margin-top:18px}.species-fields{padding:14px 0;border-top:1px solid var(--line)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.metric-card strong{display:block;font-size:1.8rem;margin-top:4px}.metric-card small{opacity:.68}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{display:block;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card);text-decoration:none;color:inherit}.module-card:hover{transform:translateY(-2px)}.module-card b{font-size:1.05rem}.module-card p{opacity:.72}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.status-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(40,120,150,.1);font-size:.82rem}.status-chip.ok{background:rgba(35,160,110,.12)}.status-chip.warn{background:rgba(230,150,45,.14)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;opacity:.65}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.toolbar label{min-width:150px;flex:1}.timeline{display:grid;gap:10px}.timeline-item{padding:12px 14px;border-left:3px solid rgba(27,139,130,.45);background:rgba(255,255,255,.03);border-radius:0 12px 12px 0}.expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.expert-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.expert-head{display:flex;gap:12px;align-items:center}.expert-head .profile-media-preview{width:54px;height:54px;flex:0 0 54px}.distance{font-weight:800}.danger-zone{border-color:rgba(190,60,60,.35)}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.module-grid,.expert-grid{grid-template-columns:repeat(2,1fr)}.formgrid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.metric-grid,.module-grid,.expert-grid,.formgrid.three{grid-template-columns:1fr}.hero-form{padding:18px}.data-table{font-size:.9rem}.sticky-actions{bottom:68px}.top-search input{min-width:0;width:100%}}

/* Registration progressive enhancement */
#registration-wizard [hidden]{display:none!important}
#registration-wizard [hidden]{display:none!important}
#registration-wizard fieldset{border:0;padding:0;margin:1.4rem 0;min-width:0}
#registration-wizard fieldset[hidden]{display:none}
#registration-wizard legend{font-size:1.2rem;font-weight:700;padding:0 0 .8rem}
#registration-wizard .form-actions{display:flex;gap:.75rem;flex-wrap:wrap}
#registration-progress{font-weight:600;color:var(--muted,#53625b)}
#registration-wizard details{margin-bottom:1rem;padding:1rem;border:1px solid #d4dfd8;border-radius:12px}
#registration-wizard summary{cursor:pointer;font-weight:600;min-height:44px}

#registration-wizard input:not([type=checkbox]),#registration-wizard select{font-size:16px;min-height:44px}
#registration-wizard label,#registration-wizard p{font-size:14px;line-height:1.55}
#registration-wizard .btn{min-height:44px;font-size:15px}
.role-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.role-tile{display:grid;grid-template-columns:22px 1fr;align-content:start;gap:6px 9px;padding:15px;border:1px solid var(--line,#d8e0e5);border-radius:12px;background:#fff;cursor:pointer;min-height:120px;transition:border-color .15s,box-shadow .15s,background .15s}
.role-tile input{grid-row:1/4;align-self:start;width:18px;height:18px;margin:1px 0;accent-color:#0877c9}
.role-tile-icon{font-size:22px;line-height:1}
.role-tile b{font-size:14px;color:var(--text,#17313f)}
.role-tile small{font-size:12px;font-weight:500;line-height:1.4;color:var(--muted,#53625b)}
.role-tile.selected{border-color:#1687dc;background:#f0f8fd;box-shadow:0 0 0 2px rgba(22,135,220,.15)}
@media(max-width:820px){.role-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.role-select-grid{grid-template-columns:1fr}.role-tile{min-height:0}}
@media(min-width:1181px){.hero-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1180px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hero-grid{grid-template-columns:1fr}}
#registration-wizard input[type=checkbox]{min-width:22px;min-height:22px}
.family-access fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}
.family-access legend{font-weight:700;padding:0 6px}
.family-access .check{min-height:44px;display:flex;align-items:center;gap:10px;padding:8px;font-size:1rem;overflow-wrap:anywhere}
.family-access .check input{width:22px;height:22px;flex:0 0 22px}
.family-access .field-help-btn{width:44px;height:44px;flex:0 0 44px;float:none;margin:0;order:3}
.family-access summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}
.family-access .btn{min-height:44px;font-size:1rem;margin-top:8px}
.family-access :is(input,button,summary,a):focus-visible{outline:3px solid #176d9b;outline-offset:3px}
.family-access .record{overflow-wrap:anywhere}
@media(max-width:700px){.family-access .formgrid{grid-template-columns:minmax(0,1fr)}.family-access fieldset{padding:10px}.family-access .btn{width:100%}}

/* Managed linked banners: one per slot, intrinsic ratio and no horizontal overflow. */
.advertising-banner{margin:18px 0;padding:10px;border:1px solid #dce6ec;border-radius:12px;background:#fff;max-width:100%;overflow:hidden}
.advertising-label{font-size:11px;color:#526777;margin-bottom:5px}
.advertising-banner a{display:block;max-width:100%}
.advertising-banner img{display:block;width:100%;height:auto;max-height:140px;object-fit:contain;margin:auto}
@media(max-width:600px){.advertising-banner{padding:8px;margin:12px 0}.advertising-banner img{max-height:110px}}

/* Account-owned tile order; DOM order is also the reading/tab order. */
.tile-item{min-width:0}.tile-item>.hero-tile{display:block}.tile-layout .tile-toolbar{margin:10px 0;flex-wrap:wrap;gap:8px}.tile-move-controls{display:flex;gap:6px;margin:6px 0}.tile-move-controls button{min-width:44px;min-height:44px}.tile-layout.is-editing .tile-item{outline:2px dashed #66869b;border-radius:9px;padding:4px}.tile-layout .tile-item.is-dragging{opacity:.5}.tile-layout [hidden]{display:none!important}.tile-layout.is-editing .hero-tile{cursor:grab}

/* V24: visibly separate account-owned professional and private navigation. */
.dashboard-section{margin:22px 0;padding:20px;border-radius:18px}.professional-area{border:2px solid #176e60;background:#edf6f2}.private-area{border:2px solid #6681a2;background:#f0f4fa}.dashboard-section>h2{margin-top:0}.dashboard-section>.hero-grid{margin-bottom:0}@media(max-width:650px){.dashboard-section{padding:12px}}