.srm-sample{margin:34px 0 46px;scroll-margin-top:108px;--sample-primary:#176b69;--sample-dark:#163e4d;font-size:12px;line-height:1.6;letter-spacing:0;word-break:keep-all}
.sample-caption{display:flex;align-items:center;gap:12px;margin:0 0 13px;flex-wrap:wrap}.srm-sample .sample-caption h4{font-size:15px;line-height:1.5;margin:0;color:#244656}.sample-index{font-size:9px;letter-spacing:.12em;font-weight:750;color:#087f8c}.sample-demo{margin-left:auto;font-size:10px;color:#687d88;background:#edf2f5;border-radius:4px;padding:3px 8px}.sample-window{border:1px solid #d2dfe4;border-radius:11px;overflow:hidden;background:#f5f8fa;box-shadow:0 8px 24px #23485e0b}.sample-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--sample-dark);padding:16px 22px;color:white}.sample-logo{font-size:17px;font-weight:800;letter-spacing:.04em}.sample-logo span{font-size:11px;letter-spacing:0;font-weight:500;margin-left:8px;color:#c5dadd}.sample-person{font-size:10px;color:#d0e0e6}.sample-modules{display:flex;gap:24px;overflow:auto;background:white;padding:0 22px;border-bottom:1px solid #dce5e9;white-space:nowrap}.sample-modules>span{font-size:11px;padding:13px 0 11px;color:#687c88;border-bottom:3px solid transparent}.sample-modules .is-current{font-weight:750;color:#176b69;border-color:#168982}.sample-workspace{padding:24px 22px}.sample-title{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:20px}.sample-breadcrumb{color:#81929d;font-size:9px;letter-spacing:.02em}.srm-sample h5{font-size:19px;line-height:1.45;letter-spacing:-.035em;color:#234454;margin:6px 0}.srm-sample p{font-size:11px;line-height:1.7;color:#6a7f8a;margin:0}.sample-live,.sample-scope{font-size:9px;white-space:nowrap;color:#52746c;border:1px solid #d9e7e2;background:#fff;border-radius:20px;padding:6px 10px}.sample-live i,.sample-status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#208e7d;margin-right:5px}.sample-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}.sample-metrics>div{background:white;border:1px solid #e1e8ed;border-radius:7px;padding:15px}.sample-metrics>div>span{font-size:10px;color:#6d818d}.sample-metrics strong{display:block;font-size:26px;line-height:1.5;letter-spacing:-.04em;color:#234454;margin-top:5px}.sample-metrics small{font-size:11px;letter-spacing:0;margin-left:5px;font-weight:500;color:#7c909c}.sample-metrics .metric-attention{background:#fffaf6;border-color:#f1e3d6}.sample-metrics .metric-attention strong{color:#b87336}.sample-filter{display:flex;align-items:center;gap:11px;margin-bottom:12px;flex-wrap:wrap}.sample-filter label{font-size:10px;font-weight:700;color:#385564;white-space:nowrap}.sample-filter input{font:inherit;font-size:11px;background:white;border:1px solid #d8e2e7;color:#304e5e;border-radius:5px;padding:9px 12px;min-width:180px;flex:1;max-width:360px;line-height:1.5}.sample-filter input:focus{outline:2px solid #209b99;outline-offset:2px}.sample-filter input::placeholder{color:#8d9da7}.sample-filter-value{margin-left:auto;border:1px solid #dde5e9;background:white;color:#6b808e;padding:8px 10px;border-radius:5px;font-size:10px;white-space:nowrap}.sample-table-wrap{overflow:auto;border:1px solid #dce5e9;border-radius:6px;background:white;scrollbar-width:thin}.srm-sample .sample-table{width:100%;min-width:640px;table-layout:auto;border-collapse:collapse;font-size:11px;line-height:1.6;text-align:left}.srm-sample .sample-table th{font-size:10px;font-weight:650;background:#eff4f7;color:#627c89;padding:11px 12px;border-bottom:1px solid #dce5e9}.srm-sample .sample-table td{font-size:11px;font-weight:400;color:#3c5969;padding:13px 12px;vertical-align:middle;border-bottom:1px solid #e7edf1;min-width:0}.srm-sample .sample-table td:first-child{width:auto;color:#365564;font-weight:400}.srm-sample .sample-table tr:last-child td{border-bottom:0}.srm-sample .sample-table tbody tr:nth-child(even){background:white}.srm-sample .sample-table .sample-selected{background:#f0f8f8}.srm-sample .sample-table .sample-selected td:first-child{box-shadow:inset 3px 0 #2b928d}.srm-sample .sample-table b{font-weight:650;color:#2d5263}.srm-sample .sample-table small{display:block;color:#8396a0;font-size:9px;margin-top:4px}.sample-badge{display:inline-block;font-size:9px;line-height:1.5;padding:3px 7px;border-radius:4px;font-weight:600;white-space:nowrap}.sample-badge.teal{color:#13786a;background:#e5f3ef}.sample-badge.amber{color:#9b6c2c;background:#fff1db}.sample-badge.red{color:#b5564f;background:#fdebe7}.sample-badge.blue{color:#467498;background:#e9f1fb}.sample-badge.gray{color:#758795;background:#edf1f4}.srm-sample .text-red{color:#bd5a50}.srm-sample .text-teal{color:#188274}.srm-sample .sample-search-result{font-size:9px;color:#8b9aa4;margin:7px 0 18px}.sample-detail{background:white;border:1px solid #dce5e9;border-radius:7px;overflow:hidden}.sample-detail>summary{font-size:11px;color:#355666;font-weight:700;padding:12px 15px;cursor:pointer;list-style-position:inside;background:#fafcfd}.sample-detail>summary::marker{color:#6a9396}.sample-detail-hint{float:right;font-size:9px;color:#8ca1ac;font-weight:400}.sample-detail-body{padding:16px;border-top:1px solid #e3eaee}.sample-steps{display:flex;gap:7px;margin-bottom:17px;flex-wrap:wrap}.sample-steps span{background:#eef2f5;border-radius:4px;flex:1;padding:7px 8px;text-align:center;font-size:9px;white-space:nowrap;color:#7c8f9b}.sample-steps .is-done{color:#69857d;background:#edf6f2}.sample-steps .is-active{background:#1d7d75;color:white}.sample-qa-count{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:15px}.sample-qa-count>span{color:#81939f;font-size:9px}.sample-qa-count strong{display:block;font-size:18px;font-weight:700;margin-top:2px;color:#355362}.sample-defect{display:flex;align-items:center;gap:12px;padding:12px;background:#fff9f6;border:1px solid #f3e4dc;border-radius:5px}.sample-defect svg{width:76px;min-width:76px;height:57px}.sample-defect b{font-size:11px;color:#9e6350}.sample-defect p{font-size:10px;color:#96796d;margin:3px 0}.sample-defect small{font-size:9px;color:#ad9486}.srm-sample .sample-footnote{margin:10px 2px 0;font-size:10px;line-height:1.7;color:#82909b}.srm-sample .sample-timeline{list-style:none;margin:0;padding:0 0 0 2px}.srm-sample .sample-timeline li{display:flex;align-items:center;gap:14px;margin:0;padding:0 0 16px;font-size:10px;position:relative;flex-wrap:wrap}.sample-timeline li:last-child{padding-bottom:6px}.timeline-dot{width:8px;height:8px;border:2px solid #239183;background:#e2f1ed;border-radius:50%;flex-shrink:0}.sample-timeline time{color:#8da0ab;font-variant-numeric:tabular-nums}.sample-timeline b{font-size:11px;min-width:94px;color:#3b5c6a}.sample-timeline li>span:last-child{color:#6f8692}.sample-info{display:flex;align-items:center;gap:10px;border-top:1px solid #e5ebef;padding-top:13px;margin-top:9px;color:#788e9a;font-size:10px;flex-wrap:wrap}.sample-info-note{margin-left:auto;font-size:9px;color:#9babb4}.sample-urgent{display:flex;gap:13px;align-items:center;padding:16px;background:#fff5f0;border:1px solid #f2dacc;border-radius:7px;margin-bottom:18px}.sample-alert-icon{display:flex;align-items:center;justify-content:center;width:31px;min-width:31px;height:31px;background:#f4d6c7;color:#b26c49;border-radius:50%;font-size:19px;font-weight:750}.sample-urgent b{font-size:12px;color:#835641;margin-left:8px}.sample-urgent p{color:#a08372;font-size:10px;margin-top:7px;max-width:520px}.sample-read{text-align:center;min-width:70px;margin-left:auto}.sample-read strong{font-size:17px;color:#a36543;display:block;white-space:nowrap}.sample-read span{font-size:9px;color:#af9380}.sample-community-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px}.sample-panel{border:1px solid #dee7eb;border-radius:7px;background:white;overflow:hidden}.sample-panel-title{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e7edf0}.sample-panel-title>b{font-size:12px;color:#3c5b69}.sample-panel-title>span:not(.sample-badge){font-size:9px;color:#778d98}.sample-notice{padding:14px 15px;border-bottom:1px solid #edf1f4}.sample-notice:last-child{border-bottom:0}.sample-notice summary{cursor:pointer;list-style:none}.sample-notice summary::after{content:'+';float:right;margin-top:-30px;color:#8ba1ab}.sample-notice[open] summary::after{content:'−'}.sample-notice summary b{display:block;font-size:11px;font-weight:650;color:#405e6c;margin:7px 14px 4px 0}.sample-notice summary small{font-size:9px;color:#95a5ae}.sample-notice p{margin-top:10px;padding:10px;background:#f7f9fb;border-radius:4px;font-size:10px;color:#7b919c}.sample-chat-context{padding:11px 15px;background:#f5f9fb;font-size:10px;display:flex;flex-wrap:wrap;gap:4px 10px;color:#648391}.sample-chat-context b{color:#347e87}.sample-chat-context small{display:block;font-size:8px;color:#8da2ac;width:100%}.sample-messages{padding:15px}.sample-message{margin-bottom:12px;max-width:90%}.sample-message>span{font-size:9px;color:#8da1ad;display:block;margin-bottom:4px}.sample-message>p{padding:10px 12px;border-radius:0 9px 9px;background:#f0f4f7;color:#5c7684;font-size:10px;line-height:1.8}.sample-message.is-mine{margin-left:auto}.sample-message.is-mine>span{text-align:right}.sample-message.is-mine>p{background:#e4f3ed;color:#507a68;border-radius:9px 0 9px 9px}.sample-chat-status{font-size:9px;color:#87a099;padding:0 15px 15px}.sample-channels{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:13px 0 0;font-size:9px;color:#7e939d}.sample-channels>b{font-size:9px;font-weight:500;background:white;border:1px solid #dfe7eb;padding:3px 8px;border-radius:4px;color:#66828d}.sample-channels>span{margin-right:4px}.sample-channels>small{margin-left:auto;color:#94a3ad;font-size:8px}.sample-security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.sample-security-cards>div{display:grid;grid-template-columns:39px 1fr;column-gap:9px;padding:14px 12px;border:1px solid #dee7eb;border-radius:6px;background:white}.sample-security-icon{grid-row:1/4;display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#edf6f3;color:#288274;font-size:9px;font-weight:800;border-radius:8px}.sample-security-cards b{font-size:11px;font-weight:650;color:#436170}.sample-security-cards div>span:not(.sample-security-icon){font-size:9px;color:#93a2ab;margin-top:3px}.sample-security-cards strong{font-size:10px;color:#278a7a;margin-top:7px;font-weight:600}.sample-state{font-size:10px;color:#5b8b76}.sample-state::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#5ba888;margin-right:5px}.sample-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sample-policy-grid>div{display:flex;flex-direction:column;border-left:2px solid #dcebe5;padding-left:12px}.sample-policy-label{font-size:9px;color:#7a939f;margin-bottom:4px}.sample-policy-grid b{font-size:12px;color:#426373}.sample-policy-grid small{font-size:9px;color:#97a7b0;margin:3px 0 9px}.sample-policy-status{font-size:9px;color:#4d8f7e}.sample-audit{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:9px;color:#8b9ea8;flex-wrap:wrap}.sample-audit b{font-size:9px;font-weight:600;color:#6d8896}.srm-sample tr[hidden]{display:none}
@media(max-width:1050px){.sample-workspace{padding:20px 15px}.sample-metrics>div{padding:12px 10px}.sample-metrics strong{font-size:22px}.sample-community-grid{grid-template-columns:1fr}.sample-title{align-items:start}.sample-title h5{font-size:17px}.sample-live,.sample-scope{font-size:8px}.sample-security-cards{grid-template-columns:1fr}.sample-security-cards>div{grid-template-columns:39px 1fr 1fr;align-items:center}.sample-security-icon{grid-row:1/3}.sample-security-cards strong{grid-column:3;grid-row:1/3;margin:0;text-align:right}.sample-security-cards div>span:not(.sample-security-icon){grid-column:2}.sample-urgent b{display:block;margin:6px 0 0}}
@media(max-width:600px){.srm-sample{margin:28px -10px 36px}.sample-caption{gap:6px 9px;padding:0 2px}.srm-sample .sample-caption h4{font-size:13px}.sample-demo{font-size:8px;padding:2px 5px}.sample-index{font-size:8px}.sample-appbar{padding:13px}.sample-logo{font-size:15px}.sample-logo span{font-size:9px}.sample-person{font-size:8px}.sample-modules{gap:18px;padding:0 13px}.sample-modules>span{font-size:10px}.sample-workspace{padding:18px 12px}.sample-title{display:block;margin-bottom:15px}.sample-title h5{font-size:17px}.sample-title p{font-size:10px}.sample-live,.sample-scope{display:inline-block;margin-top:9px}.sample-metrics{grid-template-columns:1fr 1fr;gap:7px}.sample-metrics>div{padding:11px}.sample-metrics strong{font-size:23px}.sample-metrics>div>span{font-size:9px}.sample-filter{gap:8px}.sample-filter input{min-width:0;width:0;max-width:none}.sample-filter-value{margin-left:0;font-size:9px}.sample-detail>summary{padding:11px;font-size:10px}.sample-detail-hint{display:none}.sample-detail-body{padding:12px}.sample-qa-count{grid-template-columns:1fr 1fr}.sample-steps{gap:5px}.sample-steps>span{flex:0 0 calc(50% - 3px);font-size:9px}.sample-defect{align-items:start;padding:9px;gap:9px}.sample-defect svg{width:51px;min-width:51px;height:44px}.sample-defect b{font-size:10px}.sample-defect p{font-size:9px}.sample-defect small{font-size:8px}.sample-timeline li{gap:7px}.sample-timeline li>span:last-child{padding-left:15px;flex-basis:100%}.sample-timeline b{min-width:0}.sample-urgent{gap:9px;padding:12px;align-items:start;flex-wrap:wrap}.sample-alert-icon{width:24px;height:24px;min-width:24px;font-size:15px}.sample-urgent>div:nth-child(2){flex:1}.sample-read{display:flex;gap:9px;align-items:center;flex-basis:100%;padding-left:33px}.sample-read strong{font-size:13px}.sample-urgent b{font-size:11px}.sample-urgent p{font-size:9px}.sample-policy-grid{grid-template-columns:1fr}.sample-channels>small{margin-left:0;flex-basis:100%}.sample-footnote{padding:0 3px}}
@media print{.srm-sample{break-inside:auto;margin:18pt 0;print-color-adjust:exact}.sample-window{box-shadow:none}.sample-workspace{padding:12pt}.sample-appbar{padding:10pt}.sample-table-wrap{overflow:visible}.srm-sample .sample-table{min-width:0!important;font-size:7pt}.srm-sample .sample-table td,.srm-sample .sample-table th{font-size:7pt;padding:6pt}.sample-metrics strong{font-size:18pt}.sample-caption,.sample-title{break-after:avoid}.sample-caption h4{font-size:10pt}.sample-panel,.sample-detail,.sample-metrics,.sample-security-cards{break-inside:avoid}.sample-filter input{max-width:240px}.sample-community-grid{grid-template-columns:1fr 1.1fr}.sample-security-cards{grid-template-columns:repeat(3,1fr)}}
