.title-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.view-switch{display:flex;padding:4px;background:#e8edf2;border-radius:12px;gap:3px}.view-switch button{background:transparent;color:#667789;box-shadow:none;padding:9px 12px;border-radius:9px;font-size:12px}.view-switch button:hover{transform:none;box-shadow:none}.view-switch button.active{background:#fff;color:#0b1f33;box-shadow:0 3px 10px #1e32451a}.view-switch .ico{width:16px;height:16px}.color-field{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.color-field>span{font-weight:800;font-size:12px;color:#3a4857}.color-options{display:flex;gap:8px;flex-wrap:wrap}.color-choice{margin:0;display:flex;align-items:center;gap:5px;padding:7px 8px;border:1px solid #e1e7ed;border-radius:10px;cursor:pointer;background:#fff}.color-choice input{position:absolute;opacity:0;width:1px}.color-choice i{width:21px;height:21px;border-radius:7px;background:var(--choice);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--choice)}.color-choice small{font-size:9px;color:#718096}.color-choice:has(input:checked){border-color:var(--choice);box-shadow:0 0 0 3px color-mix(in srgb,var(--choice) 15%,transparent)}.client-card{border-color:color-mix(in srgb,var(--client-color,#d2a642) 22%,#e5ebf1)}.client-card:before{background:var(--client-color,#d2a642)!important;width:5px!important}.client-avatar{background:color-mix(in srgb,var(--client-color,#d2a642) 18%,#102c48);color:#fff}.client-grid.compact-view{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-view .client-card{padding:14px;border-radius:14px}.compact-view .client-avatar{width:38px;height:38px;border-radius:10px;font-size:15px}.compact-view .client-name{font-size:13px}.compact-view .client-code{font-size:8px}.compact-view .interest-pill{padding:5px 7px;font-size:8px}.compact-view .client-contact{margin:10px 0;padding:9px;font-size:9px}.compact-view .client-contact span{display:none}.compact-view .client-meta{gap:8px;padding-bottom:10px}.compact-view .client-meta>div:nth-child(2),.compact-view .client-meta>div:nth-child(3){display:none}.compact-view .client-meta small{font-size:8px;margin-bottom:4px}.compact-view .client-meta b,.compact-view .badge{font-size:9px}.compact-view .client-actions{padding-top:10px;gap:6px}.compact-view .card-action,.compact-view .icon-action{height:32px;font-size:9px}.compact-view .card-action{padding:0 8px}.compact-view .icon-action{width:34px}.compact-view .card-action .ico,.compact-view .icon-action .ico{width:13px}.compact-view .whatsapp-action{width:34px;padding:0}.compact-view .whatsapp-action{font-size:0}.compact-view .whatsapp-action .ico{margin:0}@media(max-width:1250px){.client-grid.compact-view{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.client-grid.compact-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.title-actions{width:100%;justify-content:space-between}.view-switch button{padding:8px}.view-switch button span{display:none}.client-grid.compact-view{grid-template-columns:1fr}.color-choice small{display:none}.color-choice{padding:7px}}
.company-ribbon{display:flex;align-items:center;gap:6px;width:max-content;margin:-2px 0 12px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--company-color) 12%,white);color:var(--company-color);font-size:12px;font-weight:800;border:1px solid color-mix(in srgb,var(--company-color) 30%,white)}
.company-ribbon .ico{width:15px;height:15px}
.access-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:22px;align-items:start}.company-list{display:grid;gap:10px}.company-list>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e7e9ef;border-radius:12px}.company-list i{width:14px;height:14px;border-radius:50%}.company-list small{margin-right:auto}.permission-row{display:grid;grid-template-columns:minmax(190px,1fr) 2fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0f5}.permission-user{display:flex;gap:10px;align-items:center}.permission-user small{display:block}.company-checks{display:flex;gap:9px;flex-wrap:wrap}.company-checks label{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e0e4eb;border-radius:10px;cursor:pointer}.company-checks i{width:9px;height:9px;border-radius:50%;background:var(--company)}
@media(max-width:900px){.access-grid{grid-template-columns:1fr}.permission-row{grid-template-columns:1fr}.permission-row button{width:100%}}
.permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.permission-group{padding:20px}.permission-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;margin:0;border-bottom:1px solid #edf0f5}.permission-toggle span{display:flex;flex-direction:column;gap:3px}.permission-toggle small{font-family:monospace;color:#94a0ad}.permission-toggle input{position:absolute;opacity:0}.permission-toggle i{width:46px;height:25px;border-radius:20px;background:#cbd3dc;position:relative;transition:.2s;flex:none}.permission-toggle i:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:white;top:3px;right:3px;transition:.2s;box-shadow:0 2px 5px #0002}.permission-toggle input:checked+i{background:#27a875}.permission-toggle input:checked+i:after{right:24px}.sticky-save{position:sticky;bottom:16px;background:#fff;padding:14px;border:1px solid #e3e8ee;border-radius:15px;box-shadow:0 12px 30px #13283d20;z-index:20}.settings-card{max-width:900px}.company-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.company-brand-card{display:flex;align-items:center;gap:13px;border-top:4px solid var(--brand);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,white),white)}.company-brand-card .button{margin-right:auto}.company-logo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;font-size:22px;overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:contain;background:white}.bulk-bar{display:flex;align-items:center;gap:10px;position:sticky;top:8px;z-index:30;background:#102c48;color:#fff;padding:12px 16px;border-radius:15px;margin-bottom:16px;box-shadow:0 12px 30px #102c4840}.bulk-bar select{width:auto;min-width:150px;margin:0;background:#fff}.bulk-bar button{margin-right:auto}.bulk-check{position:absolute;top:12px;left:12px;z-index:5;margin:0}.bulk-check input{position:absolute;opacity:0}.bulk-check i{display:grid;place-items:center;width:25px;height:25px;border:2px solid #cbd3dc;background:#fff;border-radius:8px;color:transparent;font-style:normal}.bulk-check input:checked+i{background:#27a875;border-color:#27a875;color:#fff}.client-card{position:relative}.dashboard-client-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-client-list>a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px;border:1px solid #e4e9ef;border-right:4px solid var(--company);border-radius:14px;color:#102c48;text-decoration:none}.dashboard-client-list small{display:block;color:#7c8996}.dashboard-client-list .client-avatar{width:40px;height:40px}.settings-card input[type=color]{height:48px;padding:5px}
@media(max-width:950px){.permission-groups,.company-brand-grid{grid-template-columns:1fr}.dashboard-client-list{grid-template-columns:1fr}.bulk-bar{flex-wrap:wrap}.bulk-bar button{margin:0;width:100%}}

/* v0.8 — clearer bulk selection and dashboard cards */
.bulk-mode-button.active{background:#102c48!important;color:#fff!important}.client-selector{display:none;position:absolute;inset:10px auto auto 10px;z-index:8;flex-direction:row;align-items:center;gap:7px;margin:0;padding:7px 9px;border-radius:10px;background:#fff;border:1px solid #dbe3ea;box-shadow:0 5px 16px #102c4820;cursor:pointer}.bulk-selecting .client-selector{display:flex}.client-selector input{position:absolute;opacity:0}.client-selector i{display:grid;place-items:center;width:22px;height:22px;border:2px solid #bfc9d3;border-radius:7px;color:transparent;font-style:normal}.client-selector span{font-size:11px;color:#536170}.client-selector input:checked+i{background:#27a875;border-color:#27a875;color:#fff}.client-card.is-selected{border:2px solid #27a875;background:#f4fcf8;box-shadow:0 10px 30px #27a87525}.bulk-dock{display:none;position:sticky;top:92px;z-index:19;grid-template-columns:minmax(190px,1fr) auto minmax(160px,220px) minmax(160px,220px) auto auto;align-items:end;gap:12px;background:#102c48;color:#fff;padding:14px 16px;border-radius:16px;margin:-8px 0 18px;box-shadow:0 14px 35px #102c4850}.bulk-dock.is-visible{display:grid}.bulk-dock label{color:#dce6ef;margin:0;gap:5px}.bulk-dock select{height:42px;padding:8px 10px}.bulk-dock button{height:42px;white-space:nowrap}.bulk-summary b,.bulk-summary small{display:block}.bulk-summary b{font-size:15px}.bulk-summary small{color:#aebdcc;margin-top:4px;font-size:10px}.bulk-link,.bulk-cancel{background:#ffffff14;color:#fff;box-shadow:none}.bulk-link:hover,.bulk-cancel:hover{background:#ffffff25}.bulk-dock button:disabled{opacity:.45;cursor:not-allowed;transform:none}.settings-wide{max-width:none}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px}.settings-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid #e7ecf2}.dashboard-clients{margin-bottom:24px}.dashboard-head{padding:0 4px}.dashboard-client-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-client-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e4e9ef;border-top:4px solid var(--company);border-radius:17px;padding:17px;box-shadow:0 8px 24px #18273a0b}.dashboard-card-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.dashboard-card-top>div{min-width:0}.dashboard-card-top a{display:block;color:#102c48;text-decoration:none;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-card-top small{display:block;color:#7c8996;margin-top:5px;font-size:10px}.dashboard-card-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;padding:12px 0;border-block:1px solid #edf0f4}.dashboard-card-info small,.dashboard-card-info b{display:block}.dashboard-card-info small{color:#96a1ac;font-size:9px;margin-bottom:5px}.dashboard-card-info b{color:#43505d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-card-actions{display:flex;gap:8px}.dashboard-card-actions a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:9px;background:#f0f4f7;color:#254d68;text-decoration:none;font-size:11px;font-weight:800}.dashboard-card-actions a:first-child{background:#102c48;color:#fff}.dashboard-card-actions .ico{width:14px}.dashboard-client-cards.is-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-client-cards.is-compact .dashboard-card-info span:nth-child(2){display:none}.dashboard-client-cards.is-compact .dashboard-card-info{grid-template-columns:1fr 1fr}.dashboard-client-cards.is-compact .dashboard-card-actions a:last-child{display:none}
@media(max-width:1200px){.bulk-dock{grid-template-columns:1fr 1fr 1fr}.bulk-summary{grid-column:span 2}.settings-grid{grid-template-columns:repeat(2,1fr)}.dashboard-client-cards,.dashboard-client-cards.is-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.bulk-dock{top:8px;grid-template-columns:1fr 1fr}.bulk-summary{grid-column:1/-1}.bulk-dock label{grid-column:1/-1}.bulk-dock button[type=submit]{grid-column:1/-1}.settings-grid,.dashboard-client-cards,.dashboard-client-cards.is-compact{grid-template-columns:1fr}.dashboard-card-info{grid-template-columns:repeat(2,1fr)}.dashboard-card-info span:last-child{grid-column:1/-1}.client-selector{inset:8px auto auto 8px}.client-selector span{display:none}}

/* v0.9: one clear bulk-selection interface; suppress the obsolete injected bar. */
.bulk-bar,.bulk-check{display:none!important}
.bulk-mode-button{display:inline-flex;align-items:center;gap:7px}.bulk-mode-button .ico{width:18px;height:18px}
.bulk-dock{grid-template-columns:minmax(170px,1fr) auto 190px 190px auto auto;max-width:1050px;margin-inline:auto}
.bulk-dock label{min-width:0}.bulk-dock select{display:block;width:100%!important;min-width:0!important;max-width:190px!important;color:#172b3d;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bulk-dock select option{color:#172b3d;background:#fff}
.bulk-selecting .client-card{cursor:pointer}.bulk-selecting .client-selector{display:flex}
.dashboard-client-card{border-right:5px solid var(--company);border-top:1px solid #e4e9ef}.dashboard-card-actions{flex-wrap:wrap}.dashboard-card-actions a{min-width:90px}
@media(max-width:1100px){.bulk-dock{grid-template-columns:1fr 1fr;max-width:none}.bulk-summary{grid-column:1/-1}.bulk-dock select{max-width:none!important}.bulk-dock button[type=submit]{grid-column:1/-1}}
@media(max-width:650px){.bulk-dock{grid-template-columns:1fr}.bulk-dock>*{grid-column:1!important}.bulk-dock select{max-width:none!important}.bulk-mode-button span{display:none}}

/* v1.0 — WhatsApp offer templates */
.offer-action{border:0;background:#e9f8f0!important;color:#187a4c!important;cursor:pointer}.offer-action:hover{background:#d9f3e5!important}.offer-action .ico{width:15px}.send-offer-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.offer-modal{display:none;position:fixed;inset:0;z-index:200;background:#0b1f33b8;backdrop-filter:blur(5px);padding:24px;align-items:center;justify-content:center}.offer-modal.open{display:flex}.offer-dialog{position:relative;width:min(940px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 80px #06121e66}.offer-close{position:absolute;left:18px;top:16px;width:38px;height:38px;padding:0;border-radius:50%;background:#edf1f5;color:#536170;font-size:25px;box-shadow:none}.offer-dialog-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.offer-dialog-head h2,.offer-dialog-head p{margin:0}.offer-dialog-head p{color:#7b8794;font-size:12px;margin-top:4px}.offer-dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#dcf5e8;color:#168252}.offer-dialog-icon .ico{width:23px;height:23px}.offer-modal-grid{display:grid;grid-template-columns:minmax(250px,320px) 1fr;gap:20px}.offer-search{margin:0 0 10px}.offer-template-list{display:grid;gap:8px;max-height:390px;overflow:auto;padding-left:4px}.offer-template-option{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:right;padding:13px;border-radius:13px;background:#f5f7f9;color:#263b4d;box-shadow:none;border:1px solid transparent}.offer-template-option span,.offer-template-option b,.offer-template-option small{display:block}.offer-template-option small{margin-top:4px;color:#87939f;font-size:10px}.offer-template-option i{font-style:normal;font-size:24px}.offer-template-option.active{background:#eefaf4;border-color:#27a875;color:#16754a}.offer-preview{background:#f7f9fb;border:1px solid #e6ebef;border-radius:16px;padding:16px}.offer-preview textarea{min-height:250px;background:#fff;line-height:1.8}.offer-preview>small{display:block;color:#7e8b97;margin:-4px 0 13px}.offer-send{width:100%;justify-content:center}.offer-send.disabled{opacity:.45;pointer-events:none}.offer-empty{padding:22px;text-align:center;color:#87939f;background:#f7f8fa;border-radius:13px}
.offers-admin-layout{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:20px;align-items:start}.offer-editor{position:sticky;top:15px}.offer-editor textarea{line-height:1.8}.template-tokens{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-5px 0 15px}.template-tokens span{font-size:11px;color:#7b8794}.template-tokens code{direction:ltr;background:#edf2f6;color:#36536b;padding:5px 8px;border-radius:7px;font-size:10px}.offer-admin-cards{display:grid;gap:11px}.offer-admin-card{display:grid;grid-template-columns:1fr auto;gap:15px;padding:16px;border:1px solid #e5eaef;border-right:5px solid var(--offer-company);border-radius:15px}.offer-admin-card.inactive{opacity:.58}.offer-admin-card h3{margin:6px 0}.offer-admin-card small{color:#87939f}.offer-admin-card p{margin:10px 0 0;color:#596775;white-space:pre-line;line-height:1.6;font-size:12px}.offer-category{display:inline-block;background:#eef2f6;color:#597083;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}.offer-admin-actions{display:flex;align-items:center;gap:6px}.offer-admin-actions form{margin:0}.offer-admin-actions button{margin:0}
@media(max-width:850px){.offer-modal{padding:10px}.offer-dialog{padding:18px;border-radius:18px}.offer-modal-grid,.offers-admin-layout{grid-template-columns:1fr}.offer-template-list{max-height:210px}.offer-editor{position:static}.offer-admin-card{grid-template-columns:1fr}.offer-admin-actions{justify-content:flex-end}}
