:root{--bg:#f5f7f6;--card:#fff;--ink:#17201d;--muted:#697570;--line:#dfe6e2;--org-color:#176b55;--org-text-color:#fff;--accent:var(--org-color);--accent-soft:#e7f3ee;--shadow:0 14px 40px rgba(28,52,43,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:68px;background:var(--org-color);color:var(--org-text-color);border-bottom:1px solid color-mix(in srgb,var(--org-color),#000 14%);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20}.brand{font-weight:850;letter-spacing:.08em;color:var(--org-text-color);text-decoration:none}.brand span{color:var(--org-text-color);opacity:.78}nav a{color:var(--org-text-color);text-decoration:none;font-weight:650}.org-guid{display:inline-flex;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--org-text-color),transparent 65%);color:var(--org-text-color);font-size:11px;font-weight:750;letter-spacing:.03em;opacity:.9}.shell{max-width:1240px;margin:auto;padding:42px 24px 80px}.hero,.detail-hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}.hero h1,.detail-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.02;margin:6px 0 14px;letter-spacing:-.04em}.hero p,.detail-hero p{max-width:720px;color:var(--muted);font-size:17px;margin:0}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:800}.count-card,.identity-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow);min-width:190px}.count-card strong{font-size:34px;display:block}.count-card span,.identity-card span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.panel,.section-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-head h2{margin:0;font-size:18px}.panel-head input{width:min(360px,45vw);border:1px solid var(--line);border-radius:11px;padding:11px 13px;font:inherit;background:#fbfcfb}.passport-row{display:grid;grid-template-columns:48px minmax(220px,1fr) 150px 130px auto 24px;gap:18px;align-items:center;padding:18px 22px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:.18s}.passport-row:last-child{border:0}.passport-row:hover{background:#fafcfb}.product-avatar{width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:18px}.passport-main strong,.passport-main span,.passport-meta span,.passport-meta strong{display:block}.passport-main span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passport-meta span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.passport-meta strong{font-size:13px}.status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:6px 10px;border-radius:999px;background:#eef1ef;font-size:12px;font-weight:800}.status.draft{background:#fff3d6;color:#875f00}.status.published{background:#e5f5ea;color:#1f6d3c}.status.new{background:#e7eefc;color:#365d9c}.arrow{font-size:20px;color:var(--muted)}.back{display:inline-block;margin-bottom:24px;color:var(--accent);text-decoration:none;font-weight:700}.detail-hero{align-items:stretch}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-tags>span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700}.identity-card{min-width:310px;display:grid;gap:6px;align-content:center}.identity-card code{font-size:12px;word-break:break-all;margin-bottom:12px}.identity-card strong{font-size:13px}.detail-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.section-nav{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}.section-nav-title{padding:9px 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.section-nav a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:13px}.section-nav a:hover{background:var(--accent-soft)}.section-nav a span{color:var(--accent);font-weight:800}.sections{display:grid;gap:20px}.section-card{scroll-margin-top:92px;padding:24px}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.section-heading span{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:850;font-size:12px}.section-heading h2{font-size:20px;margin:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.field{background:#fff;padding:15px 16px;min-height:82px}.field.wide{grid-column:1/-1}.field span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field strong{display:block;font-size:14px;word-break:break-word}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-card{border:1px solid var(--line);border-radius:14px;padding:18px;position:relative}.material-card h3{margin:0 0 15px;font-size:17px}.material-pct{position:absolute;right:16px;top:15px;background:var(--accent-soft);color:var(--accent);font-weight:850;padding:5px 9px;border-radius:999px}.material-card dl{margin:0}.material-card dl div{border-top:1px solid var(--line);padding:9px 0}.material-card dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.material-card dd{margin:2px 0 0}.technical-grid{grid-template-columns:1fr}.empty{padding:30px;color:var(--muted)}
@media(max-width:850px){.hero,.detail-hero{display:block}.count-card,.identity-card{margin-top:20px}.detail-layout{grid-template-columns:1fr}.section-nav{position:static;display:flex;overflow:auto}.section-nav-title{display:none}.section-nav a{white-space:nowrap}.passport-row{grid-template-columns:48px 1fr auto}.passport-meta{display:none}.field-grid,.materials-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}
@media(max-width:560px){.shell{padding:28px 14px 60px}.topbar{padding:0 16px}.panel-head{display:block}.panel-head input{width:100%;margin-top:12px}.passport-row{padding:15px}.passport-main span{max-width:190px}.detail-hero h1,.hero h1{font-size:38px}}
.detail-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.detail-actions .back{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:var(--accent);color:#fff;text-decoration:none;font:inherit;font-weight:800;padding:11px 16px;cursor:pointer}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.save-notice{background:#e5f5ea;color:#1f6d3c;border:1px solid #c9ead4;border-radius:12px;padding:12px 14px;margin-bottom:20px;font-weight:700}.edit-hero{margin-bottom:30px}.edit-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.02;margin:6px 0 14px;letter-spacing:-.04em}.edit-hero p{max-width:720px;color:var(--muted);font-size:17px;margin:0}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.edit-field{display:grid;gap:7px}.edit-field.wide{grid-column:1/-1}.edit-field label{font-size:12px;color:var(--muted);font-weight:750}.edit-field input,.edit-field select,.edit-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit}.edit-field textarea{resize:vertical;min-height:110px}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.checkbox-row{display:flex!important;align-items:center;gap:10px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink)!important;font-size:14px!important}.checkbox-row input{width:auto}.edit-material{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}.edit-material:last-child{margin-bottom:0}.edit-material-title{font-weight:850;margin-bottom:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:4px 0 20px}
@media(max-width:850px){.edit-grid{grid-template-columns:1fr}.edit-field.wide{grid-column:auto}.detail-actions{align-items:flex-start}.form-actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0}}

/* Authentication */
.topbar nav { display:flex; align-items:center; gap:1rem; }
.login-shell { min-height:calc(100vh - 150px); display:grid; place-items:center; padding:3rem 1rem; }
.login-card { width:min(100%, 440px); background:#fff; border:1px solid #e6e9ed; border-radius:20px; padding:2rem; box-shadow:0 18px 55px rgba(23,31,42,.08); }
.login-card h1 { margin:.35rem 0 .6rem; font-size:2rem; }
.login-card > p { margin:0 0 1.5rem; color:#667085; line-height:1.55; }
.login-form { display:grid; gap:1rem; }
.login-form label { display:grid; gap:.45rem; font-weight:650; color:#344054; }
.login-form input { width:100%; box-sizing:border-box; border:1px solid #d0d5dd; border-radius:10px; padding:.85rem .9rem; font:inherit; background:#fff; }
.login-form input:focus { outline:2px solid rgba(17,24,39,.14); border-color:#667085; }
.login-button { width:100%; justify-content:center; margin-top:.25rem; }
.login-error { margin:0 0 1rem; padding:.75rem .9rem; border-radius:10px; background:#fff3f2; border:1px solid #fecdca; color:#b42318; font-size:.92rem; }

/* Published public passport and QR */
.qr-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;margin-bottom:24px}.qr-card h2{margin:4px 0 8px}.qr-card p{margin:0 0 16px;color:var(--muted)}.qr-card img{width:190px;height:190px;justify-self:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.qr-card small{display:block;margin-top:12px;color:var(--muted);word-break:break-all}.qr-actions{display:flex;gap:10px;flex-wrap:wrap}.qr-unavailable{grid-template-columns:1fr}.public-passport-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;margin:10px 0 30px}.public-product-media{aspect-ratio:4/3;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#eef2ef}.public-product-image{display:block;width:100%;height:100%;object-fit:cover}.public-image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.public-product-summary h1{font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 22px}.public-category{display:inline-grid;gap:2px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.public-category span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.public-category strong{font-size:15px}.public-section{max-width:900px}.public-passport-hero+.public-section{margin-bottom:50px}
@media(max-width:760px){.qr-card,.public-passport-hero{grid-template-columns:1fr}.qr-card img{justify-self:start}.public-product-summary h1{font-size:42px}}

.consent-card{border-top:4px solid var(--accent)}.edit-top-actions{margin-bottom:18px}.edit-top-actions .button{min-width:140px}
@media(max-width:700px){.org-guid{max-width:135px}.topbar nav{gap:.6rem}.topbar nav a{font-size:12px}}

/* QR code in passport list */
.passport-row{display:flex;align-items:center;padding:0;border-bottom:1px solid var(--line);transition:.18s}
.passport-row:last-child{border-bottom:0}
.passport-row:hover{background:#fafcfb}
.passport-row-main{display:grid;grid-template-columns:48px minmax(220px,1fr) 150px 130px auto 24px;gap:18px;align-items:center;min-width:0;flex:1;padding:18px 22px;color:inherit;text-decoration:none}
.list-qr{width:70px;height:70px;flex:0 0 70px;margin:10px 18px 10px 0;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;transition:.18s}
.list-qr:hover{transform:scale(1.04);border-color:var(--accent)}
.list-qr img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:850px){.passport-row-main{grid-template-columns:48px 1fr auto}.passport-row-main .passport-meta{display:none}.list-qr-link{width:72px;flex-basis:72px;margin-right:12px}.list-qr-link img{width:48px;height:48px}}
@media(max-width:560px){.passport-row-main{padding:15px 10px 15px 15px}.list-qr-link{width:64px;flex-basis:64px;margin-right:8px}.list-qr-link img{width:42px;height:42px}.passport-row-main .arrow{display:none}}

/* Enhanced public DPP passport view */
.public-passport-shell{display:grid;gap:28px}.public-passport-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:26px;align-items:stretch;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#f7fbf9 0%,#eef7f2 38%,#ffffff 100%);box-shadow:var(--shadow)}.public-stage-copy h1{font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-.05em;margin:8px 0 16px}.public-summary{max-width:62ch;color:#53615d;font-size:17px;margin:0 0 18px}.passport-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.passport-badges span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid rgba(23,107,85,.15);color:#1d3a31;font-size:12px;font-weight:800;box-shadow:0 4px 16px rgba(20,44,37,.05)}.public-keyfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-keyfacts div{padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(18,56,42,.08)}.public-keyfacts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#66756f;margin-bottom:5px}.public-keyfacts strong{display:block;font-size:15px;line-height:1.4}.public-stage-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.public-gallery-item,.public-image-placeholder{border-radius:22px;border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:0 10px 25px rgba(24,39,31,.06)}.public-gallery-item:first-child{grid-column:1/-1}.public-gallery-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef2ef}.public-gallery-item figcaption{padding:10px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800}.public-image-placeholder{min-height:240px;display:grid;place-items:center;color:var(--muted)}
.public-purpose-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:22px;padding:24px 26px;border-radius:24px;border:1px solid rgba(23,107,85,.14);background:linear-gradient(135deg,rgba(23,107,85,.1),rgba(23,107,85,.03) 55%,#fff 100%)}.public-purpose-banner h2{margin:6px 0 10px;font-size:30px;line-height:1.08;letter-spacing:-.03em}.public-purpose-banner p{margin:0;color:#53615d;font-size:15px}.purpose-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.purpose-pill{padding:15px 16px;border-radius:18px;background:#fff;border:1px solid rgba(23,107,85,.12)}.purpose-pill strong{display:block;font-size:14px;margin-bottom:4px}.purpose-pill span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.public-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.passport-metric{padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.passport-metric span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6a7672;margin-bottom:8px;font-weight:800}.passport-metric strong{display:block;font-size:28px;line-height:1.08;letter-spacing:-.03em;margin-bottom:6px}.passport-metric small{display:block;color:#66756f;font-size:13px}
.public-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.passport-story-card{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.passport-story-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:10px}.passport-story-card h3{margin:0 0 8px;font-size:20px;line-height:1.12}.passport-story-card p{margin:0;color:#53615d;font-size:14px;line-height:1.55}
.public-sections-grid{display:grid;gap:18px}.public-passport-section{padding:22px 24px;border-radius:22px}.public-passport-section .field-grid{border-radius:16px}.public-passport-section .materials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.expired-banner{display:grid;place-items:center;text-align:center;gap:8px;padding:24px 28px;margin-bottom:24px;background:linear-gradient(135deg,#fff2f0 0%,#ffe8e4 100%);border:1px solid #f2b8ae;border-radius:24px;box-shadow:var(--shadow)}.expired-banner span{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:10px 16px;border-radius:999px;background:#b42318;color:#fff;font-size:28px;font-weight:900;letter-spacing:.16em}.expired-banner p{margin:0;color:#7a271a;font-size:15px;max-width:70ch}
@media(max-width:1100px){.public-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-passport-section .materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.public-passport-stage,.public-purpose-banner{grid-template-columns:1fr}.public-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.public-stage-copy h1{font-size:42px}.public-keyfacts,.purpose-pill-grid,.public-metrics-grid,.public-story-grid,.public-passport-section .materials-grid{grid-template-columns:1fr}.public-stage-gallery{grid-template-columns:1fr}.public-passport-stage{padding:22px}.expired-banner span{min-width:0;width:100%;font-size:24px}}

/* Restored management list layout: fixed QR column before Status */
.passport-row{position:relative;display:grid;grid-template-columns:48px minmax(220px,1fr) 132px 120px 105px 105px 36px 92px 24px;gap:14px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}
.passport-row:hover{background:#fafcfb}.passport-row>*:not(.passport-row-hit){position:relative;z-index:2;pointer-events:none}.passport-row-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.list-qr-link{width:28px;height:28px;display:grid;place-items:center;position:relative!important;z-index:3!important;pointer-events:auto!important;border:1px solid var(--line);border-radius:6px;background:#fff;padding:2px}.list-qr-link img{width:100%;height:100%;display:block}.list-qr-slot{width:28px;height:28px;display:block}.passport-row .status{justify-self:start}.passport-row .arrow{justify-self:end}
.picture-field-value{display:flex;align-items:center;gap:12px}.picture-thumb{width:72px;height:54px;object-fit:cover;border-radius:9px;border:1px solid var(--line);background:#eef2ef;flex:0 0 auto}.picture-field-value strong{min-width:0;overflow-wrap:anywhere}.picture-upload-field{grid-column:1/-1}.picture-upload-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.edit-picture-thumb{width:96px;height:72px}.picture-upload-copy{display:grid;gap:8px;min-width:0;flex:1}.picture-upload-copy strong{overflow-wrap:anywhere}.picture-upload-copy small{color:var(--muted)}.picture-upload-copy input[type=file]{padding:8px;background:#fff}
.detail-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-action-form{margin:0}.button[disabled]{opacity:.62;cursor:default}.input-affix{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.input-affix>span{display:grid;place-items:center;min-width:42px;padding:0 10px;background:#f5f7f6;color:var(--muted);font-weight:800}.input-affix input{border:0!important;border-radius:0!important;outline:0!important}.input-affix.suffix>span{order:2}
@media(max-width:1100px){.passport-row{grid-template-columns:48px minmax(180px,1fr) 110px 100px 36px 92px 24px}.passport-row .passport-meta:nth-of-type(5),.passport-row .passport-meta:nth-of-type(6){display:none}}
@media(max-width:850px){.passport-row{grid-template-columns:48px minmax(0,1fr) 36px 92px 20px;padding:14px}.passport-row .passport-meta{display:none!important}.passport-main span{max-width:46vw}.detail-actions{flex-wrap:wrap}.detail-action-buttons{width:100%;justify-content:flex-end}}
@media(max-width:560px){.passport-row{grid-template-columns:42px minmax(0,1fr) 32px 82px;padding:12px;gap:10px}.passport-row .arrow{display:none}.list-qr-link,.list-qr-slot{width:28px;height:28px}.picture-upload-row{align-items:flex-start;flex-direction:column}.edit-picture-thumb{width:120px;height:90px}}

/* Editable material collection */
.edit-material-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.edit-material-header .edit-material-title{margin-bottom:0}.material-remove{padding:8px 12px;color:#b42318;border-color:#f1c0bb;background:#fff}.materials-actions{display:flex;justify-content:flex-start;margin-top:14px}.materials-actions .button{min-width:140px}

/* Editable material collection */
.edit-material-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.edit-material-header .edit-material-title{margin-bottom:0}.material-remove{padding:8px 12px;color:#b42318;border-color:#f1c0bb;background:#fff}.materials-actions{display:flex;justify-content:flex-start;margin-top:14px}.materials-actions .button{min-width:140px}

/* List create/delete actions */
.panel-title-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.panel-title-actions h2{margin:0}.list-delete-form{position:relative!important;z-index:4!important;pointer-events:auto!important;margin:0}.list-delete-button{width:32px;height:32px;border-radius:9px;border:1px solid #f0c7c2;background:#fff;color:#b42318;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}.list-delete-button:hover{background:#fff2f0;border-color:#e6a59c}.passport-row>*:not(.passport-row-hit){pointer-events:none}.passport-row .list-delete-form,.passport-row .list-delete-form *,.passport-row .list-qr-link{pointer-events:auto}.passport-row{grid-template-columns:48px minmax(220px,1fr) 120px 110px 105px 105px 28px auto 24px 32px}
@media(max-width:1050px){.passport-row{grid-template-columns:48px minmax(190px,1fr) 105px 105px 28px auto 24px 32px}.passport-row .passport-meta:nth-of-type(3),.passport-row .passport-meta:nth-of-type(4){display:none}}
@media(max-width:700px){.panel-title-actions{justify-content:space-between}.passport-row{grid-template-columns:44px 1fr 28px auto 32px}.passport-row .passport-meta,.passport-row .arrow{display:none}.list-delete-button{width:30px;height:30px}}

/* Development list create/delete actions */
.panel-title-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.panel-title-actions h2{margin:0}.list-delete-form{position:relative!important;z-index:4!important;pointer-events:auto!important;margin:0}.list-delete-button{width:32px;height:32px;border-radius:9px;border:1px solid #f0c7c2;background:#fff;color:#b42318;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}.list-delete-button:hover{background:#fff2f0;border-color:#e6a59c}.passport-row .list-delete-form,.passport-row .list-delete-form *,.passport-row .list-qr-link{pointer-events:auto!important}.passport-row{grid-template-columns:48px minmax(220px,1fr) 120px 110px 105px 105px 28px auto 24px 32px}
@media(max-width:1050px){.passport-row{grid-template-columns:48px minmax(190px,1fr) 105px 105px 28px auto 24px 32px}.passport-row .passport-meta:nth-of-type(3),.passport-row .passport-meta:nth-of-type(4){display:none}}
@media(max-width:700px){.panel-title-actions{justify-content:space-between}.passport-row{grid-template-columns:44px 1fr 28px auto 32px}.passport-row .passport-meta,.passport-row .arrow{display:none}.list-delete-button{width:30px;height:30px}}

/* Styled delete confirmation modal */
.list-delete-slot{width:32px;height:32px;display:block}.delete-modal[hidden]{display:none}.delete-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.delete-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.48);backdrop-filter:blur(3px)}.delete-modal-card{position:relative;z-index:1;width:min(92vw,440px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(17,24,39,.24)}.delete-modal-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#fff2f0;color:#b42318;font-size:26px;font-weight:900}.delete-modal-card h2{margin:0 0 8px;font-size:24px}.delete-modal-card p{margin:0 auto 22px;color:var(--muted);max-width:34ch}.delete-modal-actions{display:flex;justify-content:center;gap:10px}.delete-modal-actions form{margin:0}.delete-confirm-button{background:#b42318}.delete-confirm-button:hover{background:#912018}

/* Fixed DPP list columns + Excel actions */
.passport-row{grid-template-columns:48px minmax(260px,1fr) 120px 110px 105px 105px 36px 96px 24px 32px!important;gap:14px!important}.list-qr-link,.list-qr-slot{width:28px;height:28px;justify-self:center}.list-delete-button,.list-delete-slot{width:32px;height:32px;justify-self:center}.passport-row .status{width:90px;justify-self:start;white-space:nowrap}.passport-row .arrow{width:24px;text-align:center}.list-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-toolbar form{margin:0}.excel-import-form{display:inline-flex}.excel-import-button{position:relative;overflow:hidden;cursor:pointer}.excel-import-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
@media(max-width:1150px){.passport-row{grid-template-columns:48px minmax(220px,1fr) 105px 105px 36px 96px 24px 32px!important}.passport-row .passport-meta:nth-of-type(3),.passport-row .passport-meta:nth-of-type(4){display:none!important}}
@media(max-width:820px){.passport-row{grid-template-columns:44px minmax(0,1fr) 32px 90px 32px!important}.passport-row .passport-meta,.passport-row .arrow{display:none!important}.passport-row .status{width:86px}.panel-head{align-items:flex-start}.panel-title-actions{align-items:flex-start}.list-toolbar{width:100%}}
.button.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;user-select:none}

/* Admin settings */
.settings-nav-link{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--org-text-color),transparent 65%);font-size:18px;line-height:1}.settings-nav-link:hover{background:color-mix(in srgb,var(--org-text-color),transparent 88%)}.settings-card{max-width:820px}.admin-user-list{display:grid;gap:10px}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-user-row>div{min-width:0}.admin-user-row strong{display:block;word-break:break-word}.admin-user-row span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.admin-self-label{display:inline-flex!important;width:max-content;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)!important;font-weight:800;margin:0!important}.admin-add-form{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:8px}.admin-add-form label{font-size:12px;color:var(--muted);font-weight:800}.admin-add-form>div{display:flex;gap:10px}.admin-add-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit}.settings-help{color:var(--muted);font-size:13px;margin:14px 0 0}.admin-remove-button{min-width:92px}@media(max-width:600px){.admin-user-row,.admin-add-form>div{align-items:stretch;flex-direction:column}.admin-remove-button{width:100%}}

/* Session-hardened navigation */
.nav-logout-form{display:inline-flex;margin:0}.nav-link-button{appearance:none;border:0;background:transparent;color:var(--org-text-color);font:inherit;font-weight:650;padding:0;cursor:pointer}.nav-link-button:hover{text-decoration:underline}.nav-link-button:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}

.settings-intro{color:var(--muted);margin:-4px 0 20px;line-height:1.55}.settings-subheading{font-size:14px;margin:22px 0 12px;color:var(--text)}.settings-subheading.billing-heading{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.settings-field{display:grid;gap:6px}.settings-field span{font-size:12px;color:var(--muted);font-weight:800}.settings-field input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;background:#f8faf9;color:var(--text)}.settings-field input[readonly]{cursor:default}.settings-field input::placeholder{color:#9aa5a0}@media(max-width:700px){.settings-field-grid{grid-template-columns:1fr}}

/* Passport list row edit/delete icon actions */
.list-edit-button,.list-edit-slot,.list-delete-button,.list-delete-slot{width:32px;height:32px;justify-self:center;position:relative;z-index:4}
.list-edit-button,.list-delete-button{display:grid;place-items:center;border-radius:9px;background:#fff;text-decoration:none}
.list-edit-button{border:1px solid var(--line);color:var(--ink)}
.list-edit-button:hover{background:#f5f7f6;border-color:#b9c3bd}
.list-delete-button{border:1px solid #f0c7c2;color:#b42318;padding:0}
.list-edit-button svg,.list-delete-button svg{width:17px;height:17px;fill:currentColor;display:block}
.passport-row .list-edit-button,.passport-row .list-delete-button,.passport-row .list-qr-link{pointer-events:auto!important}
.passport-row{grid-template-columns:48px minmax(260px,1fr) 120px 110px 105px 105px 36px 96px 24px 32px 32px!important}
.button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:700px){.passport-row{grid-template-columns:44px 1fr 28px auto 32px 32px!important}.list-edit-button,.list-edit-slot,.list-delete-button,.list-delete-slot{width:30px;height:30px}}

/* Organization-level public passport layout selector */
.layout-choice-form{display:grid;gap:18px}.layout-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.layout-choice{position:relative;display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:.18s}.layout-choice:hover{border-color:#b5c2bc}.layout-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.layout-choice input{position:absolute;right:14px;top:14px;accent-color:var(--accent)}.layout-choice strong{font-size:15px}.layout-choice small{color:var(--muted);line-height:1.45}.layout-preview{height:112px;border-radius:12px;border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:32% 1fr;gap:8px;padding:10px;background:#f7f9f8}.layout-preview i,.layout-preview b,.layout-preview em{display:block;border-radius:7px}.layout-preview i{grid-row:1/3;background:#dfe9e4}.layout-preview b{height:22px;background:#c9d8d1}.layout-preview em{background:#fff;border:1px solid #dde4e0}.layout-preview-tracyble{background:#f4f1e9;grid-template-columns:22% 1fr}.layout-preview-tracyble i{background:#193f33}.layout-preview-tracyble b{background:#d8ddcf;border-radius:2px}.layout-preview-tracyble em{border-radius:2px;border-color:#dedbd0}.layout-choice-actions{display:flex;justify-content:flex-end}@media(max-width:700px){.layout-choice-grid{grid-template-columns:1fr}}

/* Tracyble public passport theme — inspired by the clean, numbered datasheet treatment. */
body.public-layout-tracyble{--bg:#f4f1e9;--card:#fbfaf6;--ink:#18362d;--muted:#6f756e;--line:#dedbd0;--accent:#214f40;--accent-soft:#e4e8df;background:#f4f1e9;color:#18362d}
body.public-layout-tracyble .topbar{position:relative;height:74px;background:#f4f1e9;color:#18362d;border-bottom:1px solid #d9d5ca;box-shadow:none}
body.public-layout-tracyble .brand{color:#18362d;font-size:14px;letter-spacing:.14em}
body.public-layout-tracyble .brand span{color:#768077;opacity:1}
body.public-layout-tracyble .shell{max-width:1180px;padding-top:34px}
body.public-layout-tracyble .public-passport-shell{gap:22px}
body.public-layout-tracyble .public-passport-stage{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);border-radius:4px;border:1px solid #d9d5ca;background:#fbfaf6;box-shadow:none;padding:34px}
body.public-layout-tracyble .public-stage-copy .eyebrow{font-size:11px;color:#6e786f;letter-spacing:.18em}
body.public-layout-tracyble .public-stage-copy h1{font-size:clamp(42px,6vw,70px);font-weight:650;line-height:.96;letter-spacing:-.055em;max-width:10ch;margin:12px 0 20px}
body.public-layout-tracyble .public-summary{color:#657068;max-width:52ch;font-size:15px}
body.public-layout-tracyble .passport-badges{gap:7px}
body.public-layout-tracyble .passport-badges span{min-height:30px;padding:5px 10px;border-radius:999px;background:#f0efe8;border:1px solid #d8d5ca;color:#29493e;box-shadow:none;font-size:11px}
body.public-layout-tracyble .public-keyfacts{border-top:1px solid #dedbd0;margin-top:24px;padding-top:18px;gap:0}
body.public-layout-tracyble .public-keyfacts div{padding:10px 0;background:transparent;border:0;border-bottom:1px solid #e4e1d8;border-radius:0}
body.public-layout-tracyble .public-keyfacts div:nth-child(odd){padding-right:18px}
body.public-layout-tracyble .public-stage-gallery{gap:8px}
body.public-layout-tracyble .public-gallery-item,body.public-layout-tracyble .public-image-placeholder{border-radius:3px;border-color:#d9d5ca;box-shadow:none;background:#eeece5}
body.public-layout-tracyble .public-gallery-item figcaption{background:#fbfaf6;font-size:10px}
body.public-layout-tracyble .public-purpose-banner{border-radius:4px;border:1px solid #d9d5ca;background:#1f493b;color:#f7f5ef;padding:30px}
body.public-layout-tracyble .public-purpose-banner h2{font-size:32px;font-weight:600;letter-spacing:-.035em}
body.public-layout-tracyble .public-purpose-banner p{color:#dbe4df}
body.public-layout-tracyble .public-purpose-banner .passport-story-eyebrow{color:#c5d5cd}
body.public-layout-tracyble .purpose-pill{border-radius:3px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
body.public-layout-tracyble .purpose-pill span{color:#d5ded9}
body.public-layout-tracyble .public-metrics-grid{gap:10px}
body.public-layout-tracyble .passport-metric{border-radius:3px;border-color:#d9d5ca;background:#fbfaf6;box-shadow:none;padding:20px}
body.public-layout-tracyble .passport-metric strong{font-size:25px;font-weight:600}
body.public-layout-tracyble .public-story-grid{gap:10px}
body.public-layout-tracyble .passport-story-card{border-radius:3px;border-color:#d9d5ca;background:#fbfaf6;box-shadow:none;padding:20px}
body.public-layout-tracyble .passport-story-card h3{font-weight:600}
body.public-layout-tracyble .public-sections-grid{gap:12px}
body.public-layout-tracyble .public-passport-section{position:relative;border-radius:3px;border-color:#d9d5ca;background:#fbfaf6;box-shadow:none;padding:26px 28px}
body.public-layout-tracyble .public-passport-section .section-heading{align-items:flex-start;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e3dfd5}
body.public-layout-tracyble .public-passport-section .section-heading span{width:auto;height:auto;border-radius:0;background:transparent;color:#7a817a;font-size:11px;letter-spacing:.12em;padding-top:5px}
body.public-layout-tracyble .public-passport-section .section-heading h2{font-size:24px;font-weight:600;letter-spacing:-.025em}
body.public-layout-tracyble .public-passport-section .field-grid{border-radius:2px;background:#e5e1d7;border-color:#e5e1d7}
body.public-layout-tracyble .public-passport-section .field{background:#fbfaf6}
body.public-layout-tracyble .public-passport-section .field span{font-size:11px;text-transform:none;letter-spacing:.01em}
body.public-layout-tracyble .public-passport-section .material-card{border-radius:3px;border-color:#d9d5ca;background:#f8f6f0}
body.public-layout-tracyble .public-passport-section .material-pct{border-radius:999px;background:#e1e7df;color:#214f40}
body.public-layout-tracyble .expired-banner{border-radius:3px;box-shadow:none}
@media(max-width:900px){body.public-layout-tracyble .public-passport-stage{grid-template-columns:1fr}}

/* Organization-level public passport layout selector */
.layout-choice-form{display:grid;gap:18px}.layout-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.layout-choice{position:relative;display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:.18s}.layout-choice:hover{border-color:#b5c2bc}.layout-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.layout-choice input{position:absolute;right:14px;top:14px;accent-color:var(--accent)}.layout-choice strong{font-size:15px}.layout-choice small{color:var(--muted);line-height:1.45}.layout-preview{height:112px;border-radius:12px;border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:32% 1fr;gap:8px;padding:10px;background:#f7f9f8}.layout-preview i,.layout-preview b,.layout-preview em{display:block;border-radius:7px}.layout-preview i{grid-row:1/3;background:#dfe9e4}.layout-preview b{height:22px;background:#c9d8d1}.layout-preview em{background:#fff;border:1px solid #dde4e0}.layout-preview-tracyble{background:#f4f1e9;grid-template-columns:22% 1fr}.layout-preview-tracyble i{background:#193f33}.layout-preview-tracyble b{background:#d8ddcf;border-radius:2px}.layout-preview-tracyble em{border-radius:2px;border-color:#dedbd0}.layout-choice-actions{display:flex;justify-content:flex-end}@media(max-width:700px){.layout-choice-grid{grid-template-columns:1fr}}

/* Tracyble public passport theme — inspired by the clean, numbered datasheet treatment. */
body.public-layout-tracyble{--bg:#f4f1e9;--card:#fbfaf6;--ink:#18362d;--muted:#6f756e;--line:#dedbd0;--accent:#214f40;--accent-soft:#e4e8df;background:#f4f1e9;color:#18362d}
body.public-layout-tracyble .topbar{position:relative;height:74px;background:#f4f1e9;color:#18362d;border-bottom:1px solid #d9d5ca;box-shadow:none}
body.public-layout-tracyble .brand{color:#18362d;font-size:14px;letter-spacing:.14em}
body.public-layout-tracyble .brand span{color:#768077;opacity:1}
body.public-layout-tracyble .shell{max-width:1180px;padding-top:34px}
body.public-layout-tracyble .public-passport-shell{gap:22px}
body.public-layout-tracyble .public-passport-stage{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);border-radius:4px;border:1px solid #d9d5ca;background:#fbfaf6;box-shadow:none;padding:34px}
body.public-layout-tracyble .public-stage-copy .eyebrow{font-size:11px;color:#6e786f;letter-spacing:.18em}
body.public-layout-tracyble .public-stage-copy h1{font-size:clamp(42px,6vw,70px);font-weight:650;line-height:.96;letter-spacing:-.055em;max-width:10ch;margin:12px 0 20px}
body.public-layout-tracyble .public-summary{color:#657068;max-width:52ch;font-size:15px}
body.public-layout-tracyble .passport-badges{gap:7px}
body.public-layout-tracyble .passport-badges span{min-height:30px;padding:5px 10px;border-radius:999px;background:#f0efe8;border:1px solid #d8d5ca;color:#29493e;box-shadow:none;font-size:11px}
body.public-layout-tracyble .public-keyfacts{border-top:1px solid #dedbd0;margin-top:24px;padding-top:18px;gap:0}
body.public-layout-tracyble .public-keyfacts div{padding:10px 0;background:transparent;border:0;border-bottom:1px solid #e4e1d8;border-radius:0}
body.public-layout-tracyble .public-keyfacts div:nth-child(odd){padding-right:18px}
body.public-layout-tracyble .public-stage-gallery{gap:8px}
body.public-layout-tracyble .public-gallery-item,body.public-layout-tracyble .public-image-placeholder{border-radius:3px;border-color:#d9d5ca;box-shadow:none;background:#eeece5}
body.public-layout-tracyble .public-gallery-item figcaption{background:#fbfaf6;font-size:10px}
body.public-layout-tracyble .public-purpose-banner{border-radius:4px;border:1px solid #d9d5ca;background:#1f493b;color:#f7f5ef;padding:30px}
body.public-layout-tracyble .public-purpose-banner h2{font-size:32px;font-weight:600;letter-spacing:-.035em}
body.public-layout-tracyble .public-purpose-banner p{color:#dbe4df}
body.public-layout-tracyble .public-purpose-banner .passport-story-eyebrow{color:#c5d5cd}
body.public-layout-tracyble .purpose-pill{border-radius:3px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
body.public-layout-tracyble .purpose-pill span{color:#d5ded9}
body.public-layout-tracyble .public-metrics-grid{gap:10px}
body.public-layout-tracyble .passport-metric{border-radius:3px;border-color:#d9d5ca;background:#fbfaf6;box-shadow:none;padding:20px}
body.public-layout-tracyble .passport-metric strong{font-size:25px;font-weight:600}
body.public-layout-tracyble .public-story-grid{gap:10px}
body.public-layout-tracyble .passport-story-card{border-radius:3px;border-color:#d9d5ca;background:#fbfaf6;box-shadow:none;padding:20px}
body.public-layout-tracyble .passport-story-card h3{font-weight:600}
body.public-layout-tracyble .public-sections-grid{gap:12px}
body.public-layout-tracyble .public-passport-section{position:relative;border-radius:3px;border-color:#d9d5ca;background:#fbfaf6;box-shadow:none;padding:26px 28px}
body.public-layout-tracyble .public-passport-section .section-heading{align-items:flex-start;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e3dfd5}
body.public-layout-tracyble .public-passport-section .section-heading span{width:auto;height:auto;border-radius:0;background:transparent;color:#7a817a;font-size:11px;letter-spacing:.12em;padding-top:5px}
body.public-layout-tracyble .public-passport-section .section-heading h2{font-size:24px;font-weight:600;letter-spacing:-.025em}
body.public-layout-tracyble .public-passport-section .field-grid{border-radius:2px;background:#e5e1d7;border-color:#e5e1d7}
body.public-layout-tracyble .public-passport-section .field{background:#fbfaf6}
body.public-layout-tracyble .public-passport-section .field span{font-size:11px;text-transform:none;letter-spacing:.01em}
body.public-layout-tracyble .public-passport-section .material-card{border-radius:3px;border-color:#d9d5ca;background:#f8f6f0}
body.public-layout-tracyble .public-passport-section .material-pct{border-radius:999px;background:#e1e7df;color:#214f40}
body.public-layout-tracyble .expired-banner{border-radius:3px;box-shadow:none}
@media(max-width:900px){body.public-layout-tracyble .public-passport-stage{grid-template-columns:1fr}}

/* Tracyble public passport palette - matched to the Tracyble editor reference. */
body.public-layout-tracyble{
  --bg:#101010;
  --card:#ffffff;
  --ink:#151515;
  --muted:#5d5d5d;
  --line:#d8d8d8;
  --accent:#c8ff1a;
  --accent-soft:#efffc2;
  background:#101010;
  color:#151515;
}
body.public-layout-tracyble .topbar{
  background:#101010;
  color:#ffffff;
  border-bottom:1px solid #8b8b8b;
}
body.public-layout-tracyble .brand{color:#ffffff}
body.public-layout-tracyble .brand span{color:#c8ff1a;opacity:1}
body.public-layout-tracyble .shell{background:#101010}
body.public-layout-tracyble .public-passport-stage{
  background:#080808;
  color:#ffffff;
  border:1px solid #333333;
  border-radius:20px;
}
body.public-layout-tracyble .public-stage-copy .eyebrow{color:#c8ff1a;font-weight:800}
body.public-layout-tracyble .public-stage-copy h1{color:#ffffff}
body.public-layout-tracyble .public-summary{color:#dddddd}
body.public-layout-tracyble .passport-badges span{
  background:#171717;
  color:#ffffff;
  border-color:#3a3a3a;
}
body.public-layout-tracyble .public-keyfacts{border-top-color:#3a3a3a}
body.public-layout-tracyble .public-keyfacts div{border-bottom-color:#343434;color:#ffffff}
body.public-layout-tracyble .public-keyfacts span{color:#aaaaaa}
body.public-layout-tracyble .public-keyfacts strong{color:#ffffff}
body.public-layout-tracyble .public-gallery-item,
body.public-layout-tracyble .public-image-placeholder{
  background:#ffffff;
  border-color:#303030;
  border-radius:18px;
}
body.public-layout-tracyble .public-gallery-item figcaption{background:#ffffff;color:#242424}
body.public-layout-tracyble .public-purpose-banner{
  background:#ffffff;
  color:#151515;
  border-color:#d5d5d5;
  border-radius:20px;
}
body.public-layout-tracyble .public-purpose-banner h2{color:#151515}
body.public-layout-tracyble .public-purpose-banner p{color:#444444}
body.public-layout-tracyble .public-purpose-banner .passport-story-eyebrow{color:#6d8611}
body.public-layout-tracyble .purpose-pill{
  background:#f6f6f6;
  border-color:#e4e4e4;
  border-radius:12px;
}
body.public-layout-tracyble .purpose-pill strong{color:#151515}
body.public-layout-tracyble .purpose-pill span{color:#606060}
body.public-layout-tracyble .passport-metric,
body.public-layout-tracyble .passport-story-card,
body.public-layout-tracyble .public-passport-section{
  background:#ffffff;
  color:#151515;
  border-color:#d7d7d7;
  border-radius:20px;
}
body.public-layout-tracyble .passport-metric strong,
body.public-layout-tracyble .passport-story-card h3,
body.public-layout-tracyble .public-passport-section .section-heading h2{color:#151515}
body.public-layout-tracyble .public-passport-section .section-heading{border-bottom-color:#e2e2e2}
body.public-layout-tracyble .public-passport-section .section-heading span{
  color:#151515;
  background:#c8ff1a;
  border-radius:10px;
  min-width:36px;
  height:36px;
  display:inline-grid;
  place-items:center;
  padding:0 8px;
  font-weight:900;
}
body.public-layout-tracyble .public-passport-section .field-grid{
  background:#e9e9e9;
  border-color:#e9e9e9;
  border-radius:12px;
}
body.public-layout-tracyble .public-passport-section .field{background:#ffffff}
body.public-layout-tracyble .public-passport-section .field span{color:#676767}
body.public-layout-tracyble .public-passport-section .field strong{color:#151515}
body.public-layout-tracyble .public-passport-section .material-card{
  background:#f7f7f7;
  border-color:#dedede;
  border-radius:14px;
}
body.public-layout-tracyble .public-passport-section .material-pct{
  background:#c8ff1a;
  color:#151515;
}
body.public-layout-tracyble .expired-banner{border-radius:20px}

/* Tracyble option preview in Settings */
.layout-preview-tracyble{background:#101010;border-color:#2f2f2f}
.layout-preview-tracyble i{background:#ffffff}
.layout-preview-tracyble b{background:#c8ff1a;border-radius:8px}
.layout-preview-tracyble em{background:#ffffff;border-color:#d8d8d8;border-radius:8px}