/* Shared admin typography and restrained project controls. */
:root{--p9-text:#17213a;--p9-muted:#68758b;--p9-border:#e3e8f0;--p9-brand:#4058dd}
body{font-size:14px;color:var(--p9-text)}
.content h1{font-size:25px;line-height:1.4;letter-spacing:-.5px;font-weight:650}
.content h2{font-size:17px;line-height:1.5;font-weight:600}
.content h3{font-size:15px;line-height:1.5;font-weight:600}
.field>span,.config-form>label{font-size:13px;font-weight:500}
table th{font-size:12px;font-weight:500;color:var(--p9-muted)}
table td{font-size:13px;line-height:1.65}.cell-title{font-weight:550}
.cell-sub,.hint{font-size:12px;line-height:1.6}.page-head{min-height:48px;margin-bottom:24px}
.project-switcher,.project-actor{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--p9-muted)}
.project-switcher select,.project-actor select{height:36px;max-width:210px;border:1px solid var(--p9-border);border-radius:7px;background:#fff;color:var(--p9-text);padding:0 30px 0 10px;font-size:13px}
.top-end{gap:14px}.project-actor select{max-width:220px}
.project-tree-label{display:flex;align-items:center;gap:9px;padding-left:calc(var(--tree-depth)*24px);min-width:200px}
.project-tree-label strong{font-weight:550}.project-tree-label .mi{width:17px;height:17px;opacity:.65}
.project-tree-label .badge{font-size:10px}.project-table th:first-child{width:29%}
.project-scope-cell{max-width:330px}.p9-side-label{padding:16px 18px 7px;color:#8b96a9;font-size:11px;letter-spacing:.08em}
.p9-optional{border-top:1px solid var(--p9-border);padding:16px 0 0;margin-top:18px}
.p9-optional summary{cursor:pointer;font-size:14px;font-weight:550;margin-bottom:16px;list-style:none;display:flex;align-items:center;justify-content:space-between}
.p9-optional summary:after{content:'＋';font-weight:400;color:var(--p9-muted)}
.p9-optional[open] summary:after{content:'−'}
.project-access-group{padding:16px 0 6px;padding-left:calc(var(--tree-depth)*16px);font-size:12px;color:var(--p9-muted);font-weight:500}
.project-access-option{display:flex;gap:10px;align-items:center;padding:9px 0 9px calc(var(--tree-depth)*16px);font-size:14px}
.project-access-option input{width:16px!important;height:16px!important;flex:none;accent-color:var(--p9-brand)}
#platform-access-options{border:1px solid var(--p9-border);padding:4px 16px 12px;border-radius:8px;max-height:300px;overflow:auto;margin-bottom:12px}
#platform-access-options[hidden]{display:none}
.project-switcher select:focus,.project-actor select:focus{outline:2px solid #4058dd33;outline-offset:1px}
.content button:disabled{cursor:not-allowed;opacity:.5}.content form :disabled{background:#f5f7fa;color:#6d7789}
.page-head>h1+.badge{margin-right:auto}.content .empty{padding:38px 24px}
@media(max-width:1150px){.project-switcher>span{display:none}.project-actor select{max-width:160px}.top-end{gap:8px}.top-end>.badge{display:none}.project-switcher select{max-width:170px}}
@media(max-width:900px){.project-actor{display:none}.topbar .brand>span:last-child{font-size:14px}.project-switcher select{max-width:135px}.topnav{gap:0}.content h1{font-size:23px}}
@media(max-width:680px){body:not([data-surface="member"]) .topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 16px;gap:12px}body:not([data-surface="member"]) .top-end{width:100%;justify-content:flex-end}.project-actor{display:flex}.project-switcher select,.project-actor select{max-width:180px}.project-table{min-width:850px}.content:not(.mini-workspace){padding:20px 16px}.topbar .topnav{margin-left:auto}}

/* Unified marketing catalog and campaign-specific records. */
.p10-purpose-tabs,.p10-record-tabs{display:flex;gap:28px;border-bottom:1px solid var(--p9-border);margin-bottom:26px;overflow-x:auto}
.p10-purpose-tabs button,.p10-record-tabs button{appearance:none;background:none;border:0;border-bottom:3px solid transparent;padding:12px 2px 14px;white-space:nowrap;color:var(--p9-muted);font:inherit;cursor:pointer}
.p10-purpose-tabs button.active,.p10-record-tabs button.active{color:var(--p9-brand);border-bottom-color:var(--p9-brand);font-weight:600}
.p10-purpose-tabs button:focus-visible,.p10-record-tabs button:focus-visible{outline:2px solid #4058dd66;outline-offset:-2px}
.p10-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.p10-template-card{padding:24px!important;display:flex;flex-direction:column;align-items:flex-start;min-height:225px}
.p10-template-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}
.p10-template-icon{display:grid;place-items:center;width:48px;height:48px;background:color-mix(in srgb,var(--template-accent) 9%,white);color:var(--template-accent);border-radius:12px}
.p10-template-icon .mi{width:24px;height:24px}.p10-template-card h2{margin:0 0 8px}
.p10-template-card p{font-size:13px;line-height:1.7;color:var(--p9-muted);margin:0 0 24px}.p10-template-card>.btn{margin-top:auto}
.p10-time{white-space:nowrap;font-size:12px;color:var(--p9-muted)}.p10-marketing-table .actions{max-width:230px;flex-wrap:wrap;gap:6px 14px}
.p10-record-meta{display:flex;gap:10px;font-size:13px;color:var(--p9-muted);margin-top:8px}
@media(min-width:1600px){.p10-template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.p10-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p10-marketing-table{min-width:980px}}
@media(max-width:650px){.p10-template-grid{grid-template-columns:1fr}.p10-purpose-tabs{gap:24px}}

.p10-list-filters{justify-content:flex-start;gap:12px}.p10-list-filters select{height:36px;padding:0 32px 0 12px;border:1px solid var(--p9-border);border-radius:7px;background:#fff;color:var(--p9-text);font-size:13px}.p10-list-filters .search{max-width:280px}