#dn-guides.dn-guide-scopes{max-width:none;padding:24px;background:#f3f6fb;color:#172235}
#dn-guides .dn-guide-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 18px}
#dn-guides .dn-guide-page-head h1{font-size:20px;line-height:1.25;margin:0 0 4px;letter-spacing:-.02em}
#dn-guides .dn-guide-page-head p{margin:0;color:#66758a;font-size:12px;line-height:1.5}
#dn-guides .dn-guide-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#dn-guides.dn-guide-scopes .dn-guide-library,#dn-guides .dn-guide-library{display:grid;grid-template-columns:minmax(250px,280px) minmax(0,1fr);gap:16px;align-items:start}
#dn-guides .dn-guide-index,#dn-guides .dn-guide-detail{border:1px solid #dbe3ef;background:#fff;border-radius:8px;box-shadow:none}
#dn-guides .dn-guide-index{padding:16px;position:sticky;top:16px;min-width:0}
#dn-guides .dn-guide-index>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#dn-guides .dn-guide-index h2{margin:0;font-size:16px;line-height:1.35}
#dn-guides .dn-guide-index h2 span{font-size:12px;color:#66758a;margin-left:4px}
#dn-guides .dn-guide-refresh{width:28px;height:28px;border:0;background:transparent;color:#607089;border-radius:7px;font-size:18px;cursor:pointer}
#dn-guides .dn-guide-search-wrap{display:block;position:relative;margin-bottom:10px}
#dn-guides .dn-guide-search-wrap>span{position:absolute;left:12px;top:7px;font-size:20px;color:#64748b}
#dn-guides .dn-guide-search-wrap input{width:100%;height:38px;border:1px solid #b9c7da;border-radius:7px;background:#fff;padding:7px 10px 7px 34px;font:13px/1.5 var(--font-body,sans-serif);box-sizing:border-box}
#dn-guides .dn-guide-quick-filters{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:8px;margin-bottom:10px}
#dn-guides .dn-guide-quick-filters select,#dn-guides .dn-guide-filter-panel select{width:100%;min-width:0;height:38px;border:1px solid #c4cfdd;border-radius:7px;background:#fff;padding:7px 9px;font:12px/1.5 var(--font-body,sans-serif)}
#dn-guides .dn-guide-filter-panel{border:1px solid #e0e6ef;background:#f8fafc;border-radius:8px;padding:10px;margin:8px 0 12px}
#dn-guides .dn-guide-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#dn-guides .dn-guide-filter-grid label{display:grid;gap:4px;font-size:11px;color:#5d6c82;font-weight:600}
#dn-guides .dn-guide-list{display:grid;gap:8px;max-height:calc(100dvh - 300px);overflow:auto;padding-right:0;margin:0}
#dn-guides .dn-guide-list-card{position:relative;border:1px solid #dbe3ef;border-radius:7px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:start}
#dn-guides .dn-guide-list-card[aria-selected=true]{background:#eef5ff;border-color:#8db4f5;box-shadow:inset 0 0 0 1px #4f83dd}
#dn-guides .dn-guide-list-main{display:grid;gap:6px;text-align:left;border:0;background:transparent;padding:12px 10px;color:#223047;cursor:pointer}
#dn-guides .dn-guide-list-main strong{font-size:14px;line-height:1.35}
#dn-guides .dn-guide-list-main span{font-size:11px;color:#66758a}
#dn-guides .dn-guide-list-main b{display:inline-block;background:#e7f0ff;color:#2563a9;border-radius:999px;padding:2px 7px;margin-right:4px;font-size:10px}
#dn-guides .dn-guide-list-main .dn-guide-pill-warn{background:#fff2cc;color:#8a5d00}
#dn-guides .dn-guide-list-main em{font-style:normal;color:#66758a}
#dn-guides .dn-guide-list-main small{font-size:11px;color:#516177;line-height:1.45}
#dn-guides .dn-guide-row-menu{display:block;width:26px;height:32px;padding:4px;border:0;background:transparent;color:#53647a;margin:7px 2px 0 0;border-radius:7px;cursor:pointer}
#dn-guides .dn-guide-row-pop{position:absolute;right:10px;top:38px;z-index:4;min-width:122px;background:#fff;border:1px solid #d7e0ed;border-radius:8px;box-shadow:0 10px 24px #1722351f;padding:6px}
#dn-guides .dn-guide-row-pop button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:8px 9px;font-size:12px;color:#243348}
#dn-guides .dn-guide-row-pop button:last-child{color:#c02722}
#dn-guides .dn-guide-business-mark{position:absolute;right:38px;bottom:10px;min-width:17px;height:17px;border-radius:999px;background:#e8eef7;color:#53647a;text-align:center;font-size:10px;line-height:17px;font-weight:700}
#dn-guides .dn-guide-detail{min-height:560px;overflow:hidden;padding:0}
#dn-guides .dn-guide-detail-head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid #dfe6f0;margin:0}
#dn-guides .dn-guide-detail-head>div:first-child{min-width:0;flex:1}
#dn-guides .dn-guide-mode-label{display:block;margin:0 0 6px;color:#24518c;font-size:12px;font-weight:800}
#dn-guides .dn-guide-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#66758a;margin-bottom:8px}
#dn-guides .dn-guide-meta b{background:#e8f2ff;color:#2364aa;border-radius:999px;padding:3px 8px;white-space:nowrap}
#dn-guides .dn-guide-meta em{font-style:normal}
#dn-guides .dn-guide-title-view{margin:0;font-size:20px;line-height:1.35;color:#172235;letter-spacing:-.02em}
#dn-guides .dn-guide-title-head-label{display:grid;gap:6px;max-width:820px}
#dn-guides .dn-guide-title-head-label span{font-size:12px;font-weight:700;color:#516177}
#dn-guides .dn-guide-title-input{width:100%;height:40px;border:1px solid #aebed2;border-radius:7px;background:#fff;padding:7px 12px;font-size:17px;font-weight:700;color:#172235;box-sizing:border-box}
#dn-guides .dn-guide-detail-actions{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}
#dn-guides .dn-danger{border-color:#e5a4a0!important;color:#c02722!important;background:#fff!important}
#dn-guides .dn-danger.dn-button{font-weight:700}
#dn-guides .dn-guide-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid #dfe6f0}
#dn-guides .dn-guide-tabs button{border:0;background:transparent;border-bottom:3px solid transparent;padding:13px 18px 12px;color:#44546a;font-weight:700;cursor:pointer}
#dn-guides .dn-guide-tabs button[aria-selected=true]{color:#24518c;border-color:#24518c}
#dn-guides .dn-guide-tabs small{margin-left:7px;color:#738197;font-weight:600}
#dn-guides .dn-guide-detail-body{padding:18px 20px}
#dn-guides .dn-guide-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#dn-guides .dn-guide-content-block:first-child{grid-column:1/-1}
#dn-guides .dn-guide-content-block h3{margin:0 0 8px;font-size:14px}
#dn-guides .dn-guide-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.75;color:#243348}
#dn-guides .dn-guide-content-block .dn-guide-prose{min-height:105px;border-radius:7px;background:#f5f7fa;padding:16px}
#dn-guides .dn-guide-content-block:first-child .dn-guide-prose{min-height:190px}
#dn-guides .dn-guide-placeholder{color:#7b8798}
#dn-guides .dn-guide-edit-form{display:grid;gap:14px}
#dn-guides .dn-guide-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#dn-guides .dn-guide-title-field{grid-column:1/-1}
#dn-guides .dn-guide-customer-title-field{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dfe6f0;border-radius:7px;background:#f8fafc;padding:10px 12px}
#dn-guides .dn-guide-customer-title-field span{display:block;margin-bottom:3px;font-size:11px;color:#66758a;font-weight:700}
#dn-guides .dn-guide-customer-name{font-size:14px;color:#172235}
#dn-guides .dn-guide-edit-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#243348}
#dn-guides .dn-guide-edit-form input:not([type=checkbox]),#dn-guides .dn-guide-edit-form textarea{width:100%;box-sizing:border-box;border:1px solid #aebed2;border-radius:7px;background:#fff;padding:9px 11px;font:13px/1.7 var(--font-body,sans-serif);color:#243348}
#dn-guides .dn-guide-edit-form textarea[name=content]{min-height:300px}
#dn-guides .dn-guide-edit-form .dn-guide-editor-field:has(textarea[name=content]){grid-column:1/-1}
#dn-guides .dn-guide-edit-form footer,#dn-guides .dn-guide-detail-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#dn-guides .dn-guide-edit-form footer [role=status]{margin-right:auto;font-size:12px;color:#66758a}
#dn-guides .dn-guide-customer-layout{display:grid;grid-template-columns:150px minmax(0,1fr) 155px;gap:14px}
#dn-guides .dn-guide-customer-rail,#dn-guides .dn-guide-reference{border:1px solid #dfe6f0;border-radius:8px;background:#f8fafc;padding:12px}
#dn-guides .dn-guide-customer-rail label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#516177}
#dn-guides .dn-guide-customer-rail input{height:36px;border:1px solid #b9c7da;border-radius:7px;padding:7px 9px}
#dn-guides .dn-guide-customer-list{display:grid;gap:6px;margin-top:10px}
#dn-guides .dn-guide-customer-list button{border:1px solid #c5d4ea;background:#fff;border-radius:7px;text-align:left;padding:8px 9px;color:#243348;cursor:pointer;font-size:12px}
#dn-guides .dn-guide-customer-list button[aria-pressed=true]{background:#edf4ff;border-color:#7da8ed;font-weight:700}
#dn-guides .dn-guide-reference strong{display:block;margin-bottom:7px;font-size:13px}
#dn-guides .dn-guide-reference p{font-size:11px;line-height:1.55;color:#66758a;margin:0 0 10px}
#dn-guides .dn-guide-reference .dn-guide-prose{max-height:300px;overflow:auto;background:#fff;border-radius:7px;padding:10px}
#dn-guides .dn-guide-customer-layout .dn-guide-title-field{display:flex}
#dn-guides .dn-guide-customer-layout .dn-guide-form-grid{grid-template-columns:minmax(0,1fr)}
#dn-guides .dn-guide-customer-layout section,#dn-guides .dn-guide-form-grid>.dn-guide-editor-field{min-width:0}
#dn-guides .dn-guide-detail-foot{padding:14px 20px;border-top:1px solid #dfe6f0;color:#66758a;font-size:12px;justify-content:space-between}
#dn-guides .dn-guide-empty,#dn-guides .dn-guide-library-empty{padding:42px 20px;text-align:center;color:#66758a;line-height:1.75}
#dn-guides .dn-guide-library-empty img{width:64px;height:64px;object-fit:contain}
#dn-guides .dn-guide-library-empty h3{color:#172235;margin:14px 0 6px}
#dn-guides .dn-guide-modal-backdrop{position:fixed;z-index:80;inset:0;background:#17223599;display:grid;place-items:center}
#dn-guides .dn-guide-delete-dialog{width:min(420px,calc(100vw - 32px));background:#fff;border-radius:12px;padding:26px;box-shadow:0 20px 60px #0004}
#dn-guides .dn-guide-delete-dialog h3{margin:0 0 14px;font-size:20px}
#dn-guides .dn-guide-delete-dialog p{font-size:14px;line-height:1.8;color:#243348}
#dn-guides .dn-guide-delete-dialog div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
#dn-guides.dn-guide-scopes .td-rich{border:1px solid #aebed2;border-radius:7px;overflow:hidden;background:#fff}
#dn-guides.dn-guide-scopes .td-rich-source,#dn-guides .td-rich-source{display:none}
#dn-guides.dn-guide-scopes .td-rich-input{min-height:140px;border:0}
#dn-guides.dn-guide-scopes .dn-guide-editor-field:has(textarea[name=content]) .td-rich-input{min-height:300px}
#dn-guides .td-rich-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:26px;height:30px;padding:0 4px;line-height:1}
#dn-guides .td-rich-toolbar svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#dn-guides .td-rich-toolbar [data-rich-action=format]{min-width:96px;justify-content:space-between;font-size:12px}
@media(max-width:1000px){#dn-guides .dn-guide-customer-layout,#dn-guides .dn-guide-customer-layout{grid-template-columns:minmax(0,1fr)}#dn-guides .dn-guide-reference{display:none}}
@media(max-width:1000px){#dn-guides.dn-guide-scopes .dn-guide-library,#dn-guides .dn-guide-library{grid-template-columns:minmax(0,1fr)}#dn-guides .dn-guide-index{position:static;grid-row:auto}#dn-guides .dn-guide-list{max-height:300px}#dn-guides .dn-guide-page-head{flex-direction:column}#dn-guides .dn-guide-head-actions{width:100%}}
@media(max-width:760px){#dn-guides.dn-guide-scopes{padding:18px 12px}#dn-guides .dn-guide-detail-head{padding:18px;flex-direction:column}#dn-guides .dn-guide-detail-actions{flex-wrap:wrap}#dn-guides .dn-guide-view-grid,#dn-guides .dn-guide-form-grid{grid-template-columns:1fr}#dn-guides .dn-guide-tabs{overflow:auto;padding:0 12px}#dn-guides .dn-guide-tabs button{white-space:nowrap;padding:12px 10px}#dn-guides .dn-guide-detail-body{padding:18px}#dn-guides .dn-guide-edit-form footer{flex-wrap:wrap}#dn-guides .dn-guide-detail-foot{flex-direction:column;align-items:flex-start}}

#dn-guides .dn-button{min-height:34px;padding:7px 11px;font-size:12px;line-height:1.5;border-radius:6px}
.dn-guide-customer-list button{display:grid;gap:3px}
.dn-guide-customer-list button strong{font-size:12px;color:#243348}
.dn-guide-customer-list button small{font-size:10px;color:#66758a}
.dn-guide-entity-picker{margin-top:12px;border-top:1px solid #dfe6f0;padding-top:12px}
.dn-guide-entity-picker h3{margin:0 0 5px;font-size:13px;color:#172235}
.dn-guide-entity-picker p{margin:0 0 9px;font-size:11px;line-height:1.55;color:#66758a}
.dn-guide-entity-picker>div{display:grid;gap:6px}
.dn-guide-entity-picker button{display:grid;gap:3px;width:100%;border:1px solid #c5d4ea;background:#fff;border-radius:7px;text-align:left;padding:8px 9px;color:#243348;cursor:pointer;font:inherit}
.dn-guide-entity-picker button[aria-pressed=true]{background:#edf4ff;border-color:#7da8ed;font-weight:700}
.dn-guide-entity-picker button strong{font-size:12px}
.dn-guide-entity-picker button small{font-size:10px;color:#66758a}
.dn-guide-customer-title-field small{display:block;margin-top:3px;font-size:11px;color:#66758a;font-weight:600}
.dn-guide-legacy-note{border:1px solid #f0d19b;border-radius:8px;background:#fff8e8;padding:12px;margin-bottom:14px;color:#3c2c12}
.dn-guide-legacy-note strong{display:block;margin-bottom:5px;font-size:13px}
.dn-guide-legacy-note p{margin:0 0 10px;font-size:12px;line-height:1.6;color:#6f5523}
.dn-guide-legacy-note .dn-guide-prose{max-height:180px;overflow:auto;background:#fff;border-radius:7px;padding:10px}
#dn-guides .dn-guide-list-main .dn-guide-pill-migrated{background:#edf4ff;color:#244ec7}
#dn-guides .dn-guide-history-hook{display:inline-flex;align-items:center;gap:6px;min-height:34px}
#dn-guides .dn-guide-migrated-readonly{display:grid;gap:10px;margin-top:14px;border:1px solid #d7e3f4;border-radius:8px;background:#f8fbff;padding:14px;color:#243348}
#dn-guides .dn-guide-migrated-readonly:first-child{margin-top:0}
#dn-guides .dn-guide-migrated-readonly h3{margin:0;font-size:15px;line-height:1.4;color:#172235}
#dn-guides .dn-guide-migrated-readonly h3 small{font-size:11px;color:#66758a;margin-left:5px}
#dn-guides .dn-guide-migrated-readonly>p{margin:0;font-size:12px;line-height:1.6;color:#66758a}
#dn-guides .dn-guide-migrated-card{display:grid;gap:10px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;padding:12px}
#dn-guides .dn-guide-migrated-card header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 8px;align-items:center}
#dn-guides .dn-guide-migrated-card header span{border-radius:999px;background:#e8f2ff;color:#24518c;padding:3px 8px;font-size:11px;font-weight:800;white-space:nowrap}
#dn-guides .dn-guide-migrated-card header strong{min-width:0;font-size:14px;line-height:1.4;color:#172235;overflow-wrap:anywhere}
#dn-guides .dn-guide-migrated-card header small{grid-column:1/-1;font-size:11px;color:#66758a;line-height:1.5}
#dn-guides .dn-guide-migrated-card header a{grid-column:1/-1;justify-self:start;font-size:12px;color:#24518c;text-decoration:none;font-weight:700}
#dn-guides .dn-guide-migrated-doc{border-radius:7px;background:#f5f7fa;padding:12px;min-height:68px;font-size:13px;line-height:1.75;overflow-wrap:anywhere}

#dn-guides .dn-guide-editor-field{display:grid;gap:9px;min-width:0}
#dn-guides .dn-guide-editor-field .td-rich-input{font-weight:400;color:#26344a}

/* Native checklist controls must not inherit full-width guide form fields. */
#dn-guides :is(.td-rich-input,.td-rich-display) input[type=checkbox]{display:inline-block;width:15px;height:15px;padding:0;margin:0 5px 0 0;vertical-align:middle}

#dn-guides .dn-guide-edit-picker{width:min(460px,calc(100vw - 32px));max-height:80dvh;overflow:auto;border:1px solid #dce3ee;border-radius:10px;padding:22px;color:#263044;background:#fff}
#dn-guides .dn-guide-edit-picker::backdrop{background:#17223566}
#dn-guides .dn-guide-edit-picker h2{font-size:17px;margin:0 0 8px}
#dn-guides .dn-guide-edit-picker p{font-size:13px;color:#647084}
#dn-guides .dn-guide-edit-picker>div{display:grid;gap:8px}
#dn-guides .dn-guide-edit-picker>div button{text-align:left;white-space:normal;overflow-wrap:anywhere;padding:12px}
#dn-guides .dn-guide-edit-picker footer{display:flex;justify-content:flex-end;margin-top:16px}