:root{--ink:#183431;--forest:#135c54;--forest2:#0c3935;--teal:#d6eee8;--cream:#f7f6f1;--line:#dce6e1;--muted:#6c7d78;--aqua:#55a697;--gold:#d99a47}body{background:radial-gradient(circle at 78% 0,#e4f2ed 0,transparent 29%),var(--cream);letter-spacing:-.12px}.sidebar{background:linear-gradient(165deg,#0e4842,#082d2a);box-shadow:-8px 0 28px #092a2730}.brand{margin-bottom:48px}.brand-mark{background:linear-gradient(145deg,#dff5ef,#9fd9c9);box-shadow:0 5px 18px #003a344d}.nav-item{margin:1px 0;border:1px solid transparent}.nav-item.active{background:linear-gradient(90deg,#2e766c,#205e57);box-shadow:0 8px 17px #061d1a3b;border-color:#55958b}.nav-item:hover{background:#1b5953}.secure{background:#0b322f;border:0!important;border-radius:11px;padding:13px!important}header{background:#ffffffd9;backdrop-filter:blur(12px);border-color:#e1e8e4}.page{max-width:1320px}.hero{padding:34px 0 37px;max-width:900px}.hero h1{font-size:32px;letter-spacing:-.65px}.hero .muted{font-size:15px}.searchbox{height:70px;border-radius:16px;border-color:#afcec6;background:#fffffff2;box-shadow:0 16px 35px #10584d14}.searchbox:focus-within{border-color:#228878;box-shadow:0 0 0 5px #bce2d932,0 16px 35px #10584d14}.searchbox input{font-size:17px}.result-toolbar{border-color:#dfe8e4;padding-top:25px}.filter-button,.secondary{border-radius:9px}.filters{box-shadow:0 10px 25px #153e3709}.customer-card{border-radius:15px;padding:18px 20px;box-shadow:0 4px 14px #173d3708;overflow:hidden;position:relative}.customer-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(#75b9ab,#247c70);opacity:0;transition:.18s}.customer-card:hover:before{opacity:1}.customer-card:hover{border-color:#90bdb4;box-shadow:0 15px 30px #173d3712}.customer-top{align-items:center}.name-phone{display:grid;grid-template-columns:auto auto;align-items:center;gap:14px}.customer-name{font-size:19px;line-height:1.25;font-weight:800;color:#163a36}.customer-code{display:block;margin-top:4px}.result-phone{font-size:16px;line-height:1;white-space:nowrap;padding:9px 11px;border:1px solid #d4e9e3;background:#f0f8f5;color:#125b52;box-shadow:inset 0 1px #fff}.device{border-radius:999px;background:#f4f8f7;padding:5px 9px;font-size:11px}.customer-details{margin-top:14px;min-height:20px;color:#6b7b77}.customer-details span{overflow:hidden;text-overflow:ellipsis}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:13px}.service-pill{min-height:48px;padding:7px 9px;align-content:center;border:1px solid transparent;border-radius:9px;line-height:1.2}.service-pill b{margin-top:3px}.service-pill.empty{border-color:#edf0ee}.service-pill.overdue{border-color:#f5d6d0}.service-pill.future{border-color:#d6eadc}.service-pill.invalid{border-color:#f2dfae}.table-card{border-radius:15px;box-shadow:0 8px 22px #153e3708}.table-row{padding:15px 18px}.table-head{background:#edf4f1!important;color:#48645e!important}.stats>div,.report-card{border-radius:15px;box-shadow:0 8px 23px #143c3508}.stats>div:first-child{border-top:3px solid #3e9b89}.stats>div:nth-child(2){border-top:3px solid #d59a4f}.stats>div:nth-child(3){border-top:3px solid #d97061}.report-card{border-top:3px solid #79b9ab}.modal-backdrop{backdrop-filter:blur(3px);background:#092723a8}.modal{border-radius:20px;background:#fbfcfa}.modal-head{padding:26px 30px;background:linear-gradient(115deg,#f0f8f5,#fff)}.modal-head h2{font-size:25px;color:#143b36}.profile{padding:27px 30px}.profile-contact{background:linear-gradient(115deg,#e5f5ef,#f7fcfa);border:1px solid #cde5dd;padding:15px 17px}.profile-contact a{font-size:18px}.profile-grid .field p{font-size:16px}.section-label{padding-top:20px}.modal-foot{padding:18px 30px;background:#fafcfb}.primary{border-radius:9px;background:linear-gradient(135deg,#15675e,#0e4a44);box-shadow:0 7px 15px #0e4a4428}.primary:hover{background:linear-gradient(135deg,#0e544c,#093d38)}.form-grid input,.form-grid textarea{border-radius:9px;padding:11px 12px}.report-title{font-size:20px;color:#1e4c45}@media(max-width:800px){.hero h1{font-size:25px}.name-phone{display:flex;align-items:flex-start;gap:9px;flex-direction:column}.result-phone{font-size:15px}.customer-top{align-items:flex-start}.service-row{gap:5px}.service-pill{padding:6px;font-size:9px}.service-pill b{font-size:10px}.modal-head,.profile,.modal-foot{padding-right:20px;padding-left:20px}}

.report-title-spaced{margin-top:34px}.report-explain{margin:-8px 0 18px;line-height:1.9}.report-card button{white-space:nowrap}

/* Final customer identity alignment: name and mobile share the exact same horizontal row. */
.identity-block{min-width:0;width:100%}
.identity-line{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-width:0;width:100%}
.identity-line .customer-name{min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.identity-line .result-phone{flex:0 0 auto;align-self:center;margin:0}
.customer-code{display:block;margin-top:6px}
@media(min-width:801px){
  .name-phone{display:block;min-width:0;flex:1 1 auto}
  .identity-line{flex-wrap:nowrap}
}
@media(max-width:800px){
  .name-phone{display:block;width:100%}
  .identity-line{flex-wrap:wrap;gap:9px}
  .identity-line .customer-name{font-size:20px}
  .identity-line .result-phone{font-size:16px;padding:9px 11px}
}

/* Backup page */
.backup-grid{display:grid;gap:16px}.backup-status-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #153e3708}.backup-status-card.connected{border-color:#cbe5dc}.backup-status-card.disconnected{border-color:#eadfce}.backup-status-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:800;background:#e6f4ef;color:#176457;flex:none}.backup-status-card.disconnected .backup-status-icon{background:#f6eee1;color:#9b6b35}.backup-status-main{min-width:0;flex:1}.backup-status-main h2{margin:0 0 3px;font-size:20px}.backup-status-main p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.8}.backup-actions{flex:none}.backup-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.backup-stat-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.backup-stat-grid small,.backup-stat-grid span{display:block;color:var(--muted)}.backup-stat-grid strong{display:block;font-size:19px;margin:7px 0;color:var(--forest)}.backup-panel{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px #153e3708}.backup-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.backup-panel-head h2{margin:0 0 5px;font-size:18px}.backup-note{display:flex;gap:12px;background:#f2f8f5;border:1px solid #d8ebe4;border-radius:12px;padding:14px}.backup-note>span{color:#20816e;font-weight:800}.backup-note p{margin:3px 0 0;color:var(--muted);line-height:1.9}.backup-history{display:grid}.backup-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto 90px;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1ef}.backup-history-row:last-child{border-bottom:0}.backup-history-row strong,.backup-history-row small{display:block}.backup-history-row small{color:var(--muted);margin-top:3px}.backup-history-size{text-align:left;color:var(--muted);font-size:12px}.backup-badge{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.backup-badge.success{background:#e2f2eb;color:#20705f}.backup-badge.local{background:#f4f1e9;color:#806b3f}.backup-badge.failed{background:#fae8e5;color:#a24c44}.backup-connect-box{background:#fff;border:1px solid #bcded5;border-radius:16px;padding:18px 20px;margin-bottom:16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;box-shadow:0 8px 24px #153e3708}.backup-connect-box p{margin:4px 0;color:var(--muted)}.backup-connect-box a{color:#17685e;font-weight:700}.device-code{direction:ltr;letter-spacing:3px;font:800 22px Tahoma;padding:13px 18px;border-radius:10px;background:#edf7f4;color:#124f48}.backup-connect-box>small{grid-column:1/-1;color:var(--muted)}@media(max-width:800px){.backup-status-card,.backup-panel-head{align-items:flex-start;flex-direction:column}.backup-actions{width:100%}.backup-actions button,.backup-panel-head button{width:100%}.backup-stat-grid{grid-template-columns:1fr}.backup-history-row{grid-template-columns:1fr auto}.backup-history-size{display:none}.backup-connect-box{grid-template-columns:1fr;text-align:right}.device-code{justify-self:start}}
.backup-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.backup-config-grid>div{background:#f7faf9;border:1px solid #e5eeeb;border-radius:12px;padding:14px;min-width:0}
.backup-config-grid small{display:block;color:var(--muted);margin-bottom:6px}
.backup-config-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
@media(max-width:1000px){.backup-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.backup-config-grid{grid-template-columns:1fr}}