.panel-business{--ink:#17201d;--muted:#69746e;--acid:#c6ff00;background:#f7f9f7;color:var(--ink);font-family:Arial,'Segoe UI',sans-serif}
.panel-business .app{grid-template-columns:220px minmax(0,1fr)}
.panel-business .sidebar{background:#fff;color:#17201d;border-right:1px solid #e5eae4;padding:26px 18px}
.panel-business .sidebar .brand,.panel-business .sidebar .brand b,.panel-business .sidebar .brand small{color:#111}
.panel-business .sidebar .brand small{font-size:11px;letter-spacing:3px;margin-top:6px}
.panel-business .sidebar-label{color:#737c76;font-size:11px}
.panel-business .sidebar nav a{min-height:48px;color:#202920;border-radius:9px;margin:5px 0}
.panel-business .sidebar nav a:hover{background:#f2f7e8;color:#111}
.panel-business .sidebar nav a.active{background:#c6ff00;color:#111;font-weight:650}
.panel-business .sidebar .account{border-color:#e5eae4;color:#3a453c}
.panel-business .sidebar .account .btn{background:#f7f9f5;color:#17201d;border-color:#e5eae4}
.panel-business .topbar{background:#fff;border-bottom:1px solid #e5eae4;min-height:76px}
.panel-business .workspace{padding:30px;max-width:1680px;width:100%;margin:auto}
.panel-business .btn{min-height:46px;border-radius:8px;white-space:normal;text-align:center}
.panel-business .btn.primary{background:#c6ff00;border-color:#c6ff00;color:#111}
.panel-business .btn.primary:hover{background:#b7ed00;color:#111}
.panel-business .card{border-color:#e5eae4;box-shadow:none;border-radius:12px}
.cm-dashboard{display:grid;gap:24px}.cm-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.cm-eyebrow{font-size:10px;letter-spacing:1.5px;color:#737d70;font-weight:700}.cm-heading h1{margin:10px 0;font-size:30px;letter-spacing:-1px}.cm-heading p,.cm-card p,.cm-service p{color:#69746e;line-height:1.7;font-size:14px}
.cm-profile{display:flex;flex-wrap:wrap;align-items:center;gap:22px;background:#fff;border:1px solid #e5eae4;border-radius:12px;padding:22px}.cm-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:190px}.cm-identity img{width:50px;height:50px;object-fit:cover;border-radius:50%}.cm-identity strong{font-size:16px}.cm-profile small,.cm-device small,.cm-courier small{display:block;color:#69746e;font-size:11px;margin-top:5px}.cm-metric,.cm-license{display:flex;align-items:center;gap:10px;border-left:1px solid #e8ece6;padding-left:20px}.cm-metric strong{font-size:20px}.cm-license{font-size:12px}.cm-symbol{width:44px;height:44px;background:#f2f7e9;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cm-service{border:1px solid #e4eadd;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:18px;min-width:0;background:#f4faec;min-height:305px}.cm-online{background:#fffbef;border-color:#eee8d7}.cm-appointments{background:#f1f8fa;border-color:#deeaee}.cm-service-heading{display:flex;align-items:center;gap:12px}.cm-service h2{font-size:19px;margin:0}.cm-service .btn{width:100%;margin-top:auto;justify-content:space-between}.cm-art{display:flex;align-items:center;gap:16px;color:#7b8d6b;min-height:65px}.cm-art .ico{width:46px;height:46px;stroke-width:1}.cm-art span{font-size:10px;letter-spacing:1.3px;max-width:170px;line-height:1.8}.cm-note{color:#69746e;line-height:1.7;font-size:12px}.cm-status{font-size:11px;background:#eef0eb;color:#586450;border-radius:20px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start}.cm-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#89917f;flex-shrink:0}.cm-status.is-active{background:#def4df;color:#287039}.cm-status.is-active:before{background:#2e9948}.cm-text-link{font-size:12px;text-align:center;padding:6px;color:#465b36}
.cm-bottom{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.cm-card{background:white;border:1px solid #e5eae4;border-radius:12px;padding:22px;min-width:0;display:flex;flex-direction:column;gap:18px}.cm-card header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.cm-card h2{font-size:16px;display:flex;align-items:center;gap:9px;margin:0}.cm-card header a{font-size:12px;color:#536947;padding:8px 0}.cm-card>.btn{margin-top:auto;align-self:flex-start}.cm-device{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #f0f2ee;flex-wrap:wrap}.cm-device strong,.cm-courier strong{font-size:13px}.cm-device .cm-status{margin-left:auto;align-self:center}.cm-device .cm-symbol{width:32px;height:36px;border-radius:7px;background:#f5f7f3}.cm-courier{display:flex;gap:10px;align-items:center}.cm-avatar{width:40px;height:40px;border-radius:50%;background:#edf5de;display:grid;place-items:center;font-weight:700}
@media(max-width:1200px){.panel-business .app{grid-template-columns:190px minmax(0,1fr)}.panel-business .workspace{padding:24px}.cm-services{gap:14px}.cm-service{padding:18px}.cm-bottom{grid-template-columns:1fr 1fr}.cm-devices{grid-column:1/-1}.cm-profile{gap:16px}.cm-heading h1{font-size:26px}}
@media(max-width:1100px){.panel-business .app{grid-template-columns:minmax(0,1fr)}.panel-business .sidebar{display:none;position:fixed;top:76px;bottom:0;left:0;width:260px;height:calc(100dvh - 76px);z-index:50;overflow-y:auto;box-shadow:12px 12px 40px #17201d26}.panel-business .app.menu-open .sidebar{display:flex}.panel-business .mobile-menu{display:inline-flex;min-width:46px}.panel-business .topbar{position:sticky;top:0;z-index:60}.cm-profile{gap:20px}}
@media(max-width:800px){.cm-services{grid-template-columns:1fr}.cm-service{min-height:0;display:grid;grid-template-columns:1fr auto;gap:16px;padding:24px}.cm-service>p,.cm-service>.cm-note,.cm-service>.cm-art{grid-column:1/-1}.cm-service .btn{grid-column:1/-1}.cm-service .cm-text-link{grid-column:1/-1}.cm-art{min-height:36px}.cm-heading{align-items:flex-start}.cm-heading>.btn{font-size:0;min-width:46px;padding:12px}.cm-heading>.btn .ico{width:20px}.cm-identity{flex-basis:100%}.cm-metric{padding-left:0;border:0;min-width:95px}.cm-license{border:0;padding:0}.panel-business .topbar>.row:last-child>span.small{display:none}}
@media(max-width:540px){.panel-business .workspace{padding:20px 14px}.cm-dashboard{gap:18px}.cm-heading h1{font-size:24px}.cm-eyebrow{font-size:9px}.cm-heading p{font-size:13px}.cm-bottom{grid-template-columns:1fr}.cm-profile{padding:18px;gap:18px}.cm-license{flex-basis:100%}.cm-service{padding:20px;grid-template-columns:1fr}.cm-card{padding:18px}.panel-business .topbar{padding:12px;gap:8px}.panel-business .topbar .row{gap:8px}.panel-business .topbar .muted{display:none}.panel-business .topbar>.row:last-child>span:last-child{display:none}}
/* Approved design 02: compact service row and original reference artwork. */
.panel-business,.panel-business input,.panel-business select,.panel-business button,.panel-business textarea{font-family:Arial,'Segoe UI',sans-serif}
.panel-business .app{grid-template-columns:205px minmax(0,1fr)}
.panel-business .workspace{max-width:none;padding:24px 22px}
.panel-business .topbar{min-height:64px}
.cm-dashboard{gap:12px}.cm-heading{margin-bottom:4px}.cm-heading h1{font-size:25px;margin:0 0 7px}.cm-heading p{font-size:12px}.cm-heading>.btn{min-height:38px;font-size:12px}
.cm-profile{border-radius:8px;padding:16px 18px;gap:18px;flex-wrap:nowrap;background:linear-gradient(110deg,#fff,#f8fafc)}
.cm-identity{min-width:170px;flex:1}.cm-identity strong{font-size:14px}.cm-profile small{font-size:10px}.cm-metric strong{font-size:16px}.cm-metric,.cm-license{padding-left:18px;gap:10px}.cm-metric .ico{width:25px;height:25px}.cm-license{font-size:11px}.cm-profile-photo{width:44px;height:44px;border-radius:50%;flex:none;background-image:url('/assets/customer-reference.png');background-size:1689.6px 1126.4px;background-position:-440px -773px}
.cm-services{gap:12px}.cm-service{position:relative;display:flex;min-height:188px;gap:10px;padding:18px 14px 12px;border-radius:8px;overflow:hidden;background:linear-gradient(115deg,#f1fce8,#f7ffef)}.cm-online{background:linear-gradient(115deg,#fff9e9,#fffdf4)}.cm-appointments{background:linear-gradient(115deg,#edf8ff,#f3fbff)}
.cm-service-heading{gap:10px;position:relative;z-index:2;padding-right:8px}.cm-service-heading h2{font-size:15px}.cm-service-heading .cm-symbol{width:32px;height:32px;border-radius:9px}.cm-symbol .ico{width:20px;height:20px}.cm-card-open{margin-left:auto;font-size:24px;font-weight:300;line-height:24px;padding:0 3px}
.cm-service-content{position:relative;min-height:66px;padding-left:42px;padding-right:112px}.cm-service-content>p{font-size:11px;line-height:1.6;position:relative;z-index:2}
.cm-reference-art{display:block;position:absolute;right:0;bottom:-8px;background-image:url('/assets/customer-reference.png');background-repeat:no-repeat;pointer-events:none;background-size:1996.8px 1331.2px}
.cm-art-qr{width:98px;height:88px;background-position:-806px -1021.8px}
.cm-art-online{width:140px;height:106px;background-position:-1257.1px -1001px;right:2px;bottom:-20px}
.cm-art-appointments{width:140px;height:63px;background-size:1689.6px 1126.4px;background-position:-1452px -867.9px;bottom:0;border-radius:6px}
.cm-appointments .cm-service-content{padding-right:148px}.cm-online .cm-service-content{padding-right:145px;min-height:37px}
.cm-online>.cm-status{position:relative;margin:0 0 0 42px;font-size:9px;padding:3px 7px}.cm-note{font-size:10px;padding-left:42px;max-width:70%;line-height:1.5}
.cm-card-actions{display:flex;gap:8px;position:relative;z-index:3;margin-top:auto}.cm-card-actions .btn{margin:0;min-height:38px;font-size:11px;padding:8px 11px;justify-content:center;gap:8px;flex:1}.cm-card-actions .btn .ico{width:14px;height:14px}.cm-download{background:#fafbff;border-color:#e1e5ed!important}.cm-card-actions [hidden]{display:none!important}
.cm-bottom{grid-template-columns:1.4fr .85fr 1.1fr;gap:12px}.cm-card{border-radius:8px;padding:14px;gap:10px;min-height:122px}.cm-card h2{font-size:12px;gap:8px}.cm-card h2>.ico{width:20px;height:20px}.cm-card header a{font-size:10px;padding:0}.cm-card p{font-size:11px;line-height:1.6}.cm-card>.btn{min-height:34px;padding:7px 12px;font-size:10px}.cm-device{padding:5px 0;gap:8px;flex-wrap:nowrap}.cm-device .cm-symbol{width:22px;height:24px;background:transparent}.cm-device .cm-symbol .ico{width:16px;height:16px}.cm-device strong{font-size:11px}.cm-device-id{display:none!important}.cm-device .cm-status{font-size:9px;padding:3px 6px;white-space:nowrap}.cm-last-seen{font-size:9px!important;color:#78818c;white-space:nowrap;margin-left:auto}.cm-courier strong{font-size:11px}.cm-courier small{font-size:10px}.cm-card .cm-avatar{width:34px;height:34px}.panel-business .footer-spacer{padding-top:16px;font-size:10px}
.cm-pin-card{margin-top:22px;padding:26px!important;max-width:1080px}.cm-pin-card>header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.cm-pin-card h2{margin:0 0 6px!important;font-size:19px}.cm-pin-card p{font-size:13px;color:#64706b}.cm-pin-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #e4ecd7;border-radius:8px;background:#f7fbee;margin-bottom:24px}.cm-pin-notice>.ico{margin-top:2px}.cm-pin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cm-pin-grid .field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.cm-pin-grid input,.cm-pin-grid select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #dce3df;border-radius:8px;padding:12px 14px;background:#fff;color:#17201d;font-size:14px}.cm-pin-grid small{font-size:11px;font-weight:400;line-height:1.5;color:#738077}.cm-pin-actions{display:flex;margin-top:24px;padding-top:20px;border-top:1px solid #edf0ea}.cm-pin-actions .btn{min-height:48px;padding:12px 22px}
@media(min-width:1600px){.cm-service{min-height:210px;padding:22px 18px 14px}.cm-service-content>p{font-size:12px}.cm-service-heading h2{font-size:16px}.cm-card-actions .btn{font-size:12px}.cm-profile{padding:20px}.cm-card{padding:18px}.cm-card h2{font-size:14px}.cm-service-content{padding-right:135px}.cm-art-qr{right:12px}}
@media(max-width:1250px){.cm-profile{flex-wrap:wrap}.cm-identity{flex:1}.cm-profile .cm-metric{padding-left:10px}.cm-last-seen{display:none!important}.cm-service-content{padding-left:0;padding-right:100px}.cm-service-heading{gap:7px}.cm-service-heading h2{font-size:14px}.cm-appointments .cm-service-content{padding-right:0;padding-bottom:65px}.cm-art-appointments{bottom:0}.cm-online .cm-service-content{padding-right:120px}.cm-note{padding-left:0}.cm-online>.cm-status{margin-left:0}.cm-bottom{grid-template-columns:1.3fr 1fr 1fr}.cm-devices{grid-column:auto}.cm-device{flex-wrap:wrap}}
@media(max-width:1100px){.panel-business .app{grid-template-columns:minmax(0,1fr)}.panel-business .sidebar{top:64px;height:calc(100dvh - 64px)}.panel-business .mobile-menu{display:inline-flex}.cm-service{min-height:220px}.cm-identity{flex-basis:150px;min-width:150px}.cm-profile{gap:12px}.cm-license{padding-left:10px}.cm-heading>.btn{min-width:38px}.cm-bottom{grid-template-columns:1.3fr 1fr}.cm-bottom>.cm-card:last-child:nth-child(3){grid-column:1/-1;min-height:90px;display:grid;grid-template-columns:1fr auto}.cm-bottom>.cm-card:last-child:nth-child(3)>p{grid-column:1}.cm-bottom>.cm-card:last-child:nth-child(3)>.btn{grid-column:2;grid-row:1/3;align-self:center}}
@media(max-width:800px){.cm-services{grid-template-columns:1fr}.cm-service{min-height:180px;display:flex;padding:18px}.cm-service-content{padding-left:42px;padding-right:155px;min-height:60px}.cm-appointments .cm-service-content{padding-left:42px;padding-right:155px;padding-bottom:0;min-height:65px}.cm-online .cm-service-content{padding-right:155px;min-height:40px}.cm-note{padding-left:42px}.cm-online>.cm-status{margin-left:42px}.cm-reference-art{right:10px}.cm-card-actions .btn{min-height:44px}.cm-profile{gap:14px}.cm-profile .cm-identity{flex-basis:100%}.cm-profile .cm-metric{min-width:95px;padding:0;border:0}.cm-license{padding:0;border:0}.cm-bottom{grid-template-columns:1fr}.cm-bottom>.cm-card:last-child:nth-child(3){display:flex;grid-column:auto}.cm-pin-card{padding:20px!important}.cm-pin-grid{gap:18px}.cm-card h2{font-size:14px}.cm-card p{font-size:12px}.cm-last-seen{display:block!important}}
@media(max-width:540px){.panel-business .workspace{padding:20px 14px}.cm-heading h1{font-size:22px}.cm-profile{padding:16px}.cm-license{flex-basis:100%}.cm-service-content,.cm-appointments .cm-service-content{padding-left:0;padding-right:135px}.cm-online .cm-service-content{padding-right:130px}.cm-note{padding-left:0;max-width:60%}.cm-online>.cm-status{margin-left:0}.cm-service{padding:16px}.cm-reference-art{right:0}.cm-card-actions{gap:6px}.cm-card-actions .btn{padding:8px;font-size:10px}.cm-last-seen{display:none!important}.cm-pin-grid{grid-template-columns:1fr}.cm-pin-card>header{align-items:flex-start}.cm-pin-card h2{font-size:17px}.cm-pin-actions .btn{width:100%}.cm-pin-card{padding:18px!important}.cm-device .cm-status{margin-left:auto}}
.panel-business .sidebar nav{display:flex;flex-direction:column;gap:3px;justify-content:flex-start}.panel-business .sidebar nav a{min-height:40px;padding:9px 11px;margin:0;font-size:12px}.panel-business .sidebar{padding:22px 16px}.panel-business .sidebar-label{margin:18px 0 10px}.panel-business .topbar{gap:20px}.cm-search{position:relative;margin-left:auto;width:240px;flex-shrink:1}.cm-search label{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f7f9fc;border:1px solid #e7ebf0;border-radius:6px}.cm-search input{width:100%;min-width:0;border:0;background:transparent;outline-offset:2px;font-size:11px;padding:3px}.cm-search-results{position:absolute;top:100%;left:0;right:0;padding:8px;background:white;border:1px solid #e7ebf0;border-radius:6px;box-shadow:0 8px 24px #18283a14;z-index:80;font-size:12px}.cm-search-results a{display:block;padding:12px;border-radius:5px}.cm-search-results a:hover{background:#effbd6}.cm-bell{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:#253a4a}.cm-bell .ico{width:18px;height:18px}.panel-business .tabs a.active{background:#c6ff00;color:#111;border-color:#c6ff00}
@media(max-width:800px){.cm-search{display:none}.panel-business .topbar{gap:8px}}