:root{--ink:#191919;--muted:#666;--line:#deddda;--paper:#fff;--green:#0a66c2;--mint:#e8f3ff;color:#191919;background:#f4f2ee;font-family:Arial,"Segoe UI",sans-serif}
body{background:#f4f2ee;font-size:14px;line-height:1.4}
.shell{display:block;min-height:100vh;padding:0}.main{min-width:0}.content{max-width:1160px;padding:22px 20px 28px}
.network-header{position:sticky;top:0;z-index:45;background:#fff;border-bottom:1px solid var(--line)}
.network-header-inner{max-width:1160px;margin:auto;display:flex;align-items:center;gap:26px;padding:0 20px;height:68px}
.network-brand{background:transparent;color:#0a66c2;padding:0;gap:10px;flex-shrink:0;text-align:left;font-size:17px}
.network-brand small{display:block;font-size:11px;color:#666;font-weight:400;margin-top:2px}.bvb-mark{display:grid;place-items:center;background:#0a66c2;color:#fff;width:44px;height:38px;border-radius:5px;font-size:15px;letter-spacing:-.5px}
.ui-icon{width:22px;height:22px;flex-shrink:0}.network-header nav{margin:0 0 0 auto;display:flex;gap:0;height:100%;width:auto}
.network-header nav button{border-radius:0;flex-direction:column;gap:3px;padding:9px 18px 6px;position:relative;background:transparent;color:#666;font-size:12px;font-weight:400;min-width:84px}
.network-header nav button.active{color:#191919;background:transparent}.network-header nav button.active:after{content:'';height:2px;background:#191919;position:absolute;bottom:0;left:8px;right:8px}.network-header nav button:hover{color:#0a66c2;background:#f3f8fd}
.account-menu{position:relative;border-left:1px solid var(--line);padding-left:22px}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#666;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}
.avatar{border-radius:50%;background:#dce6f1;color:#004182;box-shadow:none}.avatar.mini{width:27px;height:27px;flex-basis:27px;font-size:10px;border:1px solid #c3d4e5}
.account-dropdown{position:absolute;right:0;top:55px;width:250px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0002;padding:16px;display:grid;gap:8px;z-index:50}.account-dropdown small{color:#666;margin-bottom:8px}.account-dropdown button{justify-content:flex-start;background:#fff;color:#333;padding:10px 0;border-radius:0;border-top:1px solid #eee;font-weight:500}.account-dropdown a{font-size:13px;color:#0a66c2;padding-top:8px}
#cloud-status{position:static!important;padding:5px 20px!important;background:#edf3f8!important;color:#526777!important;font:11px Arial,sans-serif!important;text-align:center;min-height:28px}#cloud-status button{padding:2px 8px;background:transparent;color:#0a66c2;font-size:11px}#cloud-status:has(button+button){background:#fff3df!important;color:#784b13!important}
.profile-tools{background:transparent;border:0;border-radius:0;padding:0!important;min-height:32px!important;margin:0 0 16px;display:flex;gap:10px}.profile-tools label{font-size:12px;color:#666}.profile-tools select{width:auto;max-width:300px;background:transparent;border:0;font-weight:600;padding:4px 24px 4px 0;font-size:13px;height:32px}.profile-tools small{display:none}
h1{font-size:25px;line-height:1.2;letter-spacing:-.5px}h2{font-size:19px}h3{font-size:15px}.eyebrow{color:#666;letter-spacing:1px;font-size:10px;margin-bottom:6px}.lead{font-size:13px;line-height:1.5}.page-head{margin-bottom:18px;gap:18px}.simple-head{margin-bottom:16px;max-width:none}.simple-head h1{font-size:25px;line-height:1.2}.simple-head .lead{margin-top:6px}
.card{border:1px solid var(--line);border-radius:8px;box-shadow:none;background:#fff}.button,button{border-radius:24px;font-size:13px;font-weight:600;padding:9px 16px;transition:background .15s}.primary,.linkedin{background:#0a66c2!important;color:#fff!important}.primary:hover,.linkedin:hover{background:#004182!important}.secondary{background:#e8f3ff!important;color:#0a66c2!important}.ghost{color:#0a66c2!important;border-color:#0a66c2!important}.ghost:hover{background:#e8f3ff!important}.warn{background:#fff!important;color:#666!important;border:1px solid #ccc!important}.warn:hover{background:#fff1ec!important;color:#a43c20!important}.row-action{color:#0a66c2}.pill.blue{background:#e8f3ff;color:#0a66c2}.pill.green{background:#edf7e8;color:#39752b}.pill{font-size:9px;padding:4px 8px;letter-spacing:.25px}
input,select,textarea{border:1px solid #aaa;border-radius:5px;font-size:13px;padding:9px 10px}input:focus,select:focus,textarea:focus{border-color:#0a66c2;box-shadow:0 0 0 1px #0a66c2}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #0a66c2;outline-offset:3px}
.network-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.network-work-main{min-width:0}.progress-wrap{max-width:none;margin-bottom:14px}.progress{height:5px;background:#e7e7e7}.progress i{background:#0a66c2}.progress-wrap>div:first-child{font-size:11px}
.focus-card{max-width:none;padding:0 22px 12px;overflow:hidden}.contact-cover{height:48px;margin:0 -22px 0;position:relative;overflow:hidden;background:linear-gradient(110deg,#dce6f1,#b7d2e8 65%,#dceaf5)}.contact-cover span{position:absolute;border:1px solid #fff8;border-radius:50%;width:170px;height:170px;right:30px;top:-100px}.contact-cover span:nth-child(2){right:140px;top:-40px}.contact-cover span:nth-child(3){right:-70px;top:-30px;width:200px;height:200px}
.focus-person{padding:12px 0 16px;gap:14px;align-items:flex-start}.avatar.large{height:58px;width:58px;flex-basis:58px;font-size:20px;background:#e5edf5;border:3px solid #fff;margin-top:-28px;position:relative;box-shadow:0 0 0 1px #ddd}.focus-person>div:last-child{display:block;min-width:0}.focus-person h2{font-size:21px;margin:5px 0 3px;line-height:1.2}.focus-person p{font-size:13px;margin-bottom:5px}.focus-person p:after{content:none}.focus-person .company-line{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.company-line .ui-icon{width:15px;height:15px;color:#657a8b}
.focus-card .one-task{padding:14px 0;gap:10px;grid-template-columns:25px minmax(0,1fr)}.step-number{height:24px;width:24px;background:#e8f3ff;color:#0a66c2;font-size:12px}.one-task h3{font-size:14px}.one-task p{font-size:12px;line-height:1.4;margin:4px 0 9px}.focus-card .one-task:has(.search-alternative) p{display:none}.focus-card .linkedin.full{width:auto;max-width:100%;margin-right:10px;font-size:12px}.search-alternative{font-size:11px}.profile-form{grid-template-columns:minmax(0,1fr) auto}.focus-secondary{margin-top:10px}.focus-secondary button{padding:6px 12px;font-size:12px}.active-step textarea{min-height:95px;margin-top:12px}.big-action{font-size:13px;padding:9px 16px}
.commercial-card{background:#fff;border:0;border-top:1px solid #eee;border-radius:0;margin:16px 0 0;padding:12px 0 0}.commercial-card summary,.contact-history summary{font-size:12px;color:#666;font-weight:600;cursor:pointer}.contact-history{border-top:1px solid #eee;padding:12px 0 0;margin-top:12px}.contact-history p{font-size:12px}.commercial-card input,.commercial-card select,.commercial-card textarea{border-color:#aaa;border-radius:5px}.commercial-card form{gap:12px}
.network-rail{display:grid;gap:16px}.rail-goal,.rail-stats{padding:20px}.rail-illustration{height:90px;background:#edf4fa;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;color:#0a66c2}.rail-illustration .ui-icon{width:60px;height:60px;stroke-width:1.3}.rail-illustration span{font-size:24px;border:1px solid #b3c9de;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff}.rail-goal h2{font-size:19px}.rail-goal p{font-size:12px;color:#666;margin:8px 0 22px}.rail-goal-title{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:8px}.rail-goal small{display:block;font-size:11px;color:#666;margin:8px 0 16px}.rail-goal button{font-size:12px}.rail-stats h3{margin-bottom:14px}.rail-stats>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:12px 0;color:#666}.rail-stats strong{color:#0a66c2}.rail-stats button{margin-top:5px;font-size:12px}.rail-note{font-size:11px;color:#777;text-align:center;margin:0 10px;line-height:1.5}
.network-footer{text-align:center;padding:0 20px 20px;color:#777;font-size:10px}.today-goal{background:#fff}.goal-ring{background:#0a66c2;box-shadow:inset 0 0 0 6px #dce6f1}.report-empty,.drop,.pipeline-list button,.action-list article,.review-list article{background:#f8fafc}.action-list article{padding:12px;border-radius:6px}.today-list article{border-left-color:#0a66c2}.metric strong{color:#0a66c2}.metric.attention{background:#f3f8fd;border-color:#c8dcec}.count-badge{background:#e8f3ff;color:#0a66c2}.daily td:not(:first-child){color:#345776}.pipeline-list strong{color:#0a66c2;background:#e8f3ff}.report-panel{margin-bottom:16px}.report-grid>.report-panel{margin-bottom:0}.settings-panel{padding:20px}.settings-form input,.settings-form select,.settings-form textarea{border-color:#aaa;border-radius:5px}.active-profile-card{background:#edf5fc}.settings-layout{gap:16px}.toast{background:#fff;color:#191919;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 20px #0002;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px)}.toast button{color:#0a66c2;background:#e8f3ff;padding:6px 12px}.toast.error{border-color:#bb472c}.table-card td{overflow-wrap:anywhere}.table-card td:last-child{min-width:130px}.table-card .row-action{margin-right:6px}.table-card .row-action:hover{text-decoration:underline}
.list-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.list-filters>button{justify-self:start}.table-card table{table-layout:auto;min-width:680px}.table-card th:nth-child(3),.table-card td:nth-child(3){display:table-cell}
.settings-layout{max-width:900px}.settings-tabs button[aria-current="page"]{box-shadow:inset 0 -3px #004182}.contact-management{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.draft-note{display:block;padding:10px 12px;background:#fff6d9;border-radius:6px;color:#66511a;margin-bottom:12px}.online-update{padding:12px 16px;background:#fff6d9;border:1px solid #ecd88f;border-radius:8px;margin-bottom:16px}.online-backups{padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}.online-backups ul{padding-left:0;list-style:none}.online-backups li{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:10px 0}.online-backups li span{margin-right:auto}.import-preview{padding:24px;margin-bottom:20px;border-color:#83b4df}.report-caption{font-size:12px;color:#64748b}.contact-management button{min-height:36px}.quick-search input{max-width:680px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #89bdec;outline-offset:3px}
[hidden]{display:none!important}.quick-search{padding:14px 20px;margin-bottom:10px}.quick-search label{display:flex;align-items:center;gap:16px;font-weight:600}.quick-search input{max-width:540px;width:100%}.settings-tabs{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.settings-layout>.settings-panel:not([hidden]){grid-column:1/-1}.page-actions label{display:flex;align-items:center;gap:8px}.page-actions select{padding:8px;border:1px solid #aaa;border-radius:6px}.network-rail .rail-illustration,.network-rail .rail-goal>p{display:none}.network-rail .rail-goal h2{font-size:18px}
.list-filter-panel{padding:0;margin-bottom:16px}.list-filter-panel>summary{cursor:pointer;font-weight:700;padding:16px 20px;color:#334155}.list-filter-panel>.list-filters{padding:0 20px 20px}.row-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.table-card .row-action{min-height:36px;padding:8px 11px;margin:0;border:1px solid #b8c7d9;border-radius:18px;background:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.table-card .row-action:hover{background:#e8f3ff;text-decoration:none}.table-card .row-primary{background:#e8f3ff;border-color:#82b4e5;font-weight:700}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 12px;border-top:1px solid var(--line)}.pagination>div{display:flex;gap:6px}.pagination button{min-width:38px}.pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(min-width:761px){.page-head{flex-direction:row;align-items:end}.primary-row{flex-direction:row}.primary-row button{width:auto}}
@media(max-width:1000px){.network-header-inner{gap:16px}.network-brand{font-size:14px}.network-header nav button{padding:8px 12px;min-width:70px}.network-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.settings-layout{grid-template-columns:1fr}.settings-wide{grid-column:auto}}
@media(max-width:760px){.network-header-inner{height:auto;min-height:62px;flex-wrap:wrap;gap:8px 16px;padding:10px 16px 0}.network-brand{margin-right:auto}.network-header nav{order:3;width:100%;margin:0;justify-content:space-between;height:54px}.network-header nav button{flex:1;font-size:11px;padding:5px;min-width:0}.account-menu{padding-left:16px}.account-dropdown{top:48px}.network-workspace{grid-template-columns:1fr}.network-rail{grid-template-columns:1fr 1fr}.rail-note{grid-column:1/-1}.content{padding:16px}.focus-card{padding:0 16px 12px}.contact-cover{margin:0 -16px}.simple-head h1,h1{font-size:23px}.profile-form{grid-template-columns:1fr}.focus-card .linkedin.full{width:100%;margin:0}.network-footer{padding-bottom:22px}.table-card table{min-width:650px;table-layout:auto}.table-card th:nth-child(3),.table-card td:nth-child(3){display:table-cell}.list-filters{grid-template-columns:1fr 1fr}.list-filter-panel:not([open]){padding-bottom:0}.table-card .row-action{min-height:44px;padding:10px 13px}.pagination{justify-content:space-between}.pagination>span{order:-1;width:100%;text-align:center}.action-list article{flex-direction:row;align-items:center}.action-list article button{width:auto}.settings-actions>*{width:auto}}
@media(max-width:480px){.network-rail{grid-template-columns:1fr}.network-brand small{display:none}.network-brand{font-size:13px}.bvb-mark{width:36px;height:34px;font-size:12px}.account-menu{padding-left:10px}.profile-tools select{max-width:210px}.simple-head h1{font-size:21px}.report-cards{grid-template-columns:1fr 1fr}.metric strong{font-size:25px}.list-filters{grid-template-columns:1fr}.page-actions{flex-direction:column;align-items:stretch}.primary-row{flex-direction:column}.action-list article{flex-direction:column;align-items:flex-start}.action-list article button{width:100%}}
