:root{--bg:#050505;--panel:#111;--panel2:#151515;--line:#242424;--text:#f7f7f7;--muted:#9a9a9f;--brand:#ff533d;--brand2:#f23842;--green:#24d46b;--danger:#ff4050;--radius:18px;--side:280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{width:100%;background:#0d0d0e;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px 15px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:rgba(255,83,61,.65);box-shadow:0 0 0 4px rgba(255,83,61,.08)}.ico{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#080808;border-right:1px solid var(--line);padding:26px 14px;z-index:20;overflow:auto}.brand{font-weight:900;font-size:26px;letter-spacing:-1px;display:flex;align-items:center;gap:0;margin:10px 18px 34px}.brand span{color:#fff}.brand::after{content:"";width:8px;height:8px;background:var(--brand);border-radius:99px;margin-left:2px}.brand.brand-text{font-size:24px;gap:8px}.brand.brand-text::after{display:none}.center{justify-content:center;margin:0 0 24px}.sale,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:13px 18px;background:#101010;color:#fff;font-weight:800;cursor:pointer}.sale{width:100%;background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;margin-bottom:24px}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;box-shadow:0 18px 35px rgba(255,83,61,.18)}.btn.full{width:100%}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;color:var(--muted);font-size:16px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#111}.sidebar nav a.active{color:#ff4655;position:relative}.sidebar nav a.active:before{content:"";position:absolute;left:-14px;width:4px;height:28px;border-radius:0 9px 9px 0;background:#ff4050}.topbar{position:fixed;left:var(--side);right:0;top:0;height:72px;background:rgba(8,8,8,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:10}.search{color:var(--muted);background:#0d0d0e;border:1px solid var(--line);border-radius:999px;padding:11px 18px;min-width:220px}.top-actions{display:flex;align-items:center;gap:14px;color:#fff;font-weight:800}.top-actions>span,.user{background:#0d0d0e;border:1px solid var(--line);border-radius:999px;padding:10px 14px}.user{display:flex;align-items:center;gap:10px}.user b{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center}.main{margin-left:var(--side);padding:108px 28px 48px;min-height:100vh}.screen-title{font-size:30px;letter-spacing:-1px;margin:0 0 22px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.page-head h1{font-size:34px;margin:0;color:var(--brand);letter-spacing:-1px}.page-head p{color:var(--muted);margin:4px 0 0;font-size:17px}.hero-card,.card,.table-card,.kanban-col{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:var(--radius)}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;margin-bottom:26px;border-color:rgba(255,83,61,.34)}.eyebrow{color:#ff5b4d;font-weight:900;font-size:13px}.hero-card h2{font-size:25px;margin:4px 0}.hero-card p,.muted{color:var(--muted);margin:0}.grid{display:grid;gap:18px}.cards{grid-template-columns:2fr 1fr 1fr 1fr}.summary{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.card{padding:22px;min-height:140px}.card h3{font-size:28px;margin:12px 0 8px}.wide{min-width:0}.green{color:var(--green)}.red{color:var(--danger)}.bar{height:8px;background:#0b0b0b;border-radius:99px;overflow:hidden;margin:20px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse;min-width:760px}.table-card th,.table-card td{padding:17px 18px;border-bottom:1px solid var(--line);text-align:left;color:#dcdcdc}.table-card th{font-size:13px;color:var(--muted);font-weight:800}.empty{text-align:center;color:var(--muted);padding:46px!important}.actions{display:flex;align-items:center;gap:8px}.actions a,.actions button{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#0a0a0b;border:1px solid var(--line);color:#fff;cursor:pointer}.actions form{margin:0}.kanban{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:16px;overflow:auto;padding-bottom:12px}.kanban-col{min-height:420px;padding:18px}.kanban-col h3{margin:0 0 18px;display:flex;justify-content:space-between;font-size:18px}.kanban-col h3 span{color:var(--muted)}.lead-card{border:1px solid var(--line);background:#0a0a0a;border-radius:16px;padding:16px;margin-bottom:12px}.lead-card strong{display:block;font-size:16px}.lead-card small{color:var(--brand);font-weight:900}.lead-card p{color:var(--muted);margin:8px 0 12px}.modal{position:fixed;inset:0;display:none;z-index:50}.modal:target{display:block}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(8px)}.modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 40px));max-height:min(88vh,920px);background:#101010;border:1px solid var(--line);border-radius:24px;padding:22px;overflow:auto;display:grid;gap:12px;box-shadow:0 25px 80px rgba(0,0,0,.5)}.form-grid{display:grid;gap:12px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-title h2{margin:0;font-size:22px}.modal-title a{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#181818}.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 60% 10%,rgba(255,83,61,.18),transparent 35%),#050505}.auth-card{width:min(430px,100%);background:#101010;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.45);display:grid;gap:14px}.auth-card h1{margin:0;font-size:28px}.auth-card p{margin:0 0 10px;color:var(--muted)}.alert{background:rgba(255,64,80,.1);border:1px solid rgba(255,64,80,.3);color:#ff7b86;border-radius:14px;padding:12px}.mobile-nav{display:none}
@media(max-width:1000px){:root{--side:0}.sidebar{display:none}.topbar{left:0;height:64px;padding:0 14px}.search{display:none}.top-actions{gap:8px}.top-actions span:nth-child(1){display:none}.main{margin-left:0;padding:86px 14px 92px}.screen-title{font-size:24px}.page-head{align-items:flex-start}.page-head h1{font-size:27px}.page-head p{font-size:14px}.hero-card{flex-direction:column;align-items:flex-start;padding:20px}.cards,.summary{grid-template-columns:1fr}.card{min-height:auto;padding:18px}.table-card{border-radius:16px}.table-card table{min-width:0}.table-card thead{display:none}.table-card tr{display:block;border-bottom:1px solid var(--line);padding:12px}.table-card td{display:flex;justify-content:space-between;gap:16px;border:0;padding:9px 4px}.table-card td:before{content:attr(data-label);color:var(--muted);font-size:12px}.table-card td.actions{justify-content:flex-start;padding-top:14px}.kanban{grid-template-columns:repeat(5,82vw);gap:12px}.kanban-col{min-height:360px}.modal-box{left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 20px);max-height:90vh}.form-grid.cols-2{grid-template-columns:1fr}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:68px;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:40}.mobile-nav a{display:grid;place-items:center;color:var(--muted);font-size:11px;padding:7px}.mobile-nav .ico{color:#fff}.mobile-nav span{margin-top:-8px}.btn{padding:12px 14px}.top-actions .user{padding:8px}.top-actions .user:not(b){font-size:0}.top-actions .user b{font-size:14px}.top-actions span:nth-child(3){display:none}}

.soft-modal{position:fixed;inset:0;z-index:80;display:none}.soft-modal.open{display:block}.soft-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.soft-modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 40px));max-height:86vh;overflow:auto;background:#101010;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.58)}.soft-modal-box.small{width:min(440px,calc(100vw - 36px))}.modal-title button{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#181818;border:1px solid var(--line);color:#fff;cursor:pointer}.view-content{display:grid;gap:10px}.view-row{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.view-row span{color:var(--muted);font-size:13px}.view-row strong{font-weight:700;word-break:break-word}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-box .btn.primary.full{position:sticky;bottom:-22px;margin:8px -22px -22px;width:calc(100% + 44px);border-radius:0 0 24px 24px}
@media(max-width:1000px){.soft-modal-box{width:calc(100vw - 20px);max-height:90vh}.view-row{grid-template-columns:1fr;gap:4px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}.modal-box .btn.primary.full{bottom:-22px}}

.form-section{border:1px solid var(--line);border-radius:18px;padding:16px;background:#0b0b0c}.form-section h3{margin:0 0 13px;font-size:15px;color:#fff}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}.modal-box{width:min(860px,calc(100vw - 40px))}
@media(max-width:1000px){.form-grid.cols-3{grid-template-columns:1fr}.form-grid .span-2{grid-column:1}.form-section{padding:14px}.modal-box{width:calc(100vw - 20px)}}

.install-app,.top-install{display:none;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#0d0d0e;color:#fff;border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer}.install-app.show,.top-install.show{display:flex}.install-app{width:100%;margin:-12px 0 18px}.top-install{border-radius:999px;padding:10px 14px}.install-steps{display:grid;gap:10px}.install-steps p{margin:0;line-height:1.5}
@media(max-width:1000px){.install-app.show{display:none}.top-install.show{display:flex;font-size:0;padding:10px}.top-install .ico{margin:0}.top-actions{max-width:100%;overflow:hidden}}

.check-line{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.check-line input{width:auto;accent-color:var(--brand)}.field-help{margin:0;color:var(--muted);font-size:13px}
.portal-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(255,83,61,.16),transparent 35%),#050505}.portal-top{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(8,8,8,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.portal-main{width:min(1180px,100%);margin:0 auto;padding:30px 20px 60px}.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid rgba(255,83,61,.32);border-radius:26px;padding:26px;margin-bottom:20px}.portal-hero h1{font-size:34px;margin:4px 0;letter-spacing:-1px}.portal-hero p{margin:0;color:var(--muted)}.portal-status{border:1px solid var(--line);background:#090909;border-radius:18px;padding:16px;min-width:180px}.portal-status strong{display:block;text-transform:capitalize}.portal-status span{color:var(--muted);font-size:13px}.portal-cards{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-panel{background:#101010;border:1px solid var(--line);border-radius:22px;padding:20px}.portal-panel h2{margin:0 0 15px;font-size:20px}.portal-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.portal-item:last-child{border-bottom:0}.portal-item strong{display:block}.portal-item span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.portal-item em{font-style:normal;color:#fff;background:#0b0b0c;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;text-transform:capitalize;white-space:nowrap}
@media(max-width:1000px){.portal-top{height:64px;padding:0 14px}.portal-top .brand{margin:0;font-size:20px}.portal-main{padding:18px 12px 40px}.portal-hero{display:grid;padding:20px;border-radius:20px}.portal-hero h1{font-size:27px}.portal-cards{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr}.portal-item{align-items:flex-start}.portal-status{min-width:0}}

.notice{background:rgba(36,212,107,.1);border:1px solid rgba(36,212,107,.28);color:#a9f6c7;border-radius:16px;padding:14px 16px;margin-bottom:18px;font-weight:800}.portal-item.budget{align-items:flex-start}.portal-item small{display:block;color:#cfcfcf;font-size:13px;margin-top:8px;line-height:1.45}.portal-budget-side{display:grid;justify-items:end;gap:10px}.portal-budget-actions{display:flex;gap:8px}.portal-budget-actions form{margin:0}.portal-budget-actions .btn{padding:9px 12px;border-radius:12px;font-size:13px}.response-date{font-size:12px;color:var(--muted)}
@media(max-width:1000px){.portal-item.budget{display:grid}.portal-budget-side{justify-items:start}.portal-budget-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.portal-budget-actions .btn{width:100%}}

.proposal-page{min-height:100vh;background:radial-gradient(circle at 70% 0,rgba(255,83,61,.18),transparent 36%),#050505}.proposal-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.proposal-card{width:min(840px,100%);background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.proposal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.proposal-head .brand{margin:0}.proposal-head span,.proposal-closed{border:1px solid var(--line);background:#090909;border-radius:999px;padding:9px 13px;text-transform:capitalize;color:#fff}.proposal-hero h1{font-size:42px;line-height:1.02;margin:6px 0 10px;letter-spacing:-1.5px}.proposal-hero p{color:var(--muted);margin:0}.proposal-price{margin:24px 0;padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(255,83,61,.18),rgba(242,56,66,.08));border:1px solid rgba(255,83,61,.24)}.proposal-price span{display:block;color:var(--muted);font-weight:800}.proposal-price strong{display:block;font-size:38px;margin-top:6px}.proposal-section{border:1px solid var(--line);border-radius:20px;padding:20px;background:#0a0a0b;margin-bottom:18px}.proposal-section h2{margin:0 0 10px;font-size:20px}.proposal-section p{margin:0;color:#d6d6d8;line-height:1.6}.proposal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.proposal-grid div{border:1px solid var(--line);border-radius:18px;padding:16px;background:#090909}.proposal-grid span{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.proposal-grid strong{display:block}.proposal-actions{display:flex;gap:12px}.proposal-actions form{flex:1;margin:0}.proposal-actions .btn{width:100%}.proposal-closed{display:grid;border-radius:18px;gap:4px}.proposal-closed span{color:var(--muted)}
@media(max-width:1000px){.proposal-wrap{padding:12px;place-items:start}.proposal-card{padding:18px;border-radius:22px}.proposal-head{margin-bottom:20px}.proposal-head .brand{font-size:20px}.proposal-hero h1{font-size:30px}.proposal-price strong{font-size:31px}.proposal-grid{grid-template-columns:1fr}.proposal-actions{display:grid}}

.proposal-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proposal-accept-box{border:1px solid rgba(255,83,61,.28);background:linear-gradient(135deg,rgba(255,83,61,.11),rgba(255,83,61,.04));border-radius:22px;padding:18px;margin-top:18px}.proposal-accept-box h2{margin:0 0 6px}.proposal-accept-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:14px}.proposal-refuse-form{margin-top:10px}.proposal-refuse-form .btn{width:100%}
@media(max-width:1000px){.proposal-columns{grid-template-columns:1fr}.proposal-accept-form{grid-template-columns:1fr}.proposal-accept-form .btn{width:100%}}

.briefing-guide{margin-bottom:18px;min-height:auto}.briefing-guide h2{margin:0 0 8px;font-size:20px}.briefing-smart{border-color:rgba(255,83,61,.32)}.briefing-tips{background:linear-gradient(135deg,rgba(255,83,61,.08),rgba(255,83,61,.02))}.tip-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.tip-list span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;border:1px solid var(--line);border-radius:14px;background:#090909;color:#fff;font-size:13px;font-weight:800;padding:8px}.table-card td:nth-last-child(2){font-weight:900}
@media(max-width:1000px){.tip-list{grid-template-columns:1fr 1fr}.briefing-guide{padding:16px}.summary{grid-template-columns:1fr!important}}

.file-link{display:inline-flex;margin-top:10px;color:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#0b0b0c;font-size:13px;font-weight:800}.portal-budget-actions input{min-width:180px;padding:9px 10px;border-radius:12px}.portal-cards{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.portal-cards{grid-template-columns:1fr}.portal-budget-actions input{min-width:0;width:100%;grid-column:1/-1}.portal-budget-actions form{display:grid;gap:8px}}

.upload-box{display:grid;gap:5px;border:1px dashed rgba(255,255,255,.22);border-radius:16px;padding:15px;background:#090909;cursor:pointer}.upload-box span{font-weight:900;color:#fff}.upload-box small{color:var(--muted);font-size:13px}.upload-box input{padding:0;border:0;background:transparent;margin-top:8px}.upload-box:hover{border-color:rgba(255,83,61,.6);background:rgba(255,83,61,.04)}

.history-panel{margin-top:18px;min-height:auto}.history-panel h2{margin:0 0 14px;font-size:20px}.history-row{display:grid;grid-template-columns:130px 1fr 150px;gap:12px;align-items:start;border-top:1px solid var(--line);padding:13px 0}.history-row span{color:var(--muted);font-size:12px}.history-row strong{font-weight:900}.history-row em{font-style:normal;background:#090909;border:1px solid var(--line);border-radius:999px;padding:6px 10px;text-align:center;font-size:12px}.history-row p{grid-column:2/-1;margin:0;color:#d7d7d7}.mini-history{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.mini-history h3{margin:0 0 10px;font-size:15px}.mini-history div{border-bottom:1px solid var(--line);padding:10px 0}.mini-history span{display:block;color:var(--muted);font-size:12px}.mini-history strong{display:block}.mini-history p{margin:3px 0 0;color:#d7d7d7;font-size:13px}
@media(max-width:1000px){.history-row{grid-template-columns:1fr}.history-row p{grid-column:1}.history-row em{text-align:left;width:max-content}}

.menu-badge{margin-left:auto;background:var(--brand);color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;padding:0 6px}.notif-chip{position:relative;width:42px;height:42px;display:grid;place-items:center;background:#0d0d0e;border:1px solid var(--line);border-radius:999px}.notif-chip b{position:absolute;right:-4px;top:-4px;background:var(--brand);color:#fff;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px;padding:0 5px}.notification-strip{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-bottom:22px;min-height:auto}.notification-strip h2{margin:0 0 5px;font-size:20px}.notification-list-mini{display:grid;gap:8px}.notification-list-mini a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#090909;border:1px solid var(--line);border-radius:14px;padding:11px 13px}.notification-list-mini a.unread{border-color:rgba(255,83,61,.34);background:rgba(255,83,61,.05)}.notification-list-mini span{color:var(--muted);font-size:12px}.notifications-card{background:#101010;border:1px solid var(--line);border-radius:22px;padding:16px}.notification-row{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:rgba(255,83,61,.045);border-radius:16px}.notification-dot{width:10px;height:10px;border-radius:999px;background:var(--muted)}.notification-dot.success{background:var(--green)}.notification-dot.warning{background:var(--brand)}.notification-row strong{display:block}.notification-row p{margin:4px 0;color:#d6d6d8}.notification-row span{color:var(--muted);font-size:12px}.notification-row form{margin:0}
@media(max-width:1000px){.notification-strip{grid-template-columns:1fr}.notification-list-mini a{display:grid}.notification-row{grid-template-columns:12px 1fr}.notification-row form{grid-column:2}.notif-chip{width:38px;height:38px}}

.report-filters{display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:end;min-height:auto;margin-bottom:18px}.report-filters label{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:7px}.report-cards{grid-template-columns:repeat(5,1fr);margin-bottom:18px}.report-panel{background:#101010;border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:18px}.report-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.report-head h2,.report-insights h2{margin:0 0 5px;font-size:21px}.report-insights{min-height:auto}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.insight-grid div{background:#090909;border:1px solid var(--line);border-radius:16px;padding:15px}.insight-grid strong{display:block;font-size:24px}.insight-grid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
@media(max-width:1000px){.report-filters{grid-template-columns:1fr}.report-cards{grid-template-columns:1fr}.report-head{display:grid}.insight-grid{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.mobile-nav,.btn,.page-head a{display:none!important}.main{margin:0!important;padding:20px!important}.card,.report-panel,.table-card{box-shadow:none!important;background:#fff!important;color:#111!important;border-color:#ddd!important}body{background:#fff!important;color:#111!important}.muted,small{color:#555!important}}

.report-actions{display:flex;gap:10px;flex-wrap:wrap}.pdf-page{background:#ececec;color:#141414;font-family:Inter,Arial,Helvetica,sans-serif}.pdf-sheet{width:min(1020px,100%);margin:24px auto;background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 90px rgba(0,0,0,.12)}.pdf-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5;padding-bottom:18px;margin-bottom:26px}.pdf-header strong{display:block;font-size:24px;letter-spacing:-.8px}.pdf-header span{color:#666}.pdf-title{margin-bottom:24px}.pdf-title span{display:inline-flex;background:#fff1ee;color:#e34935;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.pdf-title h1{font-size:38px;line-height:1.05;margin:12px 0 8px;color:#111}.pdf-title p{margin:0;color:#666}.pdf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.pdf-metrics div{border:1px solid #e5e5e5;border-radius:16px;padding:16px;background:#fafafa}.pdf-metrics span{display:block;color:#666;font-size:13px;font-weight:700}.pdf-metrics strong{display:block;font-size:27px;margin-top:6px;color:#111}.pdf-section{margin-top:24px}.pdf-section h2{font-size:21px;margin:0 0 12px;color:#111}.pdf-table{width:100%;border-collapse:collapse;font-size:13px}.pdf-table th,.pdf-table td{border-bottom:1px solid #e8e8e8;text-align:left;padding:11px 9px;color:#111}.pdf-table th{background:#f6f6f6;color:#444;font-size:12px;text-transform:uppercase;letter-spacing:.2px}.pdf-reading{background:#fafafa;border:1px solid #e5e5e5;border-radius:16px;padding:18px}.pdf-reading p{margin:0;color:#444;line-height:1.6}.pdf-footer{display:flex;justify-content:space-between;gap:14px;color:#777;border-top:1px solid #e5e5e5;margin-top:28px;padding-top:16px;font-size:12px}
@media(max-width:1000px){.pdf-sheet{margin:0;border-radius:0;padding:20px}.pdf-header{display:grid;gap:14px}.pdf-metrics{grid-template-columns:1fr}.pdf-table{font-size:12px}.pdf-section{overflow:auto}.report-actions{display:grid}.report-actions .btn{width:100%}}
@media print{.pdf-page{background:#fff}.pdf-sheet{box-shadow:none;margin:0;width:100%;border-radius:0}.pdf-header .btn{display:none!important}@page{size:A4;margin:12mm}.pdf-table th,.pdf-table td{padding:8px 6px}.pdf-title h1{font-size:30px}.pdf-metrics{grid-template-columns:repeat(3,1fr)}}

.share-card{min-height:auto}.share-card h2{margin:0 0 8px}.share-box{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.public-report-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(255,83,61,.18),transparent 36%),#050505;color:#fff}.public-report-wrap{width:min(1100px,100%);margin:0 auto;padding:28px 18px 60px}.public-report-hero{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid rgba(255,83,61,.28);border-radius:28px;padding:30px;margin-bottom:18px}.public-report-hero h1{font-size:42px;line-height:1.05;letter-spacing:-1.4px;margin:7px 0 10px}.public-report-hero p{margin:0;color:var(--muted)}.pdf-metrics.public{margin-bottom:18px}.public-report-panel{background:#101010;border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:18px}.public-report-reading{background:#101010;border:1px solid var(--line);border-radius:22px;padding:20px}.public-report-reading h2{margin:0 0 8px}.public-report-reading p{margin:0;color:#d7d7d7;line-height:1.6}
@media(max-width:1000px){.share-box{grid-template-columns:1fr}.share-actions{display:grid}.public-report-wrap{padding:14px 10px 40px}.public-report-hero{padding:22px;border-radius:22px}.public-report-hero h1{font-size:31px}}
@media print{.public-report-page{background:#fff;color:#111}.public-report-wrap{padding:0}.public-report-hero,.public-report-panel,.public-report-reading{background:#fff!important;color:#111!important;border-color:#ddd!important}.public-report-panel .btn{display:none!important}.public-report-hero p,.public-report-reading p{color:#444!important}}

.table-card td:nth-child(4){text-transform:capitalize}.access-card{background:rgba(255,83,61,.06);border:1px solid rgba(255,83,61,.22);border-radius:18px;padding:16px}

.saas-hero{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;align-items:start;margin-bottom:18px;min-height:auto}.saas-hero h2{font-size:28px;margin:5px 0}.saas-status-form{display:grid;grid-template-columns:1fr 160px 160px 160px auto;gap:10px;align-items:end}.saas-cards{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{background:#0b0b0c;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:14px}.plan-card h3{margin:0;font-size:22px}.plan-card strong{display:block;font-size:30px;margin:8px 0;color:#fff}.plan-card p{color:var(--muted);margin:0}.plan-card ul{margin:0;padding-left:18px;color:#d9d9d9;line-height:1.8}
@media(max-width:1200px){.saas-status-form{grid-template-columns:1fr 1fr}.saas-status-form .btn{grid-column:1/-1}.plans-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.saas-hero{grid-template-columns:1fr}.saas-status-form{grid-template-columns:1fr}.saas-cards{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}}

.account-lock{max-width:760px;margin:0 auto;min-height:auto;text-align:left}.account-lock h2{font-size:28px;margin:0 0 8px}.account-lock .btn{margin-top:18px}.status-warning{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(255,83,61,.12),rgba(255,83,61,.04));border-color:rgba(255,83,61,.28);min-height:auto;margin-bottom:20px}.status-warning strong{display:block}.status-warning span{color:var(--muted)}
@media(max-width:1000px){.status-warning{display:grid}}

.saas-cards{grid-template-columns:repeat(5,1fr)}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:1200px){.saas-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.saas-cards{grid-template-columns:1fr}}

.public-plans-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(255,83,61,.18),transparent 36%),#050505;color:#fff}.public-plans-wrap{width:min(1120px,100%);margin:0 auto;padding:32px 18px 60px}.public-plans-hero{text-align:center;padding:26px 0 34px}.public-plans-hero .brand{justify-content:center;margin:0 0 20px}.public-plans-hero h1{font-size:46px;line-height:1.02;letter-spacing:-1.5px;margin:8px auto 12px;max-width:820px}.public-plans-hero p{color:var(--muted);max-width:680px;margin:0 auto;font-size:17px}.public-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.public-plan-card{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:26px;padding:24px;display:grid;gap:16px}.public-plan-card h2{margin:0;font-size:25px}.public-plan-card strong{font-size:38px;letter-spacing:-1px}.public-plan-card strong span{font-size:14px;color:var(--muted);font-weight:700}.public-plan-card p{color:var(--muted);margin:0;min-height:48px}.public-plan-card ul{margin:0;padding-left:18px;line-height:1.9}.checkout-card textarea{min-height:90px}.request-actions form{margin:0}.request-actions button{color:#fff}
@media(max-width:1000px){.public-plans-wrap{padding:18px 12px 44px}.public-plans-hero h1{font-size:32px}.public-plans-grid{grid-template-columns:1fr}.public-plan-card p{min-height:0}}

.public-site-page{min-height:100vh;background:radial-gradient(circle at 82% 0,rgba(255,83,61,.18),transparent 35%),#050505;color:#fff}.public-site-nav{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;background:rgba(8,8,8,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.public-site-nav .brand{margin:0}.public-site-nav nav{display:flex;align-items:center;gap:8px}.public-site-nav nav a{color:var(--muted);font-weight:800;border-radius:999px;padding:10px 13px}.public-site-nav nav a.active,.public-site-nav nav a:hover{color:#fff;background:#111}.public-site-main{width:min(1180px,100%);margin:0 auto;padding:34px 18px 70px}.site-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;min-height:calc(100vh - 150px)}.site-hero h1{font-size:58px;line-height:.96;letter-spacing:-2.6px;margin:10px 0 18px}.site-hero p{font-size:18px;color:var(--muted);line-height:1.6;max-width:650px;margin:0}.site-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.site-preview{min-height:520px;background:linear-gradient(180deg,#151515,#090909);border:1px solid rgba(255,83,61,.25);border-radius:34px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.34);display:grid;gap:18px}.preview-top{height:48px;border-radius:18px;background:#0b0b0c;border:1px solid var(--line)}.preview-card.big{height:150px;border-radius:24px;background:linear-gradient(135deg,rgba(255,83,61,.35),rgba(242,56,66,.08));border:1px solid rgba(255,83,61,.24)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-grid span{height:96px;border-radius:18px;background:#101010;border:1px solid var(--line)}.preview-list{display:grid;gap:10px}.preview-list i{height:42px;border-radius:14px;background:#101010;border:1px solid var(--line)}.site-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 70px}.site-metrics div,.feature-grid article,.contact-card{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:22px;padding:20px}.site-metrics strong{display:block;font-size:20px}.site-metrics span{display:block;color:var(--muted);margin-top:5px}.site-section{margin:70px 0}.section-head,.public-page-title{text-align:center;max-width:820px;margin:0 auto 28px}.section-head h2,.public-page-title h1,.site-cta h2{font-size:42px;line-height:1.04;letter-spacing:-1.4px;margin:8px 0 10px}.section-head p,.public-page-title p,.site-cta p{color:var(--muted);font-size:17px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid.large{grid-template-columns:repeat(3,1fr)}.feature-grid h3{margin:0 0 8px;font-size:19px}.feature-grid p{margin:0;color:var(--muted);line-height:1.55}.site-cta{text-align:center;background:linear-gradient(135deg,rgba(255,83,61,.18),rgba(242,56,66,.06));border:1px solid rgba(255,83,61,.28);border-radius:30px;padding:36px;margin-top:70px}.contact-card{max-width:980px;margin:0 auto}.contact-card h2{margin:0 0 18px;font-size:26px}.contact-card .btn{margin-top:18px}
@media(max-width:1000px){.public-site-nav{height:auto;display:grid;padding:14px}.public-site-nav nav{overflow:auto;white-space:nowrap}.public-site-nav .btn{width:100%}.public-site-main{padding:22px 12px 48px}.site-hero{grid-template-columns:1fr;min-height:auto}.site-hero h1{font-size:38px;letter-spacing:-1.4px}.site-preview{min-height:360px;border-radius:24px}.site-metrics,.feature-grid,.feature-grid.large{grid-template-columns:1fr}.section-head h2,.public-page-title h1,.site-cta h2{font-size:31px}.public-plans-page .public-site-nav{position:sticky}}

.public-settings-form{display:grid;gap:18px}.sticky-save{position:sticky;bottom:16px;z-index:15;background:rgba(10,10,10,.92);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;justify-content:flex-end;gap:10px}.site-actions.center{justify-content:center}.public-settings-form textarea{min-height:110px}
@media(max-width:1000px){.sticky-save{display:grid}.sticky-save .btn{width:100%}}

.content-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-form{display:grid;gap:10px;margin:14px 0}.mini-form textarea{min-height:92px}.manager-list{display:grid;gap:12px}.manager-list article{background:#0b0b0c;border:1px solid var(--line);border-radius:16px;padding:14px}.manager-list article strong{display:block;margin-bottom:6px}.manager-list article p{color:var(--muted);margin:0 0 8px;line-height:1.5}.manager-list article small{display:block;color:var(--muted);margin-bottom:10px}.btn.danger{border-color:rgba(255,83,61,.35);color:#ff8d80}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-grid article{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:22px;padding:20px}.testimonial-grid p{color:#ededed;line-height:1.6;margin:0 0 16px}.testimonial-grid strong{display:block}.testimonial-grid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:12px}.faq-list details{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:18px;padding:16px}.faq-list summary{cursor:pointer;font-weight:900}.faq-list p{color:var(--muted);line-height:1.6;margin:12px 0 0}
@media(max-width:1000px){.content-manager-grid,.testimonial-grid{grid-template-columns:1fr}}

.public-site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:50px}.public-site-footer div{display:flex;gap:12px;flex-wrap:wrap}.public-site-footer a{color:#fff;font-weight:800}.public-settings-form .form-section p.muted{margin-top:10px}
@media(max-width:1000px){.public-site-footer{display:grid;text-align:center}.public-site-footer div{justify-content:center}}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:24px;overflow:hidden}.blog-card img{width:100%;height:190px;object-fit:cover;display:block}.blog-card div{padding:18px}.blog-card small{color:var(--muted);font-weight:800}.blog-card h2{font-size:22px;line-height:1.12;margin:8px 0}.blog-card p{color:var(--muted);line-height:1.55}.blog-post-wrap{width:min(900px,100%);margin:0 auto;padding:40px 18px 70px}.blog-post{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);border-radius:28px;padding:28px}.blog-post h1{font-size:44px;line-height:1.04;letter-spacing:-1.4px;margin:14px 0}.blog-post .lead{font-size:18px;color:var(--muted);line-height:1.6}.post-cover{width:100%;max-height:420px;object-fit:cover;border-radius:20px;margin:20px 0}.post-content{color:#eee;line-height:1.75;font-size:17px}.content-area{min-height:260px}
@media(max-width:1000px){.blog-grid{grid-template-columns:1fr}.blog-post{padding:18px;border-radius:22px}.blog-post h1{font-size:32px}}

.public-settings-form textarea[name="custom_head_code"]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:150px}

.onboarding-hero{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center;margin-bottom:18px}.onboarding-hero h2{font-size:46px;margin:8px 0 4px;letter-spacing:-1.5px}.onboarding-progress .bar.big{height:14px}.onboarding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}.onboarding-card{display:grid;grid-template-columns:64px 1fr;gap:16px;background:#101010;border:1px solid var(--line);border-radius:22px;padding:18px}.onboarding-card.done{border-color:rgba(40,199,111,.32);background:linear-gradient(135deg,rgba(40,199,111,.09),#101010)}.step-number{width:52px;height:52px;border-radius:18px;background:#0b0b0c;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}.onboarding-card.done .step-number{background:rgba(40,199,111,.12);border-color:rgba(40,199,111,.36)}.onboarding-card h3{margin:0 0 6px}.onboarding-card p{color:var(--muted);line-height:1.5;margin:0 0 14px}.launch-links{min-height:auto}.launch-links h2{margin:0 0 14px}.launch-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.launch-link-grid a{background:#0b0b0c;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:5px}.launch-link-grid strong{color:#fff}.launch-link-grid span{color:var(--muted);font-size:12px;word-break:break-all}.dashboard-onboarding{display:grid;grid-template-columns:1fr 220px auto;align-items:center;gap:16px;min-height:auto;margin-bottom:18px}.dashboard-onboarding strong{display:block}.dashboard-onboarding span{color:var(--muted);font-size:13px}
@media(max-width:1000px){.onboarding-hero,.onboarding-grid,.launch-link-grid,.dashboard-onboarding{grid-template-columns:1fr}.onboarding-card{grid-template-columns:1fr}.step-number{width:48px;height:48px}}

.clients-v2-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.clients-v2-head h1{font-size:34px;color:#ff553f;margin:0 0 4px;letter-spacing:-1px}.clients-v2-head p{margin:0;color:var(--muted);font-size:15px}.clients-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn.icon-only{width:46px;padding:0;justify-content:center}.btn.glow{box-shadow:0 0 28px rgba(255,77,61,.28)}.clients-toolbar{display:grid;grid-template-columns:1fr 210px 240px auto;gap:12px;margin-bottom:18px}.search-big{height:54px;border:1px solid var(--line);border-radius:15px;background:#101010;display:flex;align-items:center;gap:10px;padding:0 16px}.search-big input{border:0;background:transparent;width:100%;height:100%;color:#fff;outline:0}.archive-toggle{height:54px;border:1px solid var(--line);border-radius:15px;background:#101010;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:800}.archive-toggle input{display:none}.archive-toggle span{width:42px;height:22px;background:#050505;border-radius:99px;position:relative}.archive-toggle span:before{content:"";width:18px;height:18px;border-radius:50%;background:#222;position:absolute;left:2px;top:2px;transition:.2s}.archive-toggle input:checked+span:before{left:22px;background:#ff4d3d}.client-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#121212;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:96px}.metric-card span{display:block;color:var(--muted);font-size:14px}.metric-card strong{display:block;font-size:28px;margin-top:8px;color:#fff}.metric-card small{display:block;color:var(--muted);margin-top:3px}.client-list-panel{background:#101010;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:130px}.empty-client-state{text-align:center;color:var(--muted);padding:35px}.client-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.client-card-v2{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;background:#0b0b0c;border:1px solid var(--line);border-radius:18px;padding:15px}.client-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#ff553f,#e63244);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}.client-card-v2 h3{margin:0 0 4px}.client-card-v2 p{margin:0;color:var(--muted);font-size:13px}.client-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.client-tags span{font-size:11px;background:#161616;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:#ddd}.client-card-actions{display:flex;align-items:center;gap:7px}.client-card-actions form{margin:0}.phone-row{display:grid;grid-template-columns:110px 1fr;gap:8px}.service-picker label{display:block;color:#fff;font-weight:900;margin-bottom:8px}.service-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.service-chips button{background:#090909;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#fff;font-weight:800}.service-chips small{color:var(--muted)}.iss-box{background:#111;border:1px solid var(--line);border-radius:16px;padding:15px}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.switch-line span{font-weight:900}.switch-line input{display:none}.switch-line i{width:44px;height:24px;background:#050505;border-radius:99px;position:relative}.switch-line i:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;left:2px;top:2px;background:#222}.switch-line input:checked+i:before{left:22px;background:#ff4d3d}.modal-box.wide{max-width:980px}.tab-shell>input{display:none}.tab-buttons{display:grid;grid-template-columns:1fr 1fr;background:#191919;border-radius:14px;padding:5px;margin:14px 0}.tab-buttons label{padding:12px;text-align:center;border-radius:11px;color:var(--muted);font-weight:900;cursor:pointer}#tab-groups:checked~.tab-buttons label[for="tab-groups"],#tab-hierarchy:checked~.tab-buttons label[for="tab-hierarchy"]{background:#050505;color:#fff}.tab-content{display:none}#tab-groups:checked~.groups-tab{display:grid;grid-template-columns:1fr 1fr;gap:16px}#tab-hierarchy:checked~.hierarchy-tab{display:block}.group-create-card,.group-preview,.hierarchy-list{background:#131313;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:260px}.inline-form{display:grid;grid-template-columns:1fr 56px;gap:10px}.color-dots{display:flex;gap:9px;margin:12px 0}.color-dots input{display:none}.color-dots span{display:block;width:25px;height:25px;border-radius:50%;background:var(--dot)}.color-dots input:checked+span{outline:3px solid #fff;outline-offset:2px}.group-list{display:grid;gap:8px}.group-row{display:flex;align-items:center;gap:8px;background:#0b0b0c;border:1px solid var(--line);border-radius:12px;padding:10px}.group-row span{width:14px;height:14px;border-radius:50%}.group-row form{margin-left:auto}.hierarchy-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-bottom:10px}.client-register-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(255,77,61,.13),transparent 30%),#050505;color:#fff}.register-wrap{width:min(760px,100%);margin:0 auto;padding:48px 16px;text-align:center}.register-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:rgba(255,77,61,.18);display:flex;align-items:center;justify-content:center;color:#ff4d3d}.register-wrap h1{font-size:34px;margin:0 0 8px}.register-wrap>p{color:var(--muted);margin:0 0 28px}.register-card{text-align:left;background:#111;border:1px solid var(--line);border-radius:20px;padding:24px}.register-card.center{text-align:center}.register-card h2{font-size:20px;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:12px}
@media(max-width:1100px){.clients-v2-head{display:grid}.clients-toolbar,.client-metrics,.client-cards-grid,#tab-groups:checked~.groups-tab{grid-template-columns:1fr}.clients-actions{display:grid;grid-template-columns:1fr 1fr}.clients-actions .btn{width:100%}.hierarchy-row{grid-template-columns:1fr}.phone-row{grid-template-columns:1fr}}

/* v4.1.1 Clientes Pro - DGFlow-like refinement */
body{scrollbar-width:thin;scrollbar-color:#3a3a3a #090909}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#090909}
::-webkit-scrollbar-thumb{background:#303030;border-radius:999px}
.main:has(.clients-v2-head){padding-top:42px}
.main:has(.clients-v2-head) > h1,
.main:has(.clients-v2-head) > .page-title,
.main:has(.clients-v2-head) > .page-head:first-child{display:none!important}
.clients-v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 28px}
.clients-v2-head h1{font-size:34px;line-height:1;margin:0 0 8px;color:#ff563f;font-weight:900;letter-spacing:-1.1px}
.clients-v2-head p{margin:0;color:#9ca3af;font-size:16px}
.clients-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.clients-actions .btn{height:48px;border-radius:15px;padding:0 18px;background:#111;border:1px solid #262626;color:#fff;font-weight:900;white-space:nowrap}
.clients-actions .btn.square{width:48px;padding:0;display:flex;align-items:center;justify-content:center}
.clients-actions .btn.primary{background:linear-gradient(135deg,#ff563f,#ef3447);border:0;box-shadow:0 16px 38px rgba(255,72,60,.28)}
.clients-toolbar{display:grid;grid-template-columns:1fr 250px 36px 260px 112px;gap:12px;align-items:center;margin-bottom:18px}
.search-big,.clients-toolbar select,.archive-toggle,.filter-btn{height:58px;border-radius:16px;background:#111;border:1px solid #242424}
.search-big{display:flex;align-items:center;gap:12px;padding:0 18px}
.search-big input{font-size:15px;color:#fff}
.clients-toolbar select{color:#fff;padding:0 16px;font-weight:800}
.toolbar-divider{height:58px;border:1px solid #242424;border-radius:16px;background:#111}
.archive-toggle{display:flex;align-items:center;gap:10px;justify-content:center;padding:0 14px;color:#fff}
.archive-toggle b{font-size:14px;line-height:1.05;max-width:105px}
.archive-toggle span{margin-left:auto}
.filter-btn{font-weight:900;font-size:15px}
.client-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.metric-card{border-radius:17px;background:#131313;border:1px solid #242424;min-height:112px;padding:20px}
.metric-card span{color:#a5adba;font-size:15px}
.metric-card strong{font-size:28px;line-height:1.05;margin-top:12px}
.metric-card small{color:#a5adba;font-size:13px}
.client-list-panel{background:#111;border:1px solid #252525;border-radius:18px;padding:22px;min-height:170px}
.client-cards-grid{grid-template-columns:minmax(420px,620px);gap:12px}
.client-card-v2{background:#0b0b0b;border:1px solid #2b2b2b;border-radius:18px;padding:18px;grid-template-columns:58px 1fr auto}
.client-card-v2:hover{border-color:#3a3a3a}
.client-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ff563f,#ef3447);font-size:17px}
.client-card-v2 h3{font-size:19px;margin:0 0 4px}
.client-card-v2 p{font-size:13px;color:#c0c5ce}
.client-tags span{background:#111;border:1px solid #2f2f2f;color:#fff;font-size:11px;padding:6px 9px}
.client-card-actions a,.client-card-actions button{width:34px;height:34px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:9px}
.client-card-actions a:hover,.client-card-actions button:hover{background:#171717;color:#ff563f}
.empty-client-state{height:116px;display:flex;align-items:center;justify-content:center;color:#b0b6c1;font-size:16px}

/* modal closer to reference */
.modal{backdrop-filter:none}
.modal-bg{background:rgba(0,0,0,.74);backdrop-filter:blur(7px)}
.modal-box{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.55);max-width:760px;width:min(760px,calc(100vw - 36px));max-height:86vh;overflow:hidden;padding:0!important;display:flex;flex-direction:column}
.modal-box h2{font-size:21px;margin:0;padding:22px 26px 10px;font-weight:900}
.modal-close{top:18px;right:20px;background:#171717;border-radius:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff}
.modal form{overflow:auto;padding:0 26px 0;scrollbar-width:thin;scrollbar-color:#3b3b3b #0f0f0f}
.modal .form-section{background:#111;border:1px solid #292929;border-radius:18px;padding:16px;margin:14px 0}
.modal .form-section h3{font-size:15px;margin:0 0 13px;color:#fff}
.modal .form-grid{gap:12px}
.modal input,.modal select,.modal textarea{height:48px;border-radius:12px;background:#080808;border:1px solid #292929;color:#fff;font-size:14px;padding:0 14px}
.modal textarea{height:96px;padding-top:13px}
.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#ff4d3d;box-shadow:0 0 0 2px rgba(255,77,61,.16)}
.phone-row{grid-template-columns:102px 1fr}
.service-picker label{font-size:15px;margin-bottom:9px}
.service-chips button{background:#0a0a0a;border-color:#292929;border-radius:999px}
.iss-box{background:#111!important;border:1px solid #292929!important;border-radius:18px!important;padding:16px!important}
.iss-box small{display:block;color:#b6bdc8;margin-top:8px;font-size:12px}
.switch-line{margin:0 0 12px}
.switch-line i{background:#1c1c1c}
.modal form > .form-actions,.modal .form-actions{position:sticky;bottom:0;background:#0f0f0f;border-top:1px solid #242424;padding:16px 0;margin:0}
.modal button[type="submit"].primary,.modal .form-actions .primary{height:54px;border-radius:14px;background:linear-gradient(135deg,#ff563f,#ef3447);box-shadow:0 14px 36px rgba(255,72,60,.25);font-weight:900}
.modal-box.wide{max-width:980px;width:min(980px,calc(100vw - 40px))}
#modal-client-groups .modal-box{height:720px}
#modal-client-groups .tab-shell{padding:0 26px 26px;overflow:auto}
.tab-buttons{height:54px;background:#1a1a1a;padding:5px;border-radius:14px}
.tab-buttons label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}
#tab-groups:checked~.groups-tab{grid-template-columns:1fr 1fr;gap:16px}
.group-create-card,.group-preview,.hierarchy-list{min-height:260px;background:#131313;border-color:#2a2a2a}
.inline-form input{height:52px;border-radius:12px;background:#080808}
.color-dots span{width:27px;height:27px}
.group-list .empty,.group-preview{display:flex;align-items:center;justify-content:center;color:#aeb5c0;font-size:16px}

@media(max-width:1200px){
  .clients-v2-head{align-items:flex-start;display:grid}
  .clients-actions{flex-wrap:wrap}
  .clients-toolbar{grid-template-columns:1fr 1fr}
  .toolbar-divider{display:none}
}
@media(max-width:760px){
  .main:has(.clients-v2-head){padding-top:22px}
  .clients-actions{display:grid;grid-template-columns:1fr 1fr}
  .clients-actions .btn.primary{grid-column:1/-1}
  .clients-toolbar,.client-metrics,.client-cards-grid{grid-template-columns:1fr}
  .client-card-v2{grid-template-columns:1fr}
  .modal-box{width:calc(100vw - 18px);max-height:92vh}
  .modal .form-grid.cols-2{grid-template-columns:1fr}
}

/* v4.1.2 Clientes Pro Fix */
.clients-v2-head{margin-top:0!important}
.clients-actions .btn.square.active{background:#171717;border-color:#3a3a3a;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.clients-actions .btn.copied{border-color:rgba(40,199,111,.55)!important;color:#56e08f!important}

.client-cards-grid.is-grid{grid-template-columns:repeat(auto-fit,minmax(420px,620px))}
.client-cards-grid.is-list{grid-template-columns:1fr}
.client-cards-grid.is-list .client-card-v2{grid-template-columns:48px 1fr auto;padding:14px 16px;border-radius:15px}
.client-cards-grid.is-list .client-avatar{width:48px;height:48px;border-radius:15px}
.client-cards-grid.is-list .client-tags{margin-top:4px}
.client-cards-grid.is-list .client-card-v2 h3{font-size:17px}

/* Toast */
.app-toast{position:fixed;right:24px;bottom:24px;background:#111;border:1px solid rgba(40,199,111,.45);color:#fff;padding:14px 18px;border-radius:14px;font-weight:900;z-index:9999;box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;transform:translateY(18px);pointer-events:none;transition:.22s}
.app-toast.show{opacity:1;transform:translateY(0)}

/* Modal horizontal scroll fix */
.modal-box{overflow:hidden!important}
.modal form{overflow-y:auto!important;overflow-x:hidden!important;max-width:100%;box-sizing:border-box}
.modal .form-section{max-width:100%;box-sizing:border-box;overflow:visible}
.modal .form-grid{max-width:100%;box-sizing:border-box}
.modal input,.modal select,.modal textarea,.modal button{max-width:100%;box-sizing:border-box}
.modal .form-grid.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.modal .full{grid-column:1/-1}
.modal form::-webkit-scrollbar{width:7px;height:0}
.modal form::-webkit-scrollbar-track{background:#0f0f0f}
.modal form::-webkit-scrollbar-thumb{background:#333;border-radius:999px}
.modal form{scrollbar-width:thin;scrollbar-color:#333 #0f0f0f}
.modal form > .form-section:first-child{margin-top:4px}
.modal-box h2{padding-bottom:18px;border-bottom:1px solid #222;margin-bottom:0}

/* Service dropdown like reference */
.service-picker{position:relative}
.service-select-box{height:48px;border-radius:12px;background:#080808;border:1px solid #292929;display:grid;grid-template-columns:34px 1fr 38px;align-items:center;padding:0 8px 0 12px}
.service-select-box input{border:0!important;background:transparent!important;height:46px!important;padding:0!important;box-shadow:none!important}
.service-select-box button{height:34px;width:34px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:9px}
.service-select-box button:hover{background:#161616}
.service-dropdown{display:none;margin-top:10px;background:#111;border:1px solid #2c2c2c;border-radius:15px;padding:12px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.service-picker.open .service-dropdown{display:block}
.service-search{height:44px;border:1px solid #ff4d3d;border-radius:12px;background:#090909;display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:10px;box-shadow:0 0 0 2px rgba(255,77,61,.14)}
.service-search input{border:0!important;background:transparent!important;height:42px!important;padding:0!important}
.service-dropdown small{display:block;color:#aeb5c0;margin:6px 0 10px;font-size:12px}
.service-options{display:flex;gap:8px;flex-wrap:wrap;max-height:150px;overflow:auto;padding-right:2px}
.service-options button{height:auto!important;min-height:38px;border-radius:999px;background:#0a0a0a;border:1px solid #2f2f2f;color:#fff;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:12px}
.service-options button:hover{border-color:#ff4d3d}
.service-options strong{font-size:12px}
.service-options span{color:#aeb5c0}
.service-options p{color:#aeb5c0;margin:0;font-size:13px}

/* Make modal closer to ref */
#modal-client .modal-box{max-width:730px;width:min(730px,calc(100vw - 44px))}
#modal-client .modal form{padding:18px 22px 0}
#modal-client .modal-box h2{font-size:20px;padding:20px 22px 16px}
#modal-client .form-section{padding:15px;border-radius:17px;margin:0 0 13px}
#modal-client input,#modal-client select,#modal-client textarea{font-size:13px}
#modal-client .phone-row{grid-template-columns:95px minmax(0,1fr)}
#modal-client .iss-box{margin-bottom:14px!important}
#modal-client .form-actions{margin-left:-22px!important;margin-right:-22px!important;padding:13px 22px!important}
#modal-client .form-actions .primary,#modal-client button[type="submit"].primary{border-radius:0 0 18px 18px!important;height:52px!important}

@media(max-width:760px){
  .modal .form-grid.cols-2{grid-template-columns:1fr}
  #modal-client .modal-box{width:calc(100vw - 16px)}
  #modal-client .phone-row{grid-template-columns:1fr}
  .client-cards-grid.is-grid{grid-template-columns:1fr}
}

/* v4.1.3 UI Polish - reduce visual weight, fix topbar overlay, enterprise typography */
:root{
  --topbar-h:64px;
  --font-regular:400;
  --font-medium:500;
  --font-semibold:600;
  --font-bold:700;
}

/* typography: stop overusing heavy bold */
body{
  font-weight:400!important;
  letter-spacing:-.01em;
}
p,span,small,label,input,select,textarea,td,th,a,button{
  font-weight:400;
}
strong,b{
  font-weight:600;
}
h1,h2,h3{
  font-weight:700!important;
  letter-spacing:-.035em;
}
h4,h5,h6{
  font-weight:600!important;
}
.muted,
small{
  font-weight:400!important;
}

/* topbar slimmer and content no longer hidden */
.topbar{
  height:var(--topbar-h)!important;
  min-height:var(--topbar-h)!important;
  padding:0 24px!important;
  border-bottom:1px solid #202020!important;
  background:rgba(8,8,8,.94)!important;
  backdrop-filter:blur(14px)!important;
}
.topbar *,
.topbar a,
.topbar button{
  font-weight:500!important;
}
.topbar .btn,
.topbar button,
.topbar .pill,
.topbar input{
  height:40px!important;
  min-height:40px!important;
  border-radius:14px!important;
  font-size:14px!important;
}
.topbar .user,
.topbar .profile,
.topbar .user-menu{
  height:42px!important;
  min-height:42px!important;
}
.topbar .avatar,
.topbar .user-avatar{
  width:34px!important;
  height:34px!important;
  font-weight:600!important;
}
.main,
.content,
.app-main,
.page,
main{
  scroll-margin-top:calc(var(--topbar-h) + 24px);
}
.main{
  padding-top:calc(var(--topbar-h) + 28px)!important;
}
.main:has(.clients-v2-head){
  padding-top:calc(var(--topbar-h) + 24px)!important;
}

/* sidebar lighter weights */
.sidebar,
.sidebar a,
.sidebar button,
.sidebar .menu a,
.sidebar .nav a{
  font-weight:400!important;
}
.sidebar .active,
.sidebar a.active,
.sidebar .menu a.active,
.sidebar .nav a.active{
  font-weight:500!important;
}
.sidebar .brand,
.sidebar .logo,
.sidebar h1{
  font-weight:700!important;
}

/* buttons more mature */
.btn,
button,
input[type="submit"]{
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
.btn.primary,
button.primary,
input[type="submit"].primary{
  font-weight:600!important;
}
.clients-actions .btn,
.filter-btn,
.archive-toggle b,
.clients-toolbar select{
  font-weight:500!important;
}
.clients-actions .btn.primary{
  font-weight:600!important;
}

/* clients page spacing fix */
.clients-v2-head{
  margin-top:0!important;
  padding-top:0!important;
  align-items:flex-end!important;
}
.clients-v2-head h1{
  font-size:32px!important;
  font-weight:700!important;
  line-height:1.08!important;
  margin:0 0 6px!important;
}
.clients-v2-head p{
  font-size:15px!important;
  font-weight:400!important;
  color:#aeb6c3!important;
}
.clients-actions .btn{
  height:44px!important;
  border-radius:13px!important;
  font-size:14px!important;
}
.clients-actions .btn.square{
  width:44px!important;
}
.clients-toolbar{
  margin-top:0!important;
}
.search-big,
.clients-toolbar select,
.archive-toggle,
.filter-btn,
.toolbar-divider{
  height:52px!important;
  border-radius:14px!important;
}
.archive-toggle b{
  font-size:13px!important;
}
.metric-card{
  min-height:100px!important;
  padding:18px!important;
}
.metric-card span{
  font-size:14px!important;
  font-weight:400!important;
}
.metric-card strong{
  font-size:26px!important;
  font-weight:600!important;
}
.metric-card small{
  font-size:12px!important;
}
.client-card-v2 h3{
  font-weight:600!important;
}
.client-tags span{
  font-weight:400!important;
}

/* forms and modals lighter */
.modal-box h2{
  font-weight:700!important;
}
.modal .form-section h3,
.service-picker label,
.switch-line span{
  font-weight:600!important;
}
.modal input,
.modal select,
.modal textarea{
  font-weight:400!important;
}
.modal button[type="submit"].primary,
.modal .form-actions .primary{
  font-weight:600!important;
}

/* reduce global over-bold caused by older rules */
.card h3,
.card h2,
.report-head h2,
.public-plan-card h2,
.plan-card h3,
.blog-card h2{
  font-weight:600!important;
}
.card p,
.card small,
.table-card td,
.table-card th{
  font-weight:400!important;
}
.table-card th{
  font-weight:500!important;
}

/* responsive topbar */
@media(max-width:900px){
  :root{--topbar-h:58px}
  .topbar{
    height:var(--topbar-h)!important;
    min-height:var(--topbar-h)!important;
    padding:0 14px!important;
  }
  .main{
    padding-top:calc(var(--topbar-h) + 20px)!important;
  }
  .main:has(.clients-v2-head){
    padding-top:calc(var(--topbar-h) + 18px)!important;
  }
  .clients-v2-head h1{font-size:28px!important}
}

/* v4.1.4 Clientes Modal Fiel */
.clients-toolbar{
  grid-template-columns:1fr 250px 260px 112px!important;
}
.toolbar-divider{display:none!important}
.archive-toggle{
  justify-content:space-between!important;
  padding:0 16px!important;
}
.archive-toggle .ico{display:none!important}
.archive-toggle b{
  max-width:120px!important;
  line-height:1.05!important;
}
.archive-toggle span{
  flex:0 0 auto!important;
  margin-left:10px!important;
}
.archive-toggle span:before{
  box-shadow:none!important;
}
.archive-toggle input:not(:checked)+span:before{background:#202020!important}
.archive-toggle input:checked+span:before{background:#ff4d3d!important}
.clients-actions .btn.copied{border-color:rgba(40,199,111,.55)!important;color:#56e08f!important}

/* make modal match reference more closely */
#modal-client .modal-box{
  width:min(760px,calc(100vw - 36px))!important;
  max-width:760px!important;
  max-height:88vh!important;
  background:#0f0f0f!important;
  border:1px solid #252525!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
#modal-client .modal-box h2{
  padding:22px 26px 14px!important;
  border-bottom:0!important;
  font-size:20px!important;
  font-weight:700!important;
}
#modal-client .modal-close{
  top:18px!important;
  right:20px!important;
  background:#171717!important;
}
#modal-client form{
  padding:0 26px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(88vh - 76px)!important;
}
#modal-client .client-form-clean{
  display:grid;
  gap:14px;
  padding-bottom:16px;
}
#modal-client .form-row{
  display:grid;
  gap:10px;
}
#modal-client .form-row.two{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
}
#modal-client .form-row.three{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:14px;
}
#modal-client .form-row.three .wide{
  grid-column:span 1;
}
#modal-client label{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:600!important;
  margin:0 0 7px;
}
#modal-client input,
#modal-client select,
#modal-client textarea{
  width:100%!important;
  height:46px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  color:#fff!important;
  padding:0 13px!important;
  font-size:14px!important;
  font-weight:400!important;
  outline:none!important;
  box-shadow:none!important;
}
#modal-client textarea{
  height:84px!important;
  padding-top:12px!important;
  resize:vertical;
}
#modal-client input:focus,
#modal-client select:focus,
#modal-client textarea:focus{
  border-color:#383838!important;
}
#modal-client .phone-row.clean{
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:8px;
}
#modal-client .doc-row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
}
#modal-client .doc-row button{
  width:46px;
  height:46px;
  border-radius:11px;
  border:1px solid #242424;
  background:#080808;
  color:#b9c0cc;
  display:flex;
  align-items:center;
  justify-content:center;
}
#modal-client .service-area{
  margin-top:2px;
}
#modal-client .service-picker.clean{
  position:relative;
}
#modal-client .service-select-box{
  height:46px!important;
  border-radius:11px!important;
  border:1px solid #242424!important;
  background:#080808!important;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 36px;
  align-items:center;
  padding:0 8px 0 12px;
}
#modal-client .service-select-box input{
  height:44px!important;
  border:0!important;
  padding:0!important;
}
#modal-client .service-select-box button{
  width:32px;
  height:32px;
  border-radius:9px;
  border:0;
  background:transparent;
  color:#fff;
}
#modal-client .service-dropdown{
  display:none;
  background:#111;
  border:1px solid #292929;
  border-radius:14px;
  padding:12px;
  margin-top:10px;
}
#modal-client .service-picker.open .service-dropdown{display:block}
#modal-client .service-search{
  height:42px;
  border:1px solid #ff4d3d;
  border-radius:11px;
  background:#090909;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  box-shadow:0 0 0 2px rgba(255,77,61,.12);
}
#modal-client .service-search input{
  height:40px!important;
  border:0!important;
  padding:0!important;
}
#modal-client .service-dropdown small{
  display:block;
  color:#aeb5c0;
  font-size:12px;
  margin:10px 0;
}
#modal-client .service-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#modal-client .service-options button{
  width:auto;
  height:36px;
  border-radius:999px;
  border:1px solid #2b2b2b;
  background:#0a0a0a;
  color:#fff;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:7px;
}
#modal-client .service-options strong{
  font-size:12px;
  font-weight:600!important;
}
#modal-client .service-options span{
  color:#aeb5c0;
  font-size:12px;
}
#modal-client .iss-clean{
  border:1px solid #242424;
  border-radius:14px;
  padding:14px;
  background:#111;
  display:grid;
  gap:10px;
}
#modal-client .iss-clean .switch-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
}
#modal-client .iss-clean .switch-line span{
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:600!important;
}
#modal-client .iss-clean .switch-line input{display:none!important}
#modal-client .iss-clean .switch-line i{
  width:42px;
  height:24px;
  border-radius:999px;
  background:#1b1b1b;
  position:relative;
}
#modal-client .iss-clean .switch-line i:before{
  content:"";
  position:absolute;
  width:20px;
  height:20px;
  top:2px;
  left:2px;
  border-radius:50%;
  background:#252525;
}
#modal-client .iss-clean .switch-line input:checked+i:before{
  left:20px;
  background:#ff4d3d;
}
#modal-client .iss-clean small{
  color:#aeb5c0;
  font-size:12px;
}
#modal-client .form-actions{
  position:sticky!important;
  bottom:0!important;
  background:#0f0f0f!important;
  border-top:0!important;
  padding:18px 0 22px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin:0!important;
}
#modal-client .form-actions .btn,
#modal-client .form-actions button{
  height:48px!important;
  border-radius:11px!important;
  font-weight:600!important;
}
#modal-client .form-actions .primary{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  box-shadow:0 16px 36px rgba(255,72,60,.24)!important;
}
#modal-client form::-webkit-scrollbar{width:7px;height:0!important}
#modal-client form::-webkit-scrollbar-thumb{background:#303030;border-radius:999px}
#modal-client form::-webkit-scrollbar-track{background:#0f0f0f}

/* toast */
.app-toast{position:fixed;right:24px;bottom:24px;background:#111;border:1px solid rgba(40,199,111,.45);color:#fff;padding:14px 18px;border-radius:14px;font-weight:600;z-index:9999;box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;transform:translateY(18px);pointer-events:none;transition:.22s}
.app-toast.show{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
  .clients-toolbar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  #modal-client .form-row.two,
  #modal-client .form-row.three{
    grid-template-columns:1fr;
  }
  #modal-client .phone-row.clean,
  #modal-client .doc-row{
    grid-template-columns:1fr;
  }
  #modal-client .form-actions{
    grid-template-columns:1fr!important;
  }
}

/* v4.1.5 Clientes toolbar clean */
.clients-toolbar.clean{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:16px!important;
  align-items:center!important;
  margin-bottom:22px!important;
}
.clients-toolbar.clean .search-big{
  height:62px!important;
  border-radius:18px!important;
  background:#111!important;
  border:1px solid #252525!important;
  padding:0 22px!important;
}
.clients-toolbar.clean .search-big input{
  font-size:16px!important;
  font-weight:400!important;
}
.clients-toolbar.clean .archive-toggle.clean{
  height:62px!important;
  border-radius:18px!important;
  background:#111!important;
  border:1px solid #252525!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.clients-toolbar.clean .archive-toggle.clean .ico{
  display:flex!important;
  flex:0 0 auto!important;
  color:#aeb5c0!important;
}
.clients-toolbar.clean .archive-toggle.clean b{
  flex:1!important;
  max-width:none!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:500!important;
  color:#fff!important;
}
.clients-toolbar.clean .archive-toggle.clean span{
  width:50px!important;
  height:28px!important;
  background:#080808!important;
  border-radius:999px!important;
  margin:0!important;
  position:relative!important;
  flex:0 0 auto!important;
}
.clients-toolbar.clean .archive-toggle.clean span:before{
  content:""!important;
  width:22px!important;
  height:22px!important;
  top:3px!important;
  left:3px!important;
  background:#202020!important;
  border-radius:50%!important;
  position:absolute!important;
  transition:.2s!important;
}
.clients-toolbar.clean .archive-toggle.clean input:checked+span:before{
  left:25px!important;
  background:#ff4d3d!important;
}
.clients-toolbar.clean select,
.clients-toolbar.clean .filter-btn,
.clients-toolbar.clean .toolbar-divider{
  display:none!important;
}

@media(max-width:900px){
  .clients-toolbar.clean{
    grid-template-columns:1fr!important;
  }
}

/* v4.1.6 Clientes toolbar dynamic */
.clients-toolbar.clean.no-groups{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:16px!important;
  align-items:center!important;
}
.clients-toolbar.clean.with-groups{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px 300px!important;
  gap:16px!important;
  align-items:center!important;
}
.clients-toolbar.clean select{
  display:block!important;
  height:62px!important;
  border-radius:18px!important;
  background:#111!important;
  border:1px solid #252525!important;
  color:#fff!important;
  padding:0 18px!important;
  font-size:15px!important;
  font-weight:500!important;
}
.clients-toolbar.clean .archive-toggle.clean .ico,
.clients-toolbar.clean .archive-toggle.clean svg{
  display:none!important;
}
.clients-toolbar.clean .archive-toggle.clean{
  height:62px!important;
  border-radius:18px!important;
  background:#111!important;
  border:1px solid #252525!important;
  padding:0 16px 0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.clients-toolbar.clean .archive-toggle.clean b{
  flex:1!important;
  max-width:none!important;
  font-size:16px!important;
  line-height:1.08!important;
  font-weight:500!important;
  color:#fff!important;
}
.clients-toolbar.clean .archive-toggle.clean input{
  display:none!important;
}
.clients-toolbar.clean .archive-toggle.clean span{
  width:50px!important;
  height:28px!important;
  background:#080808!important;
  border-radius:999px!important;
  margin:0!important;
  position:relative!important;
  flex:0 0 50px!important;
}
.clients-toolbar.clean .archive-toggle.clean span:before{
  content:""!important;
  width:22px!important;
  height:22px!important;
  top:3px!important;
  left:3px!important;
  background:#202020!important;
  border-radius:50%!important;
  position:absolute!important;
  transition:.2s!important;
}
.clients-toolbar.clean .archive-toggle.clean input:checked + span:before{
  left:25px!important;
  background:#ff4d3d!important;
}
.clients-toolbar.clean .filter-btn,
.clients-toolbar.clean .toolbar-divider{
  display:none!important;
}

@media(max-width:1000px){
  .clients-toolbar.clean.no-groups,
  .clients-toolbar.clean.with-groups{
    grid-template-columns:1fr!important;
  }
}

/* v4.1.7 Clientes search fix */
.clients-toolbar.clean .search-big{
  position:relative!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.clients-toolbar.clean .search-big:focus-within{
  border-color:#2f2f2f!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
}
.clients-toolbar.clean .search-big input[type="search"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:#fff!important;
}
.clients-toolbar.clean .search-big input[type="search"]:focus{
  outline:0!important;
  box-shadow:none!important;
  border:0!important;
}
.clients-toolbar.clean .search-big input[type="search"]::-webkit-search-decoration,
.clients-toolbar.clean .search-big input[type="search"]::-webkit-search-cancel-button,
.clients-toolbar.clean .search-big input[type="search"]::-webkit-search-results-button,
.clients-toolbar.clean .search-big input[type="search"]::-webkit-search-results-decoration{
  display:none!important;
}
.clients-toolbar.clean .search-big input:-webkit-autofill,
.clients-toolbar.clean .search-big input:-webkit-autofill:hover,
.clients-toolbar.clean .search-big input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #111 inset!important;
  transition:background-color 9999s ease-in-out 0s!important;
}

/* v4.1.8 Clientes modal scroll + two actions */
#modal-client .doc-row button svg,
#modal-client .doc-row button .ico{
  display:block!important;
  width:18px!important;
  height:18px!important;
  opacity:.95!important;
}
#modal-client .doc-row button{
  color:#aeb5c0!important;
}

/* modal structure fix: content scrolls, footer stays visible */
#modal-client .modal-box{
  height:auto!important;
  max-height:88vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#modal-client .modal-box h2{
  flex:0 0 auto!important;
}
#modal-client .modal-close{
  z-index:5!important;
}
#modal-client form{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:none!important;
  padding:0 26px!important;
  display:flex!important;
  flex-direction:column!important;
}
#modal-client .client-form-clean{
  flex:1 0 auto!important;
  padding-bottom:18px!important;
}
#modal-client form::-webkit-scrollbar{
  width:7px!important;
}
#modal-client form::-webkit-scrollbar-thumb{
  background:#333!important;
  border-radius:999px!important;
}
#modal-client form::-webkit-scrollbar-track{
  background:#0f0f0f!important;
}

/* two footer buttons */
#modal-client .form-actions{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  background:#0f0f0f!important;
  border-top:1px solid #1f1f1f!important;
  padding:16px 0 20px!important;
  margin:0!important;
  z-index:4!important;
}
#modal-client .form-actions .btn,
#modal-client .form-actions button{
  height:48px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#modal-client .form-actions .btn:not(.primary){
  background:#0b0b0b!important;
  border:1px solid #242424!important;
  color:#fff!important;
}
#modal-client .form-actions .primary{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  border:0!important;
  box-shadow:0 14px 34px rgba(255,72,60,.22)!important;
}

/* avoid footer covering last field */
#modal-client .iss-clean{
  margin-bottom:8px!important;
}

@media(max-width:760px){
  #modal-client .form-actions{
    grid-template-columns:1fr!important;
  }
}

/* v4.1.9 search icon fix */
.clients-toolbar.clean .search-big{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
}
.clients-toolbar.clean .search-big .search-leading-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  color:#737b86!important;
  opacity:.95!important;
  pointer-events:none!important;
}
.clients-toolbar.clean .search-big .search-leading-icon .ico,
.clients-toolbar.clean .search-big .search-leading-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  color:#737b86!important;
  stroke:#737b86!important;
}
.clients-toolbar.clean .search-big input[type="search"]{
  padding-left:0!important;
}

/* v4.1.10 modal exato clientes */
#modal-client .modal-box{
  width:min(760px,calc(100vw - 36px))!important;
  max-width:760px!important;
  max-height:86vh!important;
  padding:0!important;
  overflow:hidden!important;
}
#modal-client form.client-modal-shell{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  max-height:86vh!important;
  min-height:0!important;
  padding:0 26px!important;
  overflow:hidden!important;
}
#modal-client .modal-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:22px 0 14px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
#modal-client .modal-title h2{
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  font-weight:700!important;
}
#modal-client .modal-title .modal-close{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#171717!important;
  border:1px solid #232323!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
}
#modal-client .client-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 0 10px!important;
}
#modal-client .client-form-clean{
  display:grid!important;
  gap:14px!important;
  padding-bottom:8px!important;
}
#modal-client .form-actions{
  position:static!important;
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  padding:18px 0 22px!important;
  margin:0!important;
  background:#0f0f0f!important;
  border-top:1px solid #1f1f1f!important;
  z-index:auto!important;
}
#modal-client .form-actions .btn,
#modal-client .form-actions button{
  width:100%!important;
  height:48px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:600!important;
}
#modal-client .form-actions .btn:not(.primary){
  background:#0a0a0a!important;
  border:1px solid #242424!important;
  color:#fff!important;
}
#modal-client .form-actions .primary{
  border:0!important;
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  box-shadow:0 14px 34px rgba(255,72,60,.22)!important;
}
#modal-client .client-modal-body::-webkit-scrollbar{width:7px!important}
#modal-client .client-modal-body::-webkit-scrollbar-thumb{background:#303030!important;border-radius:999px!important}
#modal-client .client-modal-body::-webkit-scrollbar-track{background:#0f0f0f!important}
#modal-client .iss-clean{margin-bottom:0!important}
@media(max-width:760px){
  #modal-client .form-actions{grid-template-columns:1fr!important}
}

/* v4.1.11 remove campo extra ao lado do CPF/CNPJ */
#modal-client .doc-row button{display:none!important;}


/* v4.2.2 emergency visual guard */
html,body{
  background:#050505!important;
  color:#fff!important;
}
.ico,
.ico svg,
button .ico,
a .ico,
.sidebar .ico,
.topbar .ico,
.btn .ico{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  overflow:hidden!important;
}
.ico svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  stroke:currentColor!important;
  fill:none!important;
}
.sidebar .ico,
.sidebar .ico svg{
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
}
.client-card-actions .ico,
.client-card-actions .ico svg{
  width:17px!important;
  height:17px!important;
  max-width:17px!important;
  max-height:17px!important;
}
.modal .ico,
.modal .ico svg{
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
}


/* v4.2.3 Clientes Visual Polish - scoped only */
.main:has(.clients-v2-head){
  padding-top:calc(var(--topbar-h,64px) + 34px)!important;
}

.clients-v2-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 24px!important;
}

.clients-v2-head h1{
  color:#ff563f!important;
  font-size:33px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  margin:0 0 8px!important;
  font-weight:700!important;
}

.clients-v2-head p{
  color:#aeb6c3!important;
  font-size:15px!important;
  line-height:1.35!important;
  margin:0!important;
  font-weight:400!important;
}

.clients-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.clients-actions .btn{
  height:44px!important;
  border-radius:14px!important;
  padding:0 16px!important;
  background:#111!important;
  border:1px solid #262626!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
}

.clients-actions .btn:hover{
  border-color:#3a3a3a!important;
  background:#151515!important;
}

.clients-actions .btn.primary{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  border:0!important;
  font-weight:600!important;
  box-shadow:0 14px 32px rgba(255,72,60,.22)!important;
}

.clients-actions .btn.square{
  width:44px!important;
  padding:0!important;
}

.clients-actions .btn.square.active{
  background:#171717!important;
  border-color:#3a3a3a!important;
}

.clients-toolbar.clean,
.clients-toolbar.clean.with-groups,
.clients-toolbar.clean.no-groups{
  margin:0 0 20px!important;
  gap:14px!important;
  align-items:center!important;
}

.clients-toolbar.clean.with-groups{
  grid-template-columns:minmax(0,1fr) 250px 290px!important;
}

.clients-toolbar.clean.no-groups{
  grid-template-columns:minmax(0,1fr) 290px!important;
}

.clients-toolbar.clean .search-big,
.clients-toolbar.clean select,
.clients-toolbar.clean .archive-toggle.clean{
  height:58px!important;
  border-radius:17px!important;
  background:#111!important;
  border:1px solid #252525!important;
  box-shadow:none!important;
}

.clients-toolbar.clean .search-big{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 19px!important;
}

.clients-toolbar.clean .search-big .search-leading-icon,
.clients-toolbar.clean .search-big > .ico{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#79818d!important;
  opacity:.95!important;
}

.clients-toolbar.clean .search-big input{
  height:100%!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:400!important;
  padding:0!important;
}

.clients-toolbar.clean .search-big:focus-within{
  border-color:#343434!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02)!important;
}

.clients-toolbar.clean select{
  padding:0 16px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
}

.clients-toolbar.clean .archive-toggle.clean{
  padding:0 16px 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.clients-toolbar.clean .archive-toggle.clean .ico,
.clients-toolbar.clean .archive-toggle.clean svg{
  display:none!important;
}

.clients-toolbar.clean .archive-toggle.clean b{
  color:#fff!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.08!important;
  max-width:none!important;
}

.clients-toolbar.clean .archive-toggle.clean span{
  width:48px!important;
  height:27px!important;
  flex:0 0 48px!important;
  background:#080808!important;
  border-radius:999px!important;
  position:relative!important;
  margin:0!important;
}

.clients-toolbar.clean .archive-toggle.clean span:before{
  content:""!important;
  width:21px!important;
  height:21px!important;
  left:3px!important;
  top:3px!important;
  border-radius:50%!important;
  background:#202020!important;
  position:absolute!important;
  transition:.2s!important;
}

.clients-toolbar.clean .archive-toggle.clean input:checked + span:before{
  left:24px!important;
  background:#ff563f!important;
}

.client-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 20px!important;
}

.metric-card{
  min-height:108px!important;
  padding:19px 20px!important;
  border-radius:18px!important;
  background:#131313!important;
  border:1px solid #252525!important;
  box-shadow:none!important;
}

.metric-card span{
  display:block!important;
  color:#aeb6c3!important;
  font-size:14px!important;
  font-weight:400!important;
  margin-bottom:12px!important;
}

.metric-card strong{
  display:block!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:600!important;
}

.metric-card small{
  display:block!important;
  margin-top:8px!important;
  color:#aeb6c3!important;
  font-size:12px!important;
  font-weight:400!important;
}

.client-list-panel{
  background:#111!important;
  border:1px solid #252525!important;
  border-radius:19px!important;
  padding:24px!important;
  min-height:165px!important;
}

.client-cards-grid{
  gap:12px!important;
}

.client-cards-grid.is-grid{
  grid-template-columns:minmax(420px,620px)!important;
}

.client-cards-grid.is-list{
  grid-template-columns:1fr!important;
}

.client-card-v2{
  background:#0b0b0c!important;
  border:1px solid #292929!important;
  border-radius:17px!important;
  padding:18px!important;
  transition:border-color .18s, background .18s!important;
}

.client-card-v2:hover{
  border-color:#3a3a3a!important;
  background:#0e0e0f!important;
}

.client-avatar{
  width:56px!important;
  height:56px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:700!important;
}

.client-card-v2 h3{
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:600!important;
}

.client-card-v2 p{
  color:#c0c7d2!important;
  font-size:13px!important;
  line-height:1.35!important;
  margin:0!important;
  font-weight:400!important;
}

.client-tags{
  gap:7px!important;
  margin-top:9px!important;
}

.client-tags span{
  background:#111!important;
  border:1px solid #303030!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  font-weight:400!important;
}

.client-card-actions{
  gap:8px!important;
}

.client-card-actions a,
.client-card-actions button{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  opacity:.92!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}

.client-card-actions a:hover,
.client-card-actions button:hover{
  background:#161616!important;
  color:#ff563f!important;
  opacity:1!important;
}

.empty-client-state{
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#aeb6c3!important;
  font-size:15px!important;
  font-weight:400!important;
}

/* Make icons safe inside clients area only */
.clients-v2-head .ico,
.clients-toolbar .ico,
.client-card-v2 .ico,
.clients-actions .ico,
.client-list-panel .ico{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

@media(max-width:1100px){
  .clients-v2-head{
    display:grid!important;
    align-items:start!important;
  }
  .clients-actions{
    justify-content:flex-start!important;
  }
  .clients-toolbar.clean.with-groups,
  .clients-toolbar.clean.no-groups,
  .client-metrics{
    grid-template-columns:1fr!important;
  }
  .client-cards-grid.is-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .main:has(.clients-v2-head){
    padding-top:calc(var(--topbar-h,58px) + 24px)!important;
  }
  .clients-v2-head h1{
    font-size:29px!important;
  }
  .clients-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .clients-actions .btn.primary{
    grid-column:1/-1!important;
  }
}


/* v4.2.4 Clientes Modal Polish - scoped only */
#modal-client .modal-box{
  width:min(740px,calc(100vw - 40px))!important;
  max-width:740px!important;
  max-height:88vh!important;
  padding:0!important;
  background:#0f0f0f!important;
  border:1px solid #252525!important;
  border-radius:19px!important;
  box-shadow:0 34px 120px rgba(0,0,0,.62)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}

#modal-client .modal-title{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:66px!important;
  padding:0 24px!important;
  border-bottom:0!important;
  margin:0!important;
}

#modal-client .modal-title h2,
#modal-client .modal-box > h2{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}

#modal-client .modal-close{
  position:absolute!important;
  top:17px!important;
  right:18px!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#171717!important;
  border:1px solid #242424!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  z-index:5!important;
}

#modal-client form{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:88vh!important;
  overflow:hidden!important;
  padding:0 24px!important;
}

#modal-client form > .form-section,
#modal-client .client-form-clean{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 2px 16px 0!important;
  margin:0!important;
}

#modal-client form > .form-section::-webkit-scrollbar,
#modal-client .client-form-clean::-webkit-scrollbar{
  width:7px!important;
}
#modal-client form > .form-section::-webkit-scrollbar-track,
#modal-client .client-form-clean::-webkit-scrollbar-track{
  background:#0f0f0f!important;
}
#modal-client form > .form-section::-webkit-scrollbar-thumb,
#modal-client .client-form-clean::-webkit-scrollbar-thumb{
  background:#303030!important;
  border-radius:999px!important;
}

#modal-client .form-section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 14px!important;
}

#modal-client .form-section h3{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:600!important;
  margin:0 0 12px!important;
}

#modal-client .form-grid{
  gap:12px!important;
}

#modal-client .form-grid.cols-2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

#modal-client .full{
  grid-column:1/-1!important;
}

#modal-client label{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  margin:0 0 7px!important;
}

#modal-client input,
#modal-client select,
#modal-client textarea{
  width:100%!important;
  height:46px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  color:#fff!important;
  padding:0 13px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:400!important;
  box-shadow:none!important;
  outline:0!important;
}

#modal-client textarea{
  min-height:90px!important;
  height:90px!important;
  padding-top:12px!important;
  resize:vertical!important;
}

#modal-client input:focus,
#modal-client select:focus,
#modal-client textarea:focus{
  border-color:#3b3b3b!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
}

#modal-client .phone-row{
  display:grid!important;
  grid-template-columns:100px minmax(0,1fr)!important;
  gap:8px!important;
}

#modal-client .doc-row{
  display:block!important;
}

#modal-client .doc-row button{
  display:none!important;
}

#modal-client .service-picker{
  position:relative!important;
}

#modal-client .service-select-box{
  height:46px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  padding:0 8px 0 12px!important;
}

#modal-client .service-select-box input{
  height:44px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}

#modal-client .service-select-box button{
  width:32px!important;
  height:32px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:9px!important;
}

#modal-client .service-dropdown{
  display:none;
  background:#111!important;
  border:1px solid #292929!important;
  border-radius:14px!important;
  padding:12px!important;
  margin-top:10px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.35)!important;
}

#modal-client .service-picker.open .service-dropdown{
  display:block!important;
}

#modal-client .service-search{
  height:42px!important;
  border:1px solid #ff563f!important;
  border-radius:11px!important;
  background:#090909!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  box-shadow:0 0 0 2px rgba(255,86,63,.12)!important;
}

#modal-client .service-search input{
  height:40px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}

#modal-client .service-options{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}

#modal-client .service-options button{
  height:36px!important;
  border-radius:999px!important;
  border:1px solid #2b2b2b!important;
  background:#0a0a0a!important;
  color:#fff!important;
  padding:0 12px!important;
}

#modal-client .iss-box,
#modal-client .iss-clean{
  background:#111!important;
  border:1px solid #242424!important;
  border-radius:15px!important;
  padding:14px!important;
  margin:0 0 14px!important;
}

#modal-client .switch-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 12px!important;
}

#modal-client .switch-line span{
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client .switch-line input{
  display:none!important;
}

#modal-client .switch-line i{
  width:42px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#1c1c1c!important;
  position:relative!important;
  flex:0 0 42px!important;
}

#modal-client .switch-line i:before{
  content:""!important;
  width:20px!important;
  height:20px!important;
  top:2px!important;
  left:2px!important;
  border-radius:50%!important;
  background:#252525!important;
  position:absolute!important;
  transition:.2s!important;
}

#modal-client .switch-line input:checked + i:before{
  left:20px!important;
  background:#ff563f!important;
}

#modal-client .form-actions{
  position:static!important;
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  padding:16px 0 22px!important;
  margin:0!important;
  border-top:1px solid #202020!important;
  background:#0f0f0f!important;
}

#modal-client .form-actions .btn,
#modal-client .form-actions button{
  width:100%!important;
  height:48px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client .form-actions .btn:not(.primary){
  background:#0a0a0a!important;
  border:1px solid #242424!important;
  color:#fff!important;
}

#modal-client .form-actions .primary{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(255,72,60,.22)!important;
}

#modal-client .ico,
#modal-client .ico svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
}

@media(max-width:760px){
  #modal-client .modal-box{
    width:calc(100vw - 18px)!important;
    max-height:92vh!important;
  }
  #modal-client form{
    max-height:92vh!important;
    padding:0 16px!important;
  }
  #modal-client .form-grid.cols-2{
    grid-template-columns:1fr!important;
  }
  #modal-client .phone-row{
    grid-template-columns:1fr!important;
  }
  #modal-client .form-actions{
    grid-template-columns:1fr!important;
  }
}


/* v4.2.5.1 rollback guard - scoped */
.clients-v2-head .ico,
.clients-v2-head svg,
.clients-actions .ico,
.clients-actions svg,
.clients-toolbar .ico,
.clients-toolbar svg,
.client-list-panel .ico,
.client-list-panel svg,
.client-card-v2 .ico,
.client-card-v2 svg,
#modal-client .ico,
#modal-client svg{
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  display:inline-flex!important;
  vertical-align:middle!important;
  overflow:hidden!important;
}


/* v4.2.6 Clientes Modal Cadastro Seguro - scoped only */
#modal-client .modal-box{
  width:min(720px,calc(100vw - 38px))!important;
  max-width:720px!important;
  max-height:88vh!important;
  background:#0f0f0f!important;
  border:1px solid #262626!important;
  border-radius:18px!important;
  box-shadow:0 34px 120px rgba(0,0,0,.62)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}

#modal-client .modal-box > h2,
#modal-client .modal-title h2{
  flex:0 0 auto!important;
  margin:0!important;
  padding:22px 24px 14px!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.15!important;
}

#modal-client .modal-close{
  position:absolute!important;
  top:17px!important;
  right:18px!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#171717!important;
  border:1px solid #242424!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  z-index:5!important;
}

#modal-client form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0 24px!important;
}

#modal-client form > .form-section,
#modal-client form > .client-form-clean{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 2px 16px 0!important;
  margin:0!important;
  scrollbar-width:thin!important;
  scrollbar-color:#303030 #0f0f0f!important;
}

#modal-client form > .form-section::-webkit-scrollbar,
#modal-client form > .client-form-clean::-webkit-scrollbar{
  width:7px!important;
}

#modal-client form > .form-section::-webkit-scrollbar-track,
#modal-client form > .client-form-clean::-webkit-scrollbar-track{
  background:#0f0f0f!important;
}

#modal-client form > .form-section::-webkit-scrollbar-thumb,
#modal-client form > .client-form-clean::-webkit-scrollbar-thumb{
  background:#303030!important;
  border-radius:999px!important;
}

#modal-client .form-section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 14px!important;
}

#modal-client .form-section h3{
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
  margin:0 0 12px!important;
  line-height:1.2!important;
}

#modal-client .form-grid{
  gap:12px!important;
}

#modal-client .form-grid.cols-2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

#modal-client .full{
  grid-column:1/-1!important;
}

#modal-client input,
#modal-client select,
#modal-client textarea{
  width:100%!important;
  height:45px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  color:#fff!important;
  padding:0 13px!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.2!important;
  box-shadow:none!important;
  outline:0!important;
}

#modal-client textarea{
  min-height:88px!important;
  height:88px!important;
  padding-top:12px!important;
  resize:vertical!important;
}

#modal-client input:focus,
#modal-client select:focus,
#modal-client textarea:focus{
  border-color:#3a3a3a!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
}

#modal-client label,
#modal-client .service-picker label{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
  margin:0 0 7px!important;
}

#modal-client .phone-row{
  display:grid!important;
  grid-template-columns:98px minmax(0,1fr)!important;
  gap:8px!important;
}

#modal-client .doc-row{
  display:block!important;
}

#modal-client .doc-row button{
  display:none!important;
}

#modal-client .service-picker{
  position:relative!important;
}

#modal-client .service-select-box{
  height:45px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  padding:0 8px 0 12px!important;
}

#modal-client .service-select-box input{
  height:43px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}

#modal-client .service-select-box button{
  width:32px!important;
  height:32px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:9px!important;
}

#modal-client .service-dropdown{
  display:none!important;
  background:#111!important;
  border:1px solid #292929!important;
  border-radius:14px!important;
  padding:12px!important;
  margin-top:10px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.35)!important;
}

#modal-client .service-picker.open .service-dropdown{
  display:block!important;
}

#modal-client .service-search{
  height:42px!important;
  border:1px solid #ff563f!important;
  border-radius:11px!important;
  background:#090909!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  box-shadow:0 0 0 2px rgba(255,86,63,.12)!important;
}

#modal-client .service-search input{
  height:40px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}

#modal-client .service-options{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}

#modal-client .service-options button{
  height:36px!important;
  border-radius:999px!important;
  border:1px solid #2b2b2b!important;
  background:#0a0a0a!important;
  color:#fff!important;
  padding:0 12px!important;
  font-size:12px!important;
}

#modal-client .iss-box,
#modal-client .iss-clean{
  background:#111!important;
  border:1px solid #242424!important;
  border-radius:15px!important;
  padding:14px!important;
  margin:0 0 14px!important;
}

#modal-client .switch-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 12px!important;
}

#modal-client .switch-line span{
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client .switch-line input{
  display:none!important;
}

#modal-client .switch-line i{
  width:42px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#1c1c1c!important;
  position:relative!important;
  flex:0 0 42px!important;
}

#modal-client .switch-line i:before{
  content:""!important;
  width:20px!important;
  height:20px!important;
  top:2px!important;
  left:2px!important;
  border-radius:50%!important;
  background:#252525!important;
  position:absolute!important;
  transition:.2s!important;
}

#modal-client .switch-line input:checked + i:before{
  left:20px!important;
  background:#ff563f!important;
}

#modal-client .form-actions{
  flex:0 0 auto!important;
  position:static!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  padding:16px 0 22px!important;
  margin:0!important;
  border-top:1px solid #202020!important;
  background:#0f0f0f!important;
}

#modal-client .form-actions .btn,
#modal-client .form-actions button{
  width:100%!important;
  height:48px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client .form-actions .btn:not(.primary){
  background:#0a0a0a!important;
  border:1px solid #242424!important;
  color:#fff!important;
}

#modal-client .form-actions .primary{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(255,72,60,.22)!important;
}

#modal-client .ico,
#modal-client .ico svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
}

@media(max-width:760px){
  #modal-client .modal-box{
    width:calc(100vw - 18px)!important;
    max-height:92vh!important;
  }
  #modal-client form{
    padding:0 16px!important;
  }
  #modal-client .form-grid.cols-2{
    grid-template-columns:1fr!important;
  }
  #modal-client .phone-row{
    grid-template-columns:1fr!important;
  }
  #modal-client .form-actions{
    grid-template-columns:1fr!important;
  }
}


/* v4.2.7 Clientes Cadastro UX */
#modal-client .form-actions button.is-loading{
  opacity:.78!important;
  cursor:wait!important;
  pointer-events:none!important;
}

.clients-actions .btn.copied,
[data-copy-link].copied{
  border-color:rgba(40,199,111,.5)!important;
  color:#50d98a!important;
}

.app-toast{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  background:#111!important;
  color:#fff!important;
  border:1px solid rgba(40,199,111,.45)!important;
  border-radius:14px!important;
  padding:13px 17px!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:0 20px 60px rgba(0,0,0,.45)!important;
  z-index:9999!important;
  opacity:0!important;
  transform:translateY(16px)!important;
  pointer-events:none!important;
  transition:.22s!important;
}

.app-toast.show{
  opacity:1!important;
  transform:translateY(0)!important;
}


/* v4.2.8 Clientes Grupos UX - scoped only */
#modal-client-groups .modal-box{
  width:min(940px,calc(100vw - 40px))!important;
  max-width:940px!important;
  max-height:86vh!important;
  background:#0f0f0f!important;
  border:1px solid #262626!important;
  border-radius:20px!important;
  box-shadow:0 34px 120px rgba(0,0,0,.62)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}

#modal-client-groups .modal-box > h2{
  flex:0 0 auto!important;
  height:72px!important;
  padding:0 26px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:700!important;
  border-bottom:1px solid #202020!important;
}

#modal-client-groups .modal-close{
  position:absolute!important;
  top:18px!important;
  right:22px!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#171717!important;
  border:1px solid #242424!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  z-index:5!important;
}

#modal-client-groups .tab-shell{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:22px 26px 26px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#303030 #0f0f0f!important;
}

#modal-client-groups .tab-shell::-webkit-scrollbar{
  width:7px!important;
}
#modal-client-groups .tab-shell::-webkit-scrollbar-track{
  background:#0f0f0f!important;
}
#modal-client-groups .tab-shell::-webkit-scrollbar-thumb{
  background:#303030!important;
  border-radius:999px!important;
}

#modal-client-groups .tab-buttons{
  height:52px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  background:#191919!important;
  border-radius:15px!important;
  padding:5px!important;
  margin:0 0 20px!important;
}

#modal-client-groups .tab-buttons label{
  height:42px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#aeb5c0!important;
  font-size:15px!important;
  font-weight:500!important;
  cursor:pointer!important;
}

#modal-client-groups #tab-groups:checked ~ .tab-buttons label[for="tab-groups"],
#modal-client-groups #tab-hierarchy:checked ~ .tab-buttons label[for="tab-hierarchy"]{
  background:#090909!important;
  color:#fff!important;
}

#modal-client-groups #tab-groups:checked ~ .groups-tab{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
}

#modal-client-groups #tab-hierarchy:checked ~ .hierarchy-tab{
  display:block!important;
}

#modal-client-groups .group-create-card,
#modal-client-groups .group-preview,
#modal-client-groups .hierarchy-list{
  background:#121212!important;
  border:1px solid #252525!important;
  border-radius:18px!important;
  padding:18px!important;
  min-height:270px!important;
}

#modal-client-groups .group-create-card label{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
  margin:0 0 10px!important;
}

#modal-client-groups .inline-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 52px!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

#modal-client-groups .inline-form input{
  height:50px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:13px!important;
  color:#fff!important;
  padding:0 14px!important;
  font-size:14px!important;
  outline:0!important;
}

#modal-client-groups .inline-form input:focus{
  border-color:#3a3a3a!important;
}

#modal-client-groups .inline-form .btn{
  width:52px!important;
  height:50px!important;
  border-radius:13px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#modal-client-groups .color-dots{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  flex-wrap:wrap!important;
  margin:0 0 16px!important;
}

#modal-client-groups .color-dots label{
  margin:0!important;
  cursor:pointer!important;
}

#modal-client-groups .color-dots input{
  display:none!important;
}

#modal-client-groups .color-dots span{
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  display:block!important;
  background:var(--dot)!important;
  border:2px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}

#modal-client-groups .color-dots input:checked + span{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
  border-color:transparent!important;
}

#modal-client-groups .group-list{
  display:grid!important;
  gap:9px!important;
}

#modal-client-groups .group-list .empty{
  min-height:94px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#9ca3af!important;
  background:#0d0d0d!important;
  border:1px dashed #292929!important;
  border-radius:14px!important;
  margin:0!important;
  font-size:14px!important;
}

#modal-client-groups .group-row{
  min-height:50px!important;
  background:#0b0b0c!important;
  border:1px solid #292929!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
}

#modal-client-groups .group-row > span{
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  flex:0 0 14px!important;
}

#modal-client-groups .group-row form{
  margin-left:auto!important;
}

#modal-client-groups .group-row button{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  border:0!important;
  background:#111!important;
  color:#ff563f!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#modal-client-groups .group-preview{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#9ca3af!important;
  font-size:15px!important;
}

#modal-client-groups .hierarchy-tab > p,
#modal-client-groups .hierarchy-tab .muted{
  color:#9ca3af!important;
  font-size:14px!important;
  margin:0 0 14px!important;
}

#modal-client-groups .hierarchy-list{
  display:grid!important;
  gap:10px!important;
}

#modal-client-groups .hierarchy-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  background:#0b0b0c!important;
  border:1px solid #292929!important;
  border-radius:14px!important;
  padding:12px!important;
  margin:0!important;
}

#modal-client-groups .hierarchy-row strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client-groups .hierarchy-row select{
  height:44px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:12px!important;
  color:#fff!important;
  padding:0 12px!important;
  outline:0!important;
}

#modal-client-groups .hierarchy-list > .btn,
#modal-client-groups .hierarchy-list button[type="submit"]{
  justify-self:end!important;
  height:46px!important;
  border-radius:12px!important;
  padding:0 18px!important;
  margin-top:6px!important;
  font-weight:600!important;
}

#modal-client-groups .ico,
#modal-client-groups .ico svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
}

@media(max-width:860px){
  #modal-client-groups #tab-groups:checked ~ .groups-tab{
    grid-template-columns:1fr!important;
  }
  #modal-client-groups .hierarchy-row{
    grid-template-columns:1fr!important;
  }
}


/* v4.2.9 Clientes Arquivar UX - scoped */
.client-card-v2.archived,
.client-card-v2:has(form[action*="/clientes/restaurar"]){
  opacity:.82!important;
  border-color:#333!important;
  background:#0a0a0a!important;
}

.client-card-actions form[action*="/clientes/arquivar"] button{
  color:#e0b15a!important;
}

.client-card-actions form[action*="/clientes/restaurar"] button{
  color:#50d98a!important;
}

.client-card-actions form[action*="/clientes/excluir"] button{
  color:#ff6b75!important;
}

.client-card-actions form[action*="/clientes/arquivar"] button:hover,
.client-card-actions form[action*="/clientes/restaurar"] button:hover,
.client-card-actions form[action*="/clientes/excluir"] button:hover{
  background:#171717!important;
}

.client-card-actions{
  flex-wrap:nowrap!important;
}

.client-card-actions form{
  display:inline-flex!important;
  margin:0!important;
}


/* v4.3.0 Clientes Filtros Pro - scoped only */
.clients-toolbar.clean.pro.with-groups{
  grid-template-columns:minmax(0,1.25fr) 210px 230px 270px!important;
}

.clients-toolbar.clean.pro.no-groups{
  grid-template-columns:minmax(0,1.25fr) 230px 270px!important;
}

.clients-toolbar.clean.pro select{
  appearance:none!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #8d96a3 50%),
    linear-gradient(135deg, #8d96a3 50%, transparent 50%)!important;
  background-position:
    calc(100% - 18px) 26px,
    calc(100% - 13px) 26px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  padding-right:34px!important;
}

.clients-filter-summary{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:48px!important;
  background:#0d0d0e!important;
  border:1px solid #242424!important;
  border-radius:15px!important;
  padding:0 16px!important;
  color:#aeb6c3!important;
}

.clients-filter-summary strong{
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
  margin-right:5px!important;
}

.clients-filter-summary span{
  color:#aeb6c3!important;
  font-size:14px!important;
  font-weight:400!important;
}

.clients-filter-summary a{
  height:34px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  background:#151515!important;
  border:1px solid #292929!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:500!important;
  text-decoration:none!important;
}

.clients-filter-summary a:hover{
  color:#ff563f!important;
  border-color:#383838!important;
}

@media(max-width:1180px){
  .clients-toolbar.clean.pro.with-groups,
  .clients-toolbar.clean.pro.no-groups{
    grid-template-columns:1fr 1fr!important;
  }
  .clients-toolbar.clean.pro .search-big{
    grid-column:1/-1!important;
  }
}

@media(max-width:760px){
  .clients-toolbar.clean.pro.with-groups,
  .clients-toolbar.clean.pro.no-groups{
    grid-template-columns:1fr!important;
  }
  .clients-toolbar.clean.pro .search-big{
    grid-column:auto!important;
  }
  .clients-filter-summary{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:12px 14px!important;
  }
}


/* v4.3.1 Clientes Filtros Real - scoped only */
.clients-toolbar.clean.pro.advanced.with-groups{
  grid-template-columns:minmax(0,1.35fr) 210px 230px 270px!important;
}

.clients-toolbar.clean.pro.advanced.no-groups{
  grid-template-columns:minmax(0,1.35fr) 230px 270px!important;
}

.clients-toolbar.clean.pro.advanced select{
  appearance:none!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #8d96a3 50%),
    linear-gradient(135deg, #8d96a3 50%, transparent 50%)!important;
  background-position:
    calc(100% - 18px) 26px,
    calc(100% - 13px) 26px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  padding-right:34px!important;
}

.clients-filter-summary{
  grid-column:1/-1!important;
  min-height:50px!important;
  background:#0d0d0e!important;
  border:1px solid #242424!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 16px!important;
}

.clients-filter-summary strong{
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
}

.clients-filter-summary span{
  color:#aeb6c3!important;
  font-size:14px!important;
  font-weight:400!important;
}

.clients-filter-summary a{
  height:34px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  background:#151515!important;
  border:1px solid #292929!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:500!important;
}

.clients-filter-summary a:hover{
  color:#ff563f!important;
  border-color:#383838!important;
}

@media(max-width:1180px){
  .clients-toolbar.clean.pro.advanced.with-groups,
  .clients-toolbar.clean.pro.advanced.no-groups{
    grid-template-columns:1fr 1fr!important;
  }
  .clients-toolbar.clean.pro.advanced .search-big{
    grid-column:1/-1!important;
  }
}

@media(max-width:760px){
  .clients-toolbar.clean.pro.advanced.with-groups,
  .clients-toolbar.clean.pro.advanced.no-groups{
    grid-template-columns:1fr!important;
  }
  .clients-toolbar.clean.pro.advanced .search-big{
    grid-column:auto!important;
  }
  .clients-filter-summary{
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:13px 14px!important;
  }
}


/* v4.3.2 Clientes Exportação Pro - scoped */
.clients-actions a[href*="/clientes/exportar"]{
  background:#111!important;
  border:1px solid #2d2d2d!important;
  color:#fff!important;
}

.clients-actions a[href*="/clientes/exportar"]:hover{
  color:#50d98a!important;
  border-color:rgba(80,217,138,.45)!important;
}

@media(max-width:760px){
  .clients-actions a[href*="/clientes/exportar"]{
    grid-column:auto!important;
  }
}


/* v4.3.3 Clientes Filtros/Export Fix */
.clients-actions a[href*="/clientes/exportar"]{
  background:#111!important;
  border:1px solid #2d2d2d!important;
  color:#fff!important;
}

.clients-actions a[href*="/clientes/exportar"]:hover{
  color:#50d98a!important;
  border-color:rgba(80,217,138,.45)!important;
}

.clients-filter-summary{
  margin-top:0!important;
}

@media(max-width:760px){
  .clients-actions a[href*="/clientes/exportar"]{
    grid-column:auto!important;
  }
}


/* v4.3.4 Clientes Ordenação Pro - scoped */
.clients-toolbar.clean.pro.advanced.with-groups{
  grid-template-columns:minmax(0,1.25fr) 190px 210px 210px 250px!important;
}

.clients-toolbar.clean.pro.advanced.no-groups{
  grid-template-columns:minmax(0,1.25fr) 210px 210px 250px!important;
}

.clients-toolbar.clean.pro.advanced .client-sort-select{
  border-color:#2c2c2c!important;
}

.clients-toolbar.clean.pro.advanced .client-sort-select:focus{
  border-color:#3a3a3a!important;
}

@media(max-width:1320px){
  .clients-toolbar.clean.pro.advanced.with-groups,
  .clients-toolbar.clean.pro.advanced.no-groups{
    grid-template-columns:1fr 1fr!important;
  }
  .clients-toolbar.clean.pro.advanced .search-big{
    grid-column:1/-1!important;
  }
}

@media(max-width:760px){
  .clients-toolbar.clean.pro.advanced.with-groups,
  .clients-toolbar.clean.pro.advanced.no-groups{
    grid-template-columns:1fr!important;
  }
  .clients-toolbar.clean.pro.advanced .search-big{
    grid-column:auto!important;
  }
}


/* v4.3.5 Clientes Card Pro - scoped */
.client-card-v2{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
}

.client-card-v2.archived{
  opacity:.86!important;
  border-style:dashed!important;
}

.client-card-main{
  min-width:0!important;
}

.client-card-titleline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin-bottom:4px!important;
}

.client-card-titleline h3{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
}

.client-status-pill{
  height:23px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:600!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}

.client-status-pill.archived{
  color:#e0b15a!important;
  background:rgba(224,177,90,.1)!important;
  border:1px solid rgba(224,177,90,.25)!important;
}

.client-tags .group{
  position:relative!important;
  padding-left:20px!important;
}

.client-tags .group:before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:var(--group-color,#ff563f)!important;
  position:absolute!important;
  left:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

.client-card-meta{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:11px!important;
  flex-wrap:wrap!important;
}

.client-card-meta span{
  min-height:34px!important;
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  background:#101010!important;
  border:1px solid #292929!important;
  border-radius:12px!important;
  padding:7px 10px!important;
}

.client-card-meta b{
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:600!important;
}

.client-card-meta small{
  color:#9ca3af!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:400!important;
}

.client-card-actions{
  align-self:center!important;
}

.client-card-actions a,
.client-card-actions button{
  position:relative!important;
}

.client-card-actions a[title]:hover:after,
.client-card-actions button[title]:hover:after{
  content:attr(title)!important;
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 8px)!important;
  background:#171717!important;
  border:1px solid #2d2d2d!important;
  color:#fff!important;
  border-radius:8px!important;
  padding:6px 8px!important;
  font-size:11px!important;
  white-space:nowrap!important;
  z-index:15!important;
}

@media(max-width:760px){
  .client-card-v2{
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:start!important;
  }
  .client-card-actions{
    grid-column:1/-1!important;
    justify-content:flex-end!important;
    width:100%!important;
    margin-top:10px!important;
  }
  .client-avatar{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
  }
  .client-card-titleline{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .client-card-titleline h3{
    white-space:normal!important;
  }
}


/* v4.3.6 Clientes Editar Fix */
#modal-client form[data-mode="edit"] .form-actions .primary{
  background:linear-gradient(135deg,#ff7a45,#ef3447)!important;
}

.client-card-actions a[data-edit]{
  color:#fff!important;
}

.client-card-actions a[data-edit]:hover{
  color:#ffb15c!important;
}


/* v4.3.8.1 rollback guard - clients only */
.clients-v2-head .ico,
.clients-v2-head svg,
.clients-actions .ico,
.clients-actions svg,
.clients-toolbar .ico,
.clients-toolbar svg,
.client-list-panel .ico,
.client-list-panel svg,
.client-card-v2 .ico,
.client-card-v2 svg,
#modal-client .ico,
#modal-client svg,
#modal-client-groups .ico,
#modal-client-groups svg{
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  display:inline-flex!important;
  vertical-align:middle!important;
  overflow:hidden!important;
}

.clients-actions a[href="#modal-client-import"],
#modal-client-import{
  display:none!important;
}


/* v4.3.9 Clientes Contato Rápido - scoped */
.client-card-actions .client-card-contact.whatsapp{
  color:#50d98a!important;
}

.client-card-actions .client-card-contact.email{
  color:#7cc7ff!important;
}

.client-card-actions .client-card-contact.whatsapp:hover{
  background:rgba(80,217,138,.1)!important;
  color:#50d98a!important;
}

.client-card-actions .client-card-contact.email:hover{
  background:rgba(124,199,255,.1)!important;
  color:#7cc7ff!important;
}

.client-card-actions .client-card-contact .ico,
.client-card-actions .client-card-contact svg{
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
}


/* v4.4.0 Clientes Observações Rápidas - scoped */
.client-note-indicator{
  margin-top:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,177,92,.08)!important;
  border:1px solid rgba(255,177,92,.24)!important;
  color:#ffb15c!important;
  font-size:12px!important;
  font-weight:500!important;
}

.client-note-indicator .ico,
.client-note-indicator svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  max-width:15px!important;
}

.client-note-indicator span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* v4.4.1 Clientes Duplicados Check - scoped */
.client-duplicate-indicator{
  margin-top:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,86,63,.09)!important;
  border:1px solid rgba(255,86,63,.28)!important;
  color:#ff6b5f!important;
  font-size:12px!important;
  font-weight:600!important;
}

.client-duplicate-indicator .ico,
.client-duplicate-indicator svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  max-width:15px!important;
}

.client-duplicate-indicator span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* v4.4.2 Clientes Copiar Dados - scoped */
.client-card-actions .client-card-copy{
  color:#cfd6df!important;
}

.client-card-actions .client-card-copy:hover,
.client-card-actions .client-card-copy.copied{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

.client-card-actions .client-card-copy .ico,
.client-card-actions .client-card-copy svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
}


/* v4.4.3 Clientes Renovação Visual - scoped */
.client-card-meta .renewal-badge.neutral{
  border-color:#292929!important;
}

.client-card-meta .renewal-badge.soon{
  border-color:rgba(255,177,92,.34)!important;
  background:rgba(255,177,92,.08)!important;
}

.client-card-meta .renewal-badge.soon b,
.client-card-meta .renewal-badge.soon small{
  color:#ffb15c!important;
}

.client-card-meta .renewal-badge.today{
  border-color:rgba(124,199,255,.42)!important;
  background:rgba(124,199,255,.09)!important;
}

.client-card-meta .renewal-badge.today b,
.client-card-meta .renewal-badge.today small{
  color:#7cc7ff!important;
}

.client-card-meta .renewal-badge.late{
  border-color:rgba(255,86,63,.36)!important;
  background:rgba(255,86,63,.08)!important;
}

.client-card-meta .renewal-badge.late b,
.client-card-meta .renewal-badge.late small{
  color:#ff6b5f!important;
}


/* v4.4.4 Clientes Qualidade do Cadastro - scoped */
.client-quality-indicators{
  margin-top:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

.client-quality-indicators span{
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#aeb6c3!important;
  font-size:11px!important;
  font-weight:500!important;
}

.client-quality-indicators span:hover{
  color:#fff!important;
  border-color:#303030!important;
}


/* v4.4.5 Clientes Modal Completo Pro - scoped only */
.client-detail-modal .modal-bg{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(4px)!important;
}

.client-detail-box{
  width:min(940px,calc(100vw - 40px))!important;
  max-width:940px!important;
  height:min(88vh,920px)!important;
  max-height:88vh!important;
  background:#0b0b0c!important;
  border:1px solid #272727!important;
  border-radius:18px!important;
  box-shadow:0 34px 120px rgba(0,0,0,.72)!important;
  padding:0!important;
  overflow:hidden!important;
}

.client-detail-form{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}

.client-detail-head{
  flex:0 0 auto!important;
  min-height:72px!important;
  padding:0 24px!important;
  border-bottom:1px solid #202020!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.client-detail-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

.client-detail-head p{
  margin:4px 0 0!important;
  color:#8f97a3!important;
  font-size:13px!important;
}

.client-detail-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.client-detail-head .technical-btn{
  height:40px!important;
  border-radius:12px!important;
  background:#111!important;
  border:1px solid #292929!important;
  color:#fff!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:600!important;
}

.client-detail-head .modal-close{
  position:static!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  font-size:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.client-tab-radio{
  display:none!important;
}

.client-detail-tabs{
  flex:0 0 auto!important;
  margin:18px 24px 14px!important;
  background:#1a1a1a!important;
  border-radius:13px!important;
  padding:5px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
}

.client-detail-tabs label{
  height:38px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#aeb6c3!important;
  font-size:14px!important;
  font-weight:500!important;
  cursor:pointer!important;
  margin:0!important;
}

#client-tab-info:checked ~ .client-detail-tabs label[for="client-tab-info"],
#client-tab-contacts:checked ~ .client-detail-tabs label[for="client-tab-contacts"],
#client-tab-files:checked ~ .client-detail-tabs label[for="client-tab-files"],
#client-tab-services:checked ~ .client-detail-tabs label[for="client-tab-services"],
#client-tab-finance:checked ~ .client-detail-tabs label[for="client-tab-finance"]{
  background:#070707!important;
  color:#fff!important;
}

.client-detail-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 24px 22px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#303030 #0b0b0c!important;
}

.client-detail-body::-webkit-scrollbar{width:7px!important;}
.client-detail-body::-webkit-scrollbar-track{background:#0b0b0c!important;}
.client-detail-body::-webkit-scrollbar-thumb{background:#303030!important;border-radius:999px!important;}

.client-tab-panel{
  display:none!important;
}

#client-tab-info:checked ~ .client-detail-body .client-info-panel,
#client-tab-contacts:checked ~ .client-detail-body .client-contacts-panel,
#client-tab-files:checked ~ .client-detail-body .client-files-panel,
#client-tab-services:checked ~ .client-detail-body .client-services-panel,
#client-tab-finance:checked ~ .client-detail-body .client-finance-panel{
  display:block!important;
}

.client-profile-strip{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin:0 0 20px!important;
}

.client-photo-box{
  width:74px!important;
  flex:0 0 74px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  cursor:pointer!important;
  margin:0!important;
}

.client-photo-box input{display:none!important;}

.client-avatar-preview{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  background:#1b1b1b!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  font-weight:700!important;
}

.client-photo-box small{
  color:#9ca3af!important;
  font-size:10px!important;
}

.client-profile-strip strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
  margin-bottom:4px!important;
}

.client-profile-strip span{
  color:#aeb6c3!important;
  font-size:13px!important;
}

.detail-grid{
  display:grid!important;
  gap:14px!important;
  margin-bottom:14px!important;
}

.detail-grid.one{grid-template-columns:1fr!important;}
.detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

.client-detail-box label{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
  margin:0 0 8px!important;
}

.client-detail-box input,
.client-detail-box select,
.client-detail-box textarea{
  width:100%!important;
  height:46px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  color:#fff!important;
  padding:0 13px!important;
  font-size:14px!important;
  outline:0!important;
  box-shadow:none!important;
}

.client-detail-box textarea{
  min-height:92px!important;
  height:92px!important;
  padding-top:12px!important;
  resize:vertical!important;
}

.client-detail-box input:focus,
.client-detail-box select:focus,
.client-detail-box textarea:focus{
  border-color:#3a3a3a!important;
}

.client-detail-box .phone-row{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:8px!important;
}

.tag-input-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:8px!important;
}

.tag-input-row button{
  width:42px!important;
  height:46px!important;
  border-radius:11px!important;
  border:0!important;
  background:#ff563f!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.quick-tags{
  margin-top:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

.quick-tags small{
  width:100%!important;
  color:#8f97a3!important;
  font-size:11px!important;
}

.quick-tags button{
  height:24px!important;
  border-radius:999px!important;
  border:1px solid #292929!important;
  background:#151515!important;
  color:#fff!important;
  padding:0 8px!important;
  font-size:11px!important;
}

.detail-divider{
  margin:22px 0 14px!important;
  color:#9ca3af!important;
  font-size:13px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  border-top:1px solid #202020!important;
  padding-top:16px!important;
}

.detail-switch{
  min-height:48px!important;
  border:1px solid #242424!important;
  border-radius:13px!important;
  background:#111!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.client-detail-actions{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:16px 24px!important;
  border-top:1px solid #202020!important;
  background:#0b0b0c!important;
}

.client-detail-actions .btn,
.client-detail-actions button{
  height:46px!important;
  border-radius:12px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:600!important;
}

.client-detail-actions .primary{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(255,72,60,.2)!important;
}

.tab-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
}

.tab-section-head strong{
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
}

.tab-section-head span{
  display:block!important;
  color:#9ca3af!important;
  font-size:13px!important;
  margin-top:2px!important;
}

.btn.mini{
  height:40px!important;
  border-radius:12px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

.client-empty-box{
  min-height:120px!important;
  border:1px dashed #2d2d2d!important;
  border-radius:16px!important;
  background:#121212!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#aeb6c3!important;
  text-align:center!important;
  padding:22px!important;
}

.client-empty-box.large{
  min-height:210px!important;
}

.client-empty-box .ico,
.client-empty-box svg{
  width:44px!important;
  height:44px!important;
  color:#9ca3af!important;
}

.client-empty-box strong{
  color:#fff!important;
  font-size:18px!important;
}

.client-empty-box em{
  width:100%!important;
  max-width:620px!important;
  min-height:40px!important;
  border-radius:12px!important;
  background:rgba(255,177,0,.12)!important;
  border:1px solid rgba(255,177,0,.18)!important;
  color:#d6a300!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-style:normal!important;
  font-size:13px!important;
  padding:0 14px!important;
}

.client-contact-rows{
  display:grid!important;
  gap:10px!important;
}

.client-contact-row{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr 38px!important;
  gap:8px!important;
}

.client-contact-row button{
  width:38px!important;
  height:46px!important;
  border:0!important;
  border-radius:10px!important;
  background:#171717!important;
  color:#ff6b5f!important;
  font-size:18px!important;
}

.finance-summary-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  margin-bottom:22px!important;
}

.finance-summary{
  min-height:92px!important;
  border-radius:16px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:44px 1fr!important;
  align-items:center!important;
  gap:12px!important;
}

.finance-summary .ico,
.finance-summary svg{
  width:24px!important;
  height:24px!important;
}

.finance-summary span{
  color:#aeb6c3!important;
  font-size:15px!important;
}

.finance-summary strong{
  display:block!important;
  color:#fff!important;
  font-size:22px!important;
  margin-top:4px!important;
}

.finance-summary.paid{
  background:rgba(0,180,90,.08)!important;
  border:1px solid rgba(0,180,90,.32)!important;
}

.finance-summary.paid strong,
.finance-summary.paid .ico{
  color:#28c76f!important;
}

.finance-summary.pending{
  background:rgba(255,177,0,.08)!important;
  border:1px solid rgba(255,177,0,.32)!important;
}

.finance-summary.pending strong,
.finance-summary.pending .ico{
  color:#d6a300!important;
}

.client-detail-box .ico,
.client-detail-box svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
}

@media(max-width:900px){
  .client-detail-box{
    width:calc(100vw - 18px)!important;
    max-height:92vh!important;
    height:92vh!important;
  }

  .client-detail-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:18px!important;
    height:auto!important;
  }

  .client-detail-head-actions{
    width:100%!important;
    justify-content:space-between!important;
  }

  .client-detail-tabs{
    grid-template-columns:1fr 1fr!important;
    margin:14px 16px!important;
  }

  .client-detail-body{
    padding:0 16px 18px!important;
  }

  .detail-grid.two,
  .detail-grid.three,
  .finance-summary-row,
  .client-contact-row{
    grid-template-columns:1fr!important;
  }

  .client-detail-actions{
    padding:14px 16px!important;
    flex-direction:column!important;
  }

  .client-detail-actions .btn,
  .client-detail-actions button{
    width:100%!important;
  }
}


/* v4.4.5.1 Clientes Modal Real Fix - overrides actual old modal */
#modal-client:target .modal-box{
  width:min(940px,calc(100vw - 40px))!important;
  max-width:940px!important;
  height:min(88vh,920px)!important;
  max-height:88vh!important;
  background:#0b0b0c!important;
  border:1px solid #272727!important;
  border-radius:18px!important;
  box-shadow:0 34px 120px rgba(0,0,0,.72)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}

#modal-client:target .modal-bg{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(4px)!important;
}

#modal-client:target .modal-box > h2,
#modal-client:target .modal-title h2{
  height:72px!important;
  margin:0!important;
  padding:0 24px!important;
  border-bottom:1px solid #202020!important;
  display:flex!important;
  align-items:center!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

#modal-client:target .modal-box > h2::after,
#modal-client:target .modal-title h2::after{
  content:"Ficha Técnica"!important;
  margin-left:auto!important;
  margin-right:52px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#111!important;
  border:1px solid #292929!important;
  color:#fff!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client:target .modal-close{
  top:18px!important;
  right:22px!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  font-size:22px!important;
  z-index:9!important;
}

#modal-client:target form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
}

#modal-client:target form::before{
  content:"Informações     Contatos     Arquivos     Serviços     Financeiro"!important;
  flex:0 0 auto!important;
  margin:18px 24px 14px!important;
  height:48px!important;
  background:#1a1a1a!important;
  border-radius:13px!important;
  padding:5px!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-around!important;
  font-size:14px!important;
  font-weight:600!important;
  white-space:pre!important;
}

#modal-client:target form > .form-section,
#modal-client:target form > .client-form-clean{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 24px 22px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#303030 #0b0b0c!important;
}

#modal-client:target form > .form-section::-webkit-scrollbar,
#modal-client:target form > .client-form-clean::-webkit-scrollbar{
  width:7px!important;
}

#modal-client:target form > .form-section::-webkit-scrollbar-track,
#modal-client:target form > .client-form-clean::-webkit-scrollbar-track{
  background:#0b0b0c!important;
}

#modal-client:target form > .form-section::-webkit-scrollbar-thumb,
#modal-client:target form > .client-form-clean::-webkit-scrollbar-thumb{
  background:#303030!important;
  border-radius:999px!important;
}

/* turn the current form into a closer reference layout without replacing backend */
#modal-client:target .form-section,
#modal-client:target .client-form-clean{
  background:transparent!important;
  border:0!important;
  padding:0 24px 22px!important;
  margin:0!important;
}

#modal-client:target .form-grid,
#modal-client:target .form-grid.cols-2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:14px!important;
}

#modal-client:target .form-grid .full,
#modal-client:target .full{
  grid-column:1/-1!important;
}

#modal-client:target label{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
  margin:0 0 8px!important;
}

#modal-client:target input,
#modal-client:target select,
#modal-client:target textarea{
  width:100%!important;
  height:46px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  color:#fff!important;
  padding:0 13px!important;
  font-size:14px!important;
  outline:0!important;
  box-shadow:none!important;
}

#modal-client:target textarea{
  min-height:92px!important;
  height:92px!important;
  padding-top:12px!important;
  resize:vertical!important;
}

#modal-client:target input:focus,
#modal-client:target select:focus,
#modal-client:target textarea:focus{
  border-color:#3a3a3a!important;
}

#modal-client:target .phone-row{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:8px!important;
}

#modal-client:target .doc-row{
  display:block!important;
}

#modal-client:target .doc-row button{
  display:none!important;
}

#modal-client:target .service-picker{
  grid-column:1/-1!important;
}

#modal-client:target .service-select-box{
  height:46px!important;
  background:#080808!important;
  border:1px solid #242424!important;
  border-radius:11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  padding:0 8px 0 12px!important;
}

#modal-client:target .service-select-box input{
  height:44px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}

#modal-client:target .service-dropdown{
  background:#111!important;
  border:1px solid #292929!important;
  border-radius:14px!important;
  padding:12px!important;
  margin-top:10px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.35)!important;
}

#modal-client:target .iss-box,
#modal-client:target .iss-clean{
  grid-column:1/-1!important;
  background:#111!important;
  border:1px solid #242424!important;
  border-radius:15px!important;
  padding:14px!important;
  margin:0 0 14px!important;
}

#modal-client:target .form-actions{
  flex:0 0 auto!important;
  position:static!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:16px 24px!important;
  border-top:1px solid #202020!important;
  background:#0b0b0c!important;
  margin:0!important;
}

#modal-client:target .form-actions .btn,
#modal-client:target .form-actions button{
  width:auto!important;
  min-width:170px!important;
  height:46px!important;
  border-radius:12px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:600!important;
}

#modal-client:target .form-actions .primary,
#modal-client:target .form-actions button[type="submit"]{
  background:linear-gradient(135deg,#ff563f,#ef3447)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(255,72,60,.2)!important;
}

#modal-client:target .ico,
#modal-client:target svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
}

@media(max-width:900px){
  #modal-client:target .modal-box{
    width:calc(100vw - 18px)!important;
    max-height:92vh!important;
    height:92vh!important;
  }

  #modal-client:target form::before{
    margin:14px 16px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    gap:22px!important;
    padding:0 14px!important;
  }

  #modal-client:target form > .form-section,
  #modal-client:target form > .client-form-clean{
    padding:0 16px 18px!important;
  }

  #modal-client:target .form-grid,
  #modal-client:target .form-grid.cols-2{
    grid-template-columns:1fr!important;
  }

  #modal-client:target .phone-row{
    grid-template-columns:1fr!important;
  }

  #modal-client:target .form-actions{
    padding:14px 16px!important;
    flex-direction:column!important;
  }

  #modal-client:target .form-actions .btn,
  #modal-client:target .form-actions button{
    width:100%!important;
  }
}