/* Authoritative visual target: user-approved Soft Precision, 1585 × 992. */
:root{--canvas:#F8FBFD;--navy:#080D40;--mint:#E4F8F5;--teal:#007E7F;--border:#E4ECF4;--muted:#596A9B;--soft:#F5FAFC;--coral:#EE5C64;--gold:#FFB400}
.sp-app{width:100%;height:100vh;min-height:992px;background:#F7FAFD;color:#0A1042;position:relative;font-family:Inter,Bengali,sans-serif}.sp-sidebar{position:absolute;left:7px;top:7px;bottom:7px;width:211px;border:1px solid #EEF3F8;border-radius:14px;background:#fff;overflow:hidden}.sp-brand{display:flex;align-items:center;gap:8px;height:91px;padding-left:25px;white-space:nowrap;font-size:27px;font-weight:700;letter-spacing:-1.1px}.sp-brand .ph-fill{font-size:37px;color:#04AB9B}.sp-sidebar nav{padding:0 8px}.sp-nav{height:66px;width:195px;display:flex;align-items:center;gap:23px;padding:0 20px;color:#14245F;font-size:16px;text-align:left;border-radius:10px;position:relative;white-space:nowrap}.sp-nav .ph,.sp-nav .ph-fill{font-size:29px;flex:0 0 29px;color:#0B1249}.sp-nav.is-active{background:#E3F8F5;color:#007C7F;font-weight:600}.sp-nav.is-active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#00BBAA;border-radius:4px}.sp-nav.is-active .ph-fill,.sp-nav.is-active .ph{color:#048F88}.sp-main{position:absolute;left:227px;top:7px;bottom:7px;right:344px;background:#fff;border:1px solid #EAF0F6;border-radius:14px;overflow:hidden}.sp-header{height:92px;padding:13px 12px 13px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E9EFF7}.sp-header h1{font-size:36px;line-height:1.2;letter-spacing:-1.25px;font-weight:700;color:#080B3E;white-space:nowrap}.sp-header p{font-size:18px;color:#5E6D9F;margin-top:3px}.sp-header-actions{display:flex;gap:25px;align-items:center}.sp-notification{height:44px;width:44px;border-radius:50%;background:#F7F9FD;color:#121B53;position:relative;display:flex;align-items:center;justify-content:center}.sp-notification .ph{font-size:28px}.sp-notification span{position:absolute;height:10px;width:10px;background:#FF5564;border:1px solid #fff;border-radius:50%;top:3px;right:7px}.sp-button{border-radius:13px;background:linear-gradient(180deg,#00B5A7 0%,#008F8C 48%,#006D73 100%);box-shadow:0 4px 7px #006D732B,inset 0 1px 0 #25C6B5;color:white;font-size:18px;font-weight:600;padding:13px 20px;height:53px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.sp-button .ph{font-size:24px}.sp-toolbar{height:89px;padding:17px 12px 18px 20px;display:flex;align-items:center;gap:13px;white-space:nowrap}.sp-summary{font-size:18px;font-weight:700;letter-spacing:-.35px;margin-right:8px;flex-shrink:0}.sp-switch{height:53px;min-width:188px;border:1px solid #E0E9F4;background:#FAFCFE;border-radius:13px;padding:4px;display:flex;align-items:center;margin-right:0}.sp-switch button{height:43px;min-width:90px;font-size:16px;color:#122459;border-radius:12px;display:flex;align-items:center;justify-content:center}.sp-switch button.selected{background:linear-gradient(180deg,#00B6A7,#006F74);color:white;box-shadow:0 3px 6px #007D7A33}.sp-search{height:53px;flex:1;min-width:150px;border:1px solid #E2EAF5;border-radius:12px;color:#60709F;display:flex;align-items:center;gap:12px;padding:0 17px;font-size:16px}.sp-search .ph{font-size:26px;color:#0C1449}.sp-control{height:53px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;padding:0 13px;border:1px solid #E3EBF5;border-radius:12px;white-space:nowrap;color:#0D174C;background:white}.sp-control .ph:first-child{font-size:25px}.sp-control .ph:last-child{font-size:14px}.sp-board{display:flex;gap:6px;padding:0 8px;overflow:hidden}.sp-lane{width:calc((100% - 18px)/4);flex:1;min-width:0;border:1px solid #E9EFF6;border-radius:13px;background:#FCFEFF;padding:0 7px 0;height:515px}.sp-lane-header{height:89px;padding:19px 9px 12px}.sp-lane-label{display:flex;align-items:center;gap:10px;white-space:nowrap}.sp-lane-label h2{font-size:16px;letter-spacing:-.5px;font-weight:700;line-height:1.2}.sp-dot{height:18px;width:18px;display:flex;align-items:center;justify-content:center;flex:0 0 18px;margin-right:3px}.sp-dot .ph-fill{font-size:19px}.sp-dot.stage-0{color:#FFBB00}.sp-dot.stage-1{color:#00AA9C}.sp-dot.stage-2{color:#009BF2}.sp-dot.stage-3{color:#974CEB}.sp-count{width:27px;height:27px;background:#EFF3FF;display:flex;align-items:center;justify-content:center;font-size:14px;color:#11235D;border-radius:50%;flex:0 0 27px}.sp-lane-label button{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #DEEDEF;border-radius:50%;box-shadow:0 3px 6px #047F741A;color:#008C82;flex:0 0 36px}.sp-lane-label button .ph{font-size:25px}.sp-lane-header>p{font-size:16px;color:#6172A3;margin:5px 0 0 35px}.sp-lead{display:block;text-align:left;width:100%;height:202px;padding:14px 20px 13px;background:white;border:1px solid #E5EEF6;border-radius:12px;box-shadow:0 4px 10px #12397605;margin-bottom:12px;overflow:hidden}.sp-lead.is-selected{border:1.5px solid #00BEAD;background:#F5FFFD;box-shadow:0 2px 8px #00AC9807}.sp-lead-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:4px}.sp-lead-top b{font-size:17px;font-weight:700;color:#091340;white-space:nowrap;letter-spacing:-.4px}.sp-lead-top .ph{font-size:19px;color:#4D6397}.sp-lead>p{font-size:15px;line-height:1.5;color:#63729F;white-space:nowrap;margin-bottom:12px}.sp-lead>strong{font-size:19px;font-weight:700;letter-spacing:-.4px;color:#122742}.sp-lead.is-selected>strong{color:#007B80}.sp-lead-rule{height:1px;background:#E7EFF7;margin:9px 0 9px}.sp-card-line{display:flex;align-items:center;gap:14px;color:#5C6D9B;font-size:14px;line-height:1.3;white-space:nowrap;margin-top:11px}.sp-card-line>.ph{font-size:23px;color:#54639C;flex:0 0 26px}.sp-source{height:26px;width:26px;display:flex;align-items:center;justify-content:center;flex:0 0 26px}.sp-source .ph,.sp-source .ph-fill{font-size:27px}.sp-source.web,.sp-source.meta{color:#008EF4}.sp-source.phone{color:#00A66B}.sp-source.linkedin{color:#0587B9}.sp-source.email{color:#FF545C}.sp-source.referral{color:#FFAE00}.sp-preview{position:absolute;right:7px;top:7px;bottom:7px;width:328px;border:1px solid #E8EFF6;border-radius:14px;background:#fff;padding:23px 20px;overflow:hidden}.sp-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.sp-preview-head h2{font-size:24px;font-weight:700;letter-spacing:-.6px;color:#080D40}.sp-preview-head button{height:26px;width:26px;display:flex;align-items:center;justify-content:center;color:#101847}.sp-preview-head .ph{font-size:22px}.sp-person{display:flex;gap:19px;align-items:flex-start;margin-bottom:23px}.sp-avatar{width:82px;height:82px;flex:0 0 82px;border-radius:50%;background:#E0F7F7;color:#007C7D;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:600}.sp-person>div{flex:1;min-width:0}.sp-person h3{font-size:23px;font-weight:700;letter-spacing:-.5px;line-height:1.25;white-space:nowrap}.sp-person p{display:flex;gap:7px;align-items:center;color:#5C6E9E;font-size:16px;white-space:nowrap;margin-top:6px}.sp-person p .ph{font-size:20px}.sp-stage-pill{margin-top:10px;background:#E6F9F7;color:#008386;font-size:15px;display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:14px;white-space:nowrap}.sp-stage-pill .ph-fill{font-size:13px;color:#00A49A}.sp-preview-facts{border-top:1px solid #E2EAF5;border-bottom:1px solid #E2EAF5;padding:19px 0 20px;display:grid;gap:20px}.sp-preview-facts>div{display:flex;gap:22px;align-items:baseline;font-size:16px;white-space:nowrap}.sp-preview-facts span{width:88px;flex:0 0 88px;color:#6472A3}.sp-preview-facts b{font-weight:700;font-size:16px;color:#0F1747}.sp-preview-facts b.normal{font-weight:400;color:#16265D}.sp-next{margin-top:20px;border-radius:12px;background:#EBF9F8;padding:13px 14px 14px}.sp-next h3{font-size:17px;color:#007A7D;font-weight:700;margin-bottom:13px}.sp-next>div{display:flex;align-items:center;gap:17px}.sp-next .ph{font-size:27px;color:#00858B}.sp-next strong{font-size:20px;line-height:1.3;letter-spacing:-.5px;color:#101645;white-space:nowrap}.sp-next p{font-size:15px;color:#6273A3;margin:8px 0 0 44px;white-space:nowrap}.sp-mini-activity{margin-top:21px;border-top:1px solid #E3EBF6;padding-top:20px}.sp-mini-activity h3{font-size:19px;font-weight:700;margin-bottom:14px}.sp-event{display:flex;gap:26px;margin:16px 14px 21px;position:relative}.sp-event:first-of-type:after{content:'';position:absolute;left:10px;top:22px;bottom:-23px;border-left:1px solid #D9E7F0}.sp-event-icon{display:flex;align-items:flex-start;justify-content:center;width:22px;flex:0 0 22px;z-index:1}.sp-event-icon .ph-fill{font-size:20px}.sp-event-icon.teal{color:#00A59C}.sp-event-icon.gold{color:#FFB600}.sp-event b{font-size:17px;font-weight:700}.sp-event p{font-size:15px;color:#6575A2;margin-top:4px}.sp-full{width:100%;margin-top:34px}.sp-arrow-end{position:relative}.sp-arrow-end .ph{position:absolute;right:16px;font-size:21px}.sp-open{display:block;width:100%;text-align:center;color:#007E80;font-size:17px;font-weight:600;padding:24px 0 0}.sp-lead:focus-visible,.sp-nav:focus-visible,.sp-button:focus-visible{outline:3px solid #6ED8CC;outline-offset:3px}
.sp-button,.sp-switch button.selected{background:#008D89 url('design/approved-button-texture.png') repeat-x center center;background-size:auto 100%}
/* Shared controls and all scoped screens, in the same approved visual language. */
body{color:#0A1042;background:#F7FAFD;font-size:15px}.sp-workspace{position:relative;width:100%;min-height:992px;height:100vh;background:#F7FAFD}.sp-workspace-main{position:absolute;left:227px;right:7px;top:7px;bottom:7px;background:white;border:1px solid #E8EFF6;border-radius:14px;overflow:auto}.sp-page{padding:25px 26px 35px;max-width:1600px;margin:auto}.sp-workspace h1{font-size:32px;font-weight:700;letter-spacing:-1px;color:#080D40}.sp-workspace h2{color:#080D40;font-weight:700}.sp-workspace h3{color:#10184B}.breadcrumb{font-size:12px;color:#7D88AD;margin-bottom:18px}.breadcrumb b{color:#4E6097}.page-header{margin-bottom:26px}.page-header .subtitle{font-size:14px;color:#6272A3;margin-top:7px}.btn{font-size:14px;font-weight:500;border:1px solid #DCE6F2;border-radius:11px;color:#13275C;padding:11px 16px;min-height:45px;background:white;box-shadow:none}.btn .ph{font-size:20px}.btn.primary{border:0;color:white;background:#008D89 url('design/approved-button-texture.png') repeat-x center center;background-size:auto 100%;box-shadow:0 4px 8px #007D7922;font-weight:600}.btn.soft{background:#E8F8F5;border:1px solid #E0F4EF;color:#007F80}.btn.danger{background:#CE3E53;border-color:#CE3E53;color:white}.btn.text{color:#008082;background:none;border-color:transparent}.iconbtn{width:38px;height:38px;border-radius:10px;color:#42558E;border-color:#DFE8F3}.iconbtn .ph{font-size:20px}.searchbox{height:45px;border-radius:11px;border-color:#DCE6F2;color:#56699F}.searchbox input{font-size:14px}.searchbox .ph{font-size:22px;color:#0E1B54}.toolbar{gap:11px;margin-bottom:22px}.segmented{padding:4px;border-color:#DFE8F3;border-radius:11px;background:#FBFCFE}.segmented button{font-size:14px;padding:7px 14px;border-radius:9px}.segmented button.active{background:#008C87 url('design/approved-button-texture.png') repeat-x;background-size:auto 100%;color:white;font-weight:500;box-shadow:0 3px 6px #007D7A22}.tabs{gap:29px;border-color:#E3EBF5;margin-bottom:24px}.tab{font-size:14px;color:#6676A2;padding-bottom:14px}.tab.active{color:#008184;font-weight:600}.panel{border:1px solid #E2EAF4;border-radius:14px;background:#fff;box-shadow:0 3px 12px #314E7904}.panel-title{padding:22px 24px;border-color:#E6EDF6}.panel-title h2{font-size:18px;font-weight:700;letter-spacing:-.4px}.panel-title .muted{font-size:12px}.panel-body,.panel-pad{padding:23px 24px}.panel h3{font-size:15px}.pill{font-size:12px;padding:5px 9px;border-radius:7px;color:#64749E;background:#F1F5FB}.pill.teal{color:#008181;background:#E6F8F4}.pill.gold{color:#9A6C02;background:#FFF6DD}.pill.red{color:#B63A50;background:#FFF0F3}.pill.blue{color:#307CC1;background:#EAF5FF}.pill.purple{color:#835CB3;background:#F4EEFC}.badge{background:#EEF2FF;color:#324875;border-radius:7px;font-size:12px}.avatar{background:#E1F8F5;color:#007C7B;width:32px;height:32px;font-size:11px;font-weight:600}.avatar.large{width:64px;height:64px;font-size:23px}.avatar.gold{background:#FFF5D9;color:#A57100}.avatar.blue{background:#EAF4FF;color:#2E81B5}.avatar.pink{background:#FFEFF5;color:#B96589}.detail-hero h1{font-size:29px}.detail-hero p{font-size:14px;color:#6A77A4}.detail-facts{gap:22px}.fact label{font-size:11px;color:#8190B0;letter-spacing:.5px}.fact b{font-size:14px;color:#162350}.fact .value{font-size:26px;color:#0B1947}.fact .small{font-size:12px}.stage-step{height:43px;font-size:12px;border-radius:7px;background:#F0F4FA;color:#6B7BA3}.stage-step.done{background:#E6F7F1;color:#16867B}.stage-step.current{background:#008D8A;color:white}.timeline-icon{background:#E8F9F4;color:#008884;border-radius:9px}.timeline-item h3{font-size:14px}.timeline-item p{font-size:12px;color:#6A78A3}.timeline-item time{font-size:11px;color:#8D9ABB}.timeline-note{background:#FAFCFE;border-color:#E3EBF5;border-radius:10px;padding:14px;font-size:13px!important;color:#31436F!important}.notice{border-color:#DCEEEA;background:#F2FBF8;color:#487B79;font-size:13px;border-radius:11px;padding:16px 18px}.notice b{color:#067F78;font-size:13px}.notice.warning{background:#FFF9EB;border-color:#F2E7C8;color:#977631}.notice.warning b{color:#896116}.notice.error{background:#FFF2F5;border-color:#F1D7DF;color:#A24F61}.notice.error b{color:#B03650}.notice.info{background:#F0F7FF;border-color:#DFEAF8;color:#54719E}.notice.info b{color:#3E64A0}.notice .ph{font-size:21px}.field{gap:8px}.field label{font-size:13px;font-weight:500;color:#435685}.field input,.field select,.field textarea,.inputbox{height:46px;border:1px solid #DBE5F1;border-radius:10px;padding:11px 13px;font-size:14px;color:#334675}.field textarea{height:98px}.field small{font-size:11px;color:#8290B0}.field input::placeholder,.field textarea::placeholder{color:#8996B3}.form-section h3{font-size:16px;font-weight:600;margin-bottom:18px}.fields{gap:20px}.form-actions{border-color:#E2EAF4;background:#FCFDFE;padding:20px 24px;gap:11px}.drawer{border-left:1px solid #E0E9F3;box-shadow:-12px 0 40px #182A5217}.drawer-head{padding:25px 27px;border-color:#E3EBF4}.drawer-head h2{font-size:25px;letter-spacing:-.7px}.drawer-head p{font-size:12px;color:#7E8CAF}.drawer-body{padding:26px 27px}.drawer .form-actions{padding:20px 27px}.radio-card{border-color:#DFE9F3;border-radius:12px;padding:20px}.radio-card.selected{background:#F5FEFB;border-color:#19B3A6;box-shadow:none}.radio-card h3{font-size:14px}.radio-card p{font-size:12px;color:#7181A8}.modal{border-color:#E1E8F1;border-radius:17px;box-shadow:0 22px 85px #101F4525}.modal-head{padding:27px 28px 0}.modal-head h2{font-size:24px;font-weight:700;letter-spacing:-.5px}.modal-body{padding:21px 28px 28px}.modal-body>p{font-size:14px;color:#6E7BA4}.stage-mini{border-color:#E1E9F3;border-radius:10px;background:#F7FAFD;padding:15px;font-size:14px}.stage-mini small{font-size:11px;color:#7C8CA9}.stage-mini.to{background:#EFFFF9;border-color:#A8DFD3;color:#007D80}table{white-space:nowrap}th{font-size:11px;font-weight:600;letter-spacing:.7px;color:#7180A6;background:#F8FAFD;border-color:#E1EAF4;padding:15px 18px}td{font-size:14px;color:#50638E;padding:18px;border-color:#EAF0F7}td b{font-size:14px;color:#0E1D4D}td .sub{font-size:11px;color:#8A97B4;margin-top:5px}tr:hover td{background:#FCFEFF}.table-footer{font-size:12px;border-color:#E6EDF6;color:#8795B2;padding:15px 22px}.pagination button{height:31px;min-width:31px;font-size:12px}.pagination .active{background:#E5F8F2;color:#007F7E}.taskrow{padding:19px 22px;gap:14px;border-color:#EAF0F6}.taskrow b{font-size:14px}.taskrow p{font-size:12px;color:#7181A6}.taskrow .date{font-size:12px;color:#7180A7}.stat{border-color:#E0E9F3;border-radius:14px;padding:22px 24px;box-shadow:0 3px 12px #1F416207}.stat>div{font-size:13px;color:#62739F}.stat b{font-size:32px;color:#101B4A;letter-spacing:-.7px;margin:14px 0 9px}.stat small{font-size:12px;color:#8794AF}.stat small strong{color:#008B7F}.stat .ph{font-size:23px;color:#099C91}.hbar-row{font-size:13px;grid-template-columns:135px 1fr 40px;color:#65759F}.hbar-bg{height:12px;background:#F0F4F9}.hbar-fill{background:#28B3A1}.bar{background:#09A893}.bar.light{background:#BAEBDF}.bar-group label{font-size:11px;color:#7B89AA}.legend{font-size:11px;color:#8290AF}.summary-strip{border-color:#E1EAF4;border-radius:13px;box-shadow:none;background:white}.summary-item{border-color:#E2EAF3}.summary-item b{font-size:23px;color:#10234F}.summary-item small{font-size:12px;color:#7A89AC}.summary-item .icon{background:#E8F9F5;color:#009C8D}.summary-strip .rightnote{font-size:12px;color:#909AB4}.connection-card{border-color:#E2EAF4;border-radius:14px;padding:25px}.provider h3{font-size:17px}.provider p{font-size:13px;color:#7B8BAC}.provider-mark{width:48px;height:48px;border-color:#E1EAF4;border-radius:12px}.settings-nav button{font-size:14px;border-radius:9px;color:#697AA4;padding:12px 14px}.settings-nav button.active{color:#007E80;background:#E6F8F4}.settings-row h3{font-size:14px}.settings-row p{font-size:12px;color:#7C8BA9}.keyvalue{font-size:14px;border-color:#E8EEF6;color:#7483A7}.keyvalue b{font-size:14px;color:#213968}.empty .empty-icon{background:#ECFAF6;border-color:#D4EDE6;color:#089E8F;border-radius:16px}.empty h2{font-size:23px}.empty p{font-size:14px;color:#7E8BAD}.event-preview{background:#FAFCFE;border-color:#DFE9F3;border-radius:11px}.toast{background:#0A5260;border-radius:12px;font-size:14px;box-shadow:0 7px 30px #17395A26}.toast small{font-size:12px;color:#BDE9E3}.sp-lane-empty{padding:42px 20px;text-align:center;color:#7D8BAA}.sp-lane-empty .ph{font-size:34px;color:#BAC9DF}.sp-lane-empty h3{font-size:15px;font-weight:500;margin:13px 0 8px;color:#5F709A}.sp-lane-empty p{font-size:13px;line-height:1.7;color:#93A0BA}
.sp-button,.sp-switch button.selected,.btn.primary,.segmented button.active{background-size:100% 100%;background-repeat:no-repeat}
.sp-mobile{width:100%;min-height:100vh;background:#F8FBFE;color:#0A1042}.sp-mobile-top{height:70px;background:white;border-bottom:1px solid #E5EDF6;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.sp-mobile-top .sp-brand{padding:0;height:auto;font-size:25px;gap:8px}.sp-mobile-top .sp-brand .ph-fill{font-size:33px}.sp-mobile-top .sp-notification{width:37px;height:37px}.sp-mobile-top .sp-notification .ph{font-size:25px}.sp-mobile-body{padding:23px 18px}.sp-mobile-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sp-mobile-title h1{font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-.7px;color:#080D40}.sp-mobile-title p{font-size:14px;color:#6B7CA7;margin-top:6px}.sp-mobile-add{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#008E89 url('design/approved-button-texture.png') no-repeat;background-size:100% 100%;color:white;box-shadow:0 4px 8px #007D7A24}.sp-mobile-add .ph{font-size:25px}.sp-mobile-total{display:flex;justify-content:space-between;font-size:15px;font-weight:700;margin-bottom:17px;color:#0F1D4E}.sp-mobile-total span{font-weight:600}.sp-mobile .sp-search{width:100%;height:47px;background:white;padding:0 13px;font-size:14px}.sp-mobile-filter{display:flex;gap:10px;margin:12px 0 22px}.sp-mobile-filter button{height:44px;flex:1;background:white;border:1px solid #E0E9F4;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#233968}.sp-mobile-filter .ph{font-size:20px}.sp-mobile-filter .ph:last-child{font-size:13px}.sp-mobile-stage{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:15px}.sp-mobile-stage .sp-count{font-size:12px;width:24px;height:24px;flex-basis:24px}.sp-mobile-stage>.ph{margin-left:auto;color:#6C7DA7;font-size:17px}.sp-mobile .sp-lead{height:213px;padding:17px 18px;border-radius:13px;margin-bottom:13px}.sp-mobile .sp-lead-top b{font-size:18px}.sp-mobile .sp-lead>p{font-size:15px;margin-top:4px}.sp-mobile .sp-lead>strong{font-size:20px}.sp-mobile .sp-card-line{font-size:14px;gap:12px;margin-top:12px}.sp-mobile-next{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:45px;color:#008184;font-size:15px;font-weight:600;margin-top:16px}.sp-mobile-next .ph{font-size:19px}
@media(max-width:600px){.sp-app{display:none}.sp-workspace{min-height:100vh;height:auto}.sp-sidebar{display:none}.sp-workspace-main{position:relative;top:7px;left:7px;right:auto;bottom:auto;width:calc(100% - 14px);min-height:calc(100vh - 14px);height:auto;border-radius:14px;overflow:hidden}.sp-page{padding:20px 17px 35px;width:100%}.sp-workspace h1{font-size:25px;letter-spacing:-.7px}.sp-workspace .breadcrumb{font-size:10px;margin-bottom:20px;gap:5px}.sp-workspace .page-header{display:block;margin-bottom:23px}.sp-workspace .page-header>div:first-child{width:100%;min-width:0}.sp-workspace .page-header .actions{flex-wrap:wrap;gap:7px;margin-top:17px}.sp-workspace .page-header .btn{font-size:12px;min-height:42px;padding:10px 12px}.sp-workspace .page-header .detail-hero>span:last-child{min-width:0;width:240px}.sp-workspace .detail-hero{gap:12px}.sp-workspace .detail-hero p{font-size:12px}.sp-workspace .avatar.large{width:52px;height:52px;font-size:20px}.sp-workspace .stage-track{overflow:hidden;margin-bottom:20px;gap:4px}.sp-workspace .stage-step{flex:0 0 105px;width:105px;height:41px;font-size:11px}.sp-workspace .mobile-record-summary{padding:17px;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:14px}.sp-workspace .mobile-record-summary>div{width:46%}.sp-workspace .mobile-record-summary label{font-size:10px;color:#7E8CAF}.sp-workspace .mobile-record-summary b{font-size:12px;color:#1B2B59}.sp-workspace .detail-grid{display:block}.sp-workspace .detail-sidebar{display:none}.sp-workspace .detail-grid>div:last-child{width:100%;display:block}.sp-workspace .tabs{gap:23px;overflow:hidden;margin-bottom:20px}.sp-workspace .tab{font-size:12px;white-space:nowrap;padding-bottom:12px}.sp-workspace .panel-title{padding:19px 17px}.sp-workspace .panel-title h2{font-size:16px;white-space:nowrap;width:50%;flex:0 0 50%}.sp-workspace .panel-title .actions{gap:5px}.sp-workspace .panel-title .btn{font-size:0;width:37px;min-height:37px;height:37px;padding:7px}.sp-workspace .panel-title .btn .ph{font-size:20px}.sp-workspace .panel-body{padding:20px 17px}.sp-workspace .taskrow{padding:18px 16px;gap:10px}.sp-workspace .taskrow b{font-size:12px}.sp-workspace .taskrow p{font-size:11px}.sp-workspace .task-content{width:69%;flex:1}.sp-workspace .taskrow .btn{font-size:12px;padding:9px 11px;height:41px}.sp-workspace .timeline-item{display:flex;gap:11px}.sp-workspace .timeline-item>div:last-child{width:86%;flex:1}.sp-workspace .timeline-item h3{font-size:12px}.sp-workspace .timeline-item p{font-size:11px}.sp-workspace .timeline-item time{font-size:10px;float:none;display:block;margin-bottom:5px}.sp-workspace .timeline-note{font-size:12px!important;line-height:1.7;padding:12px}.sp-workspace .mobile-short .timeline-item:nth-child(n+3){display:none}.sp-workspace .btn{min-height:44px}.drawer,.drawer.wide{width:100%}.drawer-head{padding:23px 21px;height:100px}.drawer-head h2{font-size:24px}.drawer-head p{font-size:12px}.drawer-body{padding:23px 21px}.drawer .fields{gap:18px}.drawer .fields>.field{width:100%;flex-basis:100%}.drawer .form-actions{padding:18px 21px;height:82px}.drawer .field label{font-size:13px}.drawer .field input,.drawer .field select,.drawer .field textarea,.print-input,.print-select,.print-textarea{font-size:14px}.modal,.modal.wide{width:calc(100% - 32px);left:16px;top:82px}.modal-head{padding:23px 22px 0}.modal-head h2{font-size:23px}.modal-body{padding:21px 22px 24px}.modal-body>p{font-size:13px}.modal .notice{font-size:12px}.modal .form-actions{padding:17px 20px}.modal .form-actions .btn{font-size:12px;padding:10px 13px}.sp-workspace .notice{font-size:12px;padding:15px}.sp-workspace .notice b{font-size:12px}.sp-workspace .keyvalue{font-size:13px}.sp-workspace .keyvalue b{font-size:13px}.sp-workspace .panel-pad{padding:20px 17px}.sp-workspace .panel-pad h2{font-size:18px}.sp-workspace .fields>.field{width:100%;flex-basis:100%}}
.sp-mobile-title>div{width:275px;flex:0 0 275px}.sp-mobile-title h1{white-space:nowrap;font-size:26px}
.sp-mobile-title>.sp-mobile-add{width:44px;max-width:44px;flex:0 0 44px}.fields>.fact{width:47.5%;flex:0 0 47.5%}.hbars{gap:11px}
.sp-contacts-table td{padding-top:14px;padding-bottom:14px}.sp-pipeline-table td{padding-top:13px;padding-bottom:13px}
@media(max-width:600px){.sp-workspace .panel-pad .actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.sp-workspace .panel-pad .actions>.btn{width:100%;flex:none;box-sizing:border-box;min-height:44px;height:44px}}