/* Only demo isolation/adapters live here. Visual tokens and component styles are shared with the real admin. */
.system-demo{margin:0;font-family:Heebo,sans-serif;background:#f5f6fb;color:#27344a}
.system-demo #adminPanel.open{position:relative!important;inset:auto!important;min-height:100dvh!important;display:block!important}
.system-demo #adminPanel .demo-main{min-width:0}
.system-demo #adminPanel .demo-main:focus{outline:none}
.system-demo #adminPanel [hidden]{display:none!important}
.system-demo .admin-top-brand,.system-demo .admin-top-actions{display:flex;align-items:center;gap:12px}
.system-demo .demo-start{display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border-radius:9px;background:#3f50d2;color:#fff;text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap}
.system-demo .admin-logout-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.system-demo .demo-notice{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:10px 14px;border:1px solid #dce2ef;border-radius:10px;background:#fff;color:#5b6476;font-size:12px}
.system-demo .demo-notice a{color:#384cba;text-decoration:none}
.system-demo .demo-nav-heading{display:block;padding:8px 12px;color:#687287;font-size:12px}
.system-demo .page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.system-demo .page-head h1{font-size:26px;color:#202d43;margin:0 0 6px;line-height:1.3}
.system-demo .page-head p,.system-demo .date{color:#657087;font-size:13px;margin:0}
.system-demo .toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid #e1e5ee;border-radius:14px;margin:14px 0}
.system-demo .toolbar label{display:grid;gap:6px;min-width:140px;font-size:12px;color:#57637a}
.system-demo .toolbar .search-label{flex:1;min-width:180px}
.system-demo .toolbar :is(input,select){min-height:44px;min-width:0;width:100%;padding:10px 12px;border:1px solid #dce1ed;border-radius:8px;color:#27344a;background:#fff;font:inherit;box-sizing:border-box}
.system-demo .result-count{font-size:12px;color:#657087;margin:12px 0}
.system-demo .demo-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.system-demo .demo-quick-tabs{display:flex;gap:8px;flex-wrap:wrap}
.system-demo button{font-family:inherit;cursor:pointer}
.system-demo :is(button,a,input,select,summary):focus-visible{outline:2px solid #4254d0!important;outline-offset:3px}
.system-demo .row-open{display:inline-flex;gap:10px;align-items:center;border:0;background:none;color:#3e51bb;font:inherit;font-weight:600;padding:6px 0;text-align:right}
.system-demo .row-open>span{white-space:nowrap}
.system-demo .badge{display:inline-flex;padding:4px 9px;border-radius:6px;font-size:11px;line-height:1.4;background:#eef1ff;color:#4451a6;white-space:nowrap}
.system-demo .badge.green{background:#eaf4ef;color:#347052}.system-demo .badge.amber{background:#faf1df;color:#82622c}.system-demo .badge.gray{background:#eef0f4;color:#5b6473}
.system-demo .av-card-photo{display:block;position:relative;aspect-ratio:1.5;overflow:hidden}.system-demo .av-card-photo img{width:100%;height:100%;object-fit:cover}
.system-demo .demo-publish-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e0e5ed;border-radius:12px;padding:14px;margin-bottom:10px}
.system-demo .demo-publish-row>img{width:92px;height:68px;object-fit:cover;border-radius:7px}.system-demo .demo-publish-copy{flex:1;min-width:0}.system-demo .demo-publish-copy small{display:block;color:#687287;font-size:12px;margin-top:6px}
.system-demo .ops-table{width:100%;min-width:850px;border-collapse:collapse;background:#fff}.system-demo .ops-table th{background:#f0f3f8;font-size:12px;color:#526079;text-align:right;padding:14px}.system-demo .ops-table td{padding:12px;border-bottom:1px solid #e1e6ee;font-size:13px}.system-demo .ops-table td small{display:block;color:#6b7486}.system-demo .ops-deal-button{border:1px solid #ccd5ee;background:#f1f3ff;color:#4252b0;border-radius:7px;padding:7px 10px;margin-top:8px}
.system-demo .task-row{display:flex;align-items:center;gap:14px;width:100%;text-align:right;border:1px solid #e0e5ef;border-radius:11px;background:#fff;padding:16px;margin:0 0 9px;color:#27344a}.system-demo .task-check{border:1px solid #c4cddb;border-radius:5px;width:20px;height:20px;flex:none}.system-demo .task-check.done{background:#e5f3eb;color:#347052;text-align:center}.system-demo .grow{flex:1;min-width:0}.system-demo .task-row strong{font-size:14px}.system-demo .task-row small{display:block;font-size:12px;color:#657087;margin-top:4px}.system-demo .task-end{display:grid;gap:4px}
.system-demo .admin-home-icon svg{width:24px;height:24px}.system-demo .demo-lead-interest{display:grid;gap:5px;font-size:13px}.system-demo .demo-lead-interest small{color:#6b7486}.system-demo .lead-actions button{min-height:36px;padding:7px 12px}.system-demo .lead-phone small{display:block}
.system-demo .lead-calendar-day{min-width:0;min-height:86px;display:flex;flex-direction:column;gap:5px;text-align:right;padding:8px;background:#fff;border:1px solid #e1e6f0;border-radius:8px;color:#24324a}.system-demo .lead-calendar-day small{display:block;font-size:10px;line-height:1.4;color:#4355b6;overflow-wrap:anywhere}.system-demo .lead-calendar-day.today{background:#edf0ff;border-color:#9ca9df}.system-demo .lead-calendar-day.empty{opacity:.3}.system-demo .meeting{display:flex;align-items:center;gap:18px;width:100%;border:1px solid #e0e5ee;background:#fff;border-radius:10px;padding:16px;text-align:right;color:#27344a;margin-bottom:9px}.system-demo .meeting small{display:block;color:#657087}.system-demo .meeting time{font-size:20px;font-weight:600;color:#4658bb}
.system-demo .empty{padding:30px;text-align:center;color:#697387}.system-demo .empty h2{font-size:18px}.system-demo .secondary{min-height:40px;border:1px solid #dbe1ec;border-radius:8px;background:#fff;color:#34415a;padding:8px 14px}
.system-demo #detail{position:fixed;inset:0;width:min(740px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:0;border:1px solid #dce2ee;border-radius:16px;background:#fff;color:#253149;overflow:auto;box-sizing:border-box}.system-demo #detail::backdrop{background:#14213980}.system-demo .dialog-head{position:sticky;top:0;background:#fff;border-bottom:1px solid #e1e6ee;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;z-index:2}.system-demo .icon-button{width:42px;height:42px;background:#f5f7fb;color:#526079;border:1px solid #e1e6ee;border-radius:8px;font-size:24px}.system-demo .detail-content{padding:24px}.system-demo .detail-content h2{font-size:24px;margin:0 0 12px}.system-demo .detail-content h3{font-size:16px;margin:22px 0 8px}.system-demo #detailBody>img{width:100%;height:240px;object-fit:contain;background:#f5f6f9}.system-demo .detail-content p{line-height:1.7}.system-demo .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.system-demo .facts>div{padding:12px;border:1px solid #e0e5ed;border-radius:8px}.system-demo dt{color:#6b7588;font-size:12px}.system-demo dd{margin:6px 0 0;font-weight:600}.system-demo .detail-footer{padding:18px 24px;border-top:1px solid #e1e6ee;font-size:12px;color:#657087}.system-demo .primary{display:inline-flex;padding:10px 16px;border-radius:9px;background:#4254ce;color:#fff;text-decoration:none;margin:10px 0}.system-demo .detail-footer a{display:flex;justify-content:center}.system-demo blockquote{background:#f4f6fa;border-radius:9px;padding:16px;margin:12px 0}.system-demo .timeline{padding-inline-start:20px;line-height:1.9}.system-demo .next-step{background:#edf1fb;padding:14px;border-radius:10px}
.system-demo .skip{position:fixed;top:-90px;right:20px;z-index:999999;background:#fff;padding:12px;color:#324cb9}.system-demo .skip:focus{top:10px}
@media(max-width:1100px){.system-demo .demo-notice{margin-top:4px}.system-demo .a-brand{font-size:14px!important}.system-demo .demo-start{font-size:11px;padding:7px 10px}.system-demo .admin-top-actions{gap:6px}.system-demo .admin-logout-btn{font-size:11px!important}.system-demo .demo-notice a{display:none}}
@media(max-width:600px){.system-demo .page-head{align-items:flex-start;flex-direction:column;gap:8px}.system-demo .page-head h1{font-size:24px}.system-demo .toolbar{padding:12px;gap:10px}.system-demo .toolbar label{flex:1;min-width:100px}.system-demo .toolbar .search-label{flex-basis:100%}.system-demo .toolbar :is(input,select){font-size:16px}.system-demo .demo-lead-interest,.system-demo .lead-assignee{display:none}.system-demo .task-row{flex-wrap:wrap;padding:12px}.system-demo .task-end{margin-inline-start:34px}.system-demo .demo-publish-row{flex-wrap:wrap}.system-demo .demo-publish-row>img{width:70px;height:58px}.system-demo .demo-publish-copy{flex-basis:65%}.system-demo .lead-calendar-day{min-height:64px;padding:4px}.system-demo .lead-calendar-day small{font-size:9px}.system-demo .facts{grid-template-columns:1fr}.system-demo .detail-content{padding:18px}.system-demo .admin-logout-btn{display:none!important}}
.system-demo #adminPanel .admin-nav-links[hidden]{display:none!important}
@media(min-width:1101px){.system-demo #adminPanel .admin-category-navigation{display:flex!important}}
.system-demo #adminPanel .admin-nav-links a.a-tab{text-decoration:none}
.system-demo #adminPanel .demo-quick-tabs button{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:7px 13px!important;flex:none!important;width:auto!important}
@media(max-width:600px){.system-demo #adminPanel .demo-quick-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px;padding-bottom:6px}.system-demo #adminPanel .demo-quick-tabs button{min-width:70px}}
.system-demo #adminMobileNavPanel>.demo-start{order:99;margin-top:auto;justify-content:center}
.system-demo #adminPanel .admin-mobile-menu-close{font-size:18px!important;line-height:1!important}
.system-demo #adminPanel .lead-calendar-day[aria-pressed=true]{outline:2px solid #6679cf;outline-offset:-2px}
.system-demo .lead-calendar-day>span{font-style:normal}
.system-demo .inventory-task-card{margin-bottom:12px}