/* CARS SPACE — WhatsApp on iPhone inspired light visual system. */
:root {
  --wa-green:#00a884;
  --wa-green-strong:#008069;
  --wa-green-deep:#006b57;
  --wa-green-soft:#d9fdd3;
  --wa-green-pale:#e7fce3;
  --wa-chat:#efeae2;
  --ios-bg:#f2f2f7;
  --ios-surface:#fff;
  --ios-fill:#e9edef;
  --ios-fill-2:#f7f7f9;
  --ios-label:#1c1c1e;
  --ios-label-2:#636366;
  --ios-label-3:#8e8e93;
  --ios-separator:rgba(60,60,67,.18);
  --ios-separator-strong:rgba(60,60,67,.28);
  --ios-blue:#007aff;
  --ios-orange:#ff9500;
  --ios-red:#ff3b30;
  --primary:var(--wa-green-strong);
  --primary-strong:var(--wa-green-deep);
  --primary-soft:var(--wa-green-soft);
  --primary-text:var(--wa-green-deep);
  --accent:var(--ios-blue);
  --accent-soft:#eaf3ff;
  --success:var(--wa-green-strong);
  --success-soft:var(--wa-green-pale);
  --warn:#9a5b00;
  --warn-soft:#fff4e5;
  --danger:#d92d20;
  --danger-soft:#fff0ef;
  --text:var(--ios-label);
  --text-2:var(--ios-label-2);
  --muted:var(--ios-label-3);
  --surface:var(--ios-surface);
  --surface-2:var(--ios-bg);
  --surface-3:var(--ios-fill);
  --line:var(--ios-separator);
  --line-strong:var(--ios-separator-strong);
  --dark:#111b21;
  --info:var(--ios-blue);
  --shadow-sm:0 .5px 1px rgba(0,0,0,.07);
  --shadow-md:0 10px 30px rgba(0,0,0,.11);
  --radius-sm:10px;
  --radius:13px;
  --radius-lg:18px;
  --focus-ring:0 0 0 4px rgba(0,168,132,.14);
  font-family:-apple-system,BlinkMacSystemFont,"SF Arabic",CarsArabic,"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}

html,body{background:var(--ios-bg);color:var(--ios-label)}
body{font-family:inherit;background:var(--ios-bg)}
body::before{display:none!important}
.page,.page-guest{position:relative;z-index:1}
.page{max-width:1120px}
h1{font-weight:800;letter-spacing:-.025em}h2,h3{font-weight:750}
:focus-visible{outline:3px solid rgba(0,122,255,.3);outline-offset:2px}

/* iPhone navigation surfaces */
.topbar{
  border-bottom:1px solid var(--ios-separator);
  background:rgba(249,249,251,.92);
  box-shadow:none;
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
}
.header-brand{gap:9px}.brand-logo{width:38px;height:38px;max-height:none;border-radius:11px;object-fit:cover}
.header-brand strong{color:var(--ios-label);font-size:.94rem;font-weight:800}.header-brand small{color:var(--ios-label-3);font-size:.68rem}
.back-btn,.icon-btn,.account-btn{
  border:0;border-radius:50%;color:var(--wa-green-strong);background:var(--ios-fill);box-shadow:none
}
.back-btn:hover,.icon-btn:hover,.account-btn:hover{background:#dde1e4}
.desktop-nav a{border-radius:10px;color:var(--ios-label-2);font-weight:650}
.desktop-nav a:hover{background:var(--ios-fill)}
.desktop-nav a.active{color:var(--wa-green-deep);background:var(--wa-green-soft)}
.desktop-nav a.active::after{display:none}
.account-pop{border:1px solid var(--ios-separator);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:var(--shadow-md)}
.account-pop .menu-item{border-radius:9px}.account-pop .menu-item:hover{background:var(--ios-fill-2)}
.live-status{border:0;color:var(--ios-label-2);background:var(--ios-fill);font-weight:650}
.live-status[data-state=connected]:before{background:var(--wa-green);box-shadow:0 0 0 3px rgba(0,168,132,.14)}
.bottom-nav{
  border-top:1px solid var(--ios-separator);background:rgba(249,249,251,.94);box-shadow:none;
  backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)
}
.bottom-nav a{color:var(--ios-label-3);font-weight:600}.bottom-nav a.active{color:var(--wa-green-strong)}
.bottom-nav a.active::before{display:none}.bottom-nav a.active svg{fill:none;stroke:currentColor;stroke-width:2.35}

/* Grouped iOS content hierarchy */
.card,.panel,.list-card{
  border:1px solid var(--ios-separator);border-radius:var(--radius);background:var(--ios-surface);box-shadow:none
}
.card,.panel{padding:clamp(14px,2vw,20px)}
.panel:hover,.card:hover{border-color:var(--ios-separator)}
a.list-card:hover,.list-card-link:hover{border-color:var(--ios-separator);background:#fbfbfc;transform:none}
.page-head,.page>.card-title-row:first-child{margin-bottom:16px;padding-block:5px 12px;border:0}
.page-head::after,.page>.card-title-row:first-child::after{display:none}
.page-head h1,.advanced-hero h1{font-size:clamp(1.55rem,3vw,2.2rem)}
.intro-hint,.page-head p{color:var(--ios-label-2)}
.section-title{margin-block:22px 9px;color:var(--ios-label-2);font-size:.78rem;font-weight:750}
.section-title:before{display:none}
.section-kicker,.page-kicker,.eyebrow{color:var(--wa-green-deep)!important;letter-spacing:0;font-weight:800}

/* Conversation/client rows */
.conversation-card,.client-card,.person-card-compact{
  margin:0;border-width:0 0 1px;border-radius:0;border-color:var(--ios-separator);background:#fff
}
.conversation-card:first-child,.client-card:first-child,.person-card-compact:first-child{border-start-start-radius:14px;border-start-end-radius:14px}
.conversation-card:last-child,.client-card:last-child,.person-card-compact:last-child{border-bottom:0;border-end-start-radius:14px;border-end-end-radius:14px}
.conversation-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px}
.conversation-avatar,.client-avatar,.person-avatar{
  display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--wa-green-deep);
  background:linear-gradient(145deg,#d9fdd3,#b9f3d4);font-weight:850
}
.conversation-avatar{width:52px;height:52px;font-size:1.12rem}.conversation-copy{min-width:0}
.conversation-card .row-title{margin:0 0 2px}.conversation-card .row-title strong{font-size:1rem}
.conversation-card .row-meta{justify-content:space-between;gap:4px 10px;font-size:.74rem}
.conversation-card .hint{font-size:.82rem;color:var(--ios-label-2)}
.client-card-main{display:grid;grid-template-columns:50px minmax(0,1fr);gap:0 11px;padding:11px 12px}
.client-avatar{width:50px;height:50px;grid-row:1/span 4;font-size:1.08rem}
.client-card-main>.row-title,.client-card-main>.row-meta,.client-card-main>.row-foot,.client-card-main>.anchor-label,.client-card-main>.anchor-text{grid-column:2}
.client-card-main>.row-title{margin-bottom:2px}.client-card-tools{padding:0 73px 8px 12px}
.client-num{min-height:22px;padding:1px 8px;border:0;border-radius:999px;color:var(--wa-green-deep);background:var(--wa-green-pale);font-size:.7rem}
.client-phone{color:var(--ios-label-2)}
.anchor-label{margin-top:7px;color:var(--ios-label-3)}
.anchor-text{margin-top:3px;border:0;border-radius:8px;background:var(--ios-fill-2);color:var(--ios-label-2)}
.expand-toggle{color:var(--wa-green-deep)}
.person-card-compact{padding:11px 12px}.person-avatar{width:46px;height:46px}
.person-edit{border:0;border-radius:999px;color:var(--wa-green-deep);background:var(--wa-green-pale)}
.person-meta-grid{border-radius:9px;background:var(--ios-fill-2)}
.review-list-card{margin:0;border-width:0 0 1px;border-radius:0;border-color:var(--ios-separator);background:#fff}
.review-list-card:last-child{border-bottom:0}.review-list-card:hover{border-color:var(--ios-separator);background:#fbfbfc}
.review-priority{background:var(--ios-label-3)}.review-priority.high{background:var(--ios-orange)}
.review-open{color:var(--ios-label-3)}.review-list-card.resolved{background:var(--ios-fill-2)}

/* iOS controls */
.btn,.primary-button,.secondary-button,.danger-button{
  min-height:44px;border-radius:12px;font-weight:750;box-shadow:none;transition:filter .14s,transform .08s
}
.btn:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:none;filter:brightness(.97)}
.btn:active,.primary-button:active,.secondary-button:active,.danger-button:active{transform:scale(.985)}
.btn-primary,.primary-button{color:#fff;background:var(--wa-green-strong);box-shadow:none}
.btn-primary:hover,.primary-button:hover{background:var(--wa-green-deep)}
.btn-secondary,.secondary-button{color:var(--ios-label);background:var(--ios-fill);border-color:transparent;box-shadow:none}
.btn-secondary:hover,.secondary-button:hover{color:var(--ios-label);background:#dde1e4}
.btn-danger,.danger-button{color:var(--ios-red);background:#fff0ef;border-color:transparent}
.btn:disabled,.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,[aria-disabled=true]{opacity:.42}
.is-submitting::after{border-color:rgba(255,255,255,.45);border-top-color:#fff}
.input,.select,.textarea,.form-grid>label input,.form-grid>label select,.search-row input,
.advanced-form input[type=text],.advanced-form input:not([type]),.advanced-form textarea,.advanced-form select,
.preview-form select,.review-card select,.reports-settings-form input,.reports-settings-form select{
  min-height:44px;border:1px solid transparent;border-radius:11px;color:var(--ios-label);background:var(--ios-fill-2);box-shadow:none
}
.input:hover,.select:hover,.textarea:hover,.form-grid>label input:hover,.form-grid>label select:hover{border-color:var(--ios-separator)}
.input:focus,.select:focus,.textarea:focus,.form-grid>label input:focus,.form-grid>label select:focus,
.search-row input:focus,.advanced-form input:focus,.advanced-form textarea:focus,.advanced-form select:focus{
  border-color:var(--wa-green);background:#fff;box-shadow:var(--focus-ring);outline:0
}
.label,.form-grid>label,.advanced-form label,.reports-settings-form label{color:var(--ios-label-2);font-weight:700}
.password-toggle,.disclosure summary,.summary-action,.text-button{color:var(--wa-green-deep)}
.search-row,.search-bar{gap:7px}.search-row input,.search-bar .input{border-radius:13px;background:var(--ios-fill)}
.switch-track{background:#d1d1d6}.switch input:checked+.switch-track{background:var(--wa-green)}
.check-line input,.toggle-card input,.capability-grid input,input[type=checkbox],input[type=radio]{accent-color:var(--wa-green-strong)}
.segmented{padding:2px;border:0;border-radius:10px;background:var(--ios-fill)}
.segmented a,.segmented button{border-radius:8px;color:var(--ios-label-2);font-weight:650}
.segmented a.active,.segmented button.active{color:var(--wa-green-deep);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}

/* Status, alerts and metrics */
.badge{border-color:transparent;color:var(--ios-label-2);background:var(--ios-fill);font-weight:700}
.badge.primary{color:var(--wa-green-deep);border-color:transparent;background:var(--wa-green-pale)}
.badge.role{color:#356278;border-color:transparent;background:#eaf4f8}
.badge.ok{color:var(--wa-green-deep);border-color:transparent;background:var(--wa-green-pale)}
.badge.warn{color:#8a5500;border-color:transparent;background:#fff4d8}.badge.danger{color:#b42318;border-color:transparent;background:#fff0ef}
.alert,.notice{border:0;border-radius:12px;background:#fff}.alert.info{color:#075985;background:#eaf5ff}.alert.success,.notice.success{color:var(--wa-green-deep);background:var(--wa-green-pale)}
.alert.warn{color:#8a5500;background:#fff4d8}.alert.danger,.notice.danger{color:#b42318;background:#fff0ef}
.stat{min-height:68px;border:0;border-radius:11px;background:var(--ios-fill-2)}
.stat-value{color:var(--ios-label);font-weight:800}.stat-label{color:var(--ios-label-3)}
.empty-state{border:0;border-radius:14px;background:#fff;color:var(--ios-label-3)}.empty-state svg{color:#c7c7cc}

/* WhatsApp-style timeline */
.messages{
  position:relative;gap:5px;min-height:220px;padding:12px;border-radius:16px;background-color:var(--wa-chat);
  background-image:radial-gradient(circle at 18px 18px,rgba(17,27,33,.025) 1.5px,transparent 1.7px),radial-gradient(circle at 50px 42px,rgba(17,27,33,.018) 2px,transparent 2.2px);
  background-size:68px 68px
}
.msg{position:relative;max-width:min(86%,660px);padding:7px 9px 5px;border:0;border-radius:10px;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.msg.out{align-self:flex-start;border-start-start-radius:2px;background:var(--wa-green-soft)}
.msg.in{align-self:flex-end;border-start-end-radius:2px;background:#fff}
.msg.out::before,.msg.in::before{content:"";position:absolute;inset-block-start:0;width:9px;height:13px;background:inherit}
.msg.out::before{inset-inline-start:-7px;clip-path:polygon(0 0,100% 0,100% 100%)}
.msg.in::before{inset-inline-end:-7px;clip-path:polygon(0 0,100% 0,0 100%)}
.msg-head{gap:4px;margin-bottom:1px}.msg-sender{color:var(--wa-green-deep);font-size:.76rem;font-weight:800}
.msg.out .msg-sender{color:#486a62}.msg-body{margin-top:1px;font-size:.91rem;line-height:1.55}
.msg-meta{min-height:15px;display:flex;justify-content:flex-end;align-items:center;margin-top:1px;direction:ltr}
.msg-time{margin:0;color:#667781;font-size:.64rem;line-height:1}.msg-role{font-size:.59rem}
.quoted{margin:4px 0 6px;padding:6px 8px;border:0;border-inline-start:3px solid var(--wa-green);border-radius:7px;background:rgba(255,255,255,.58);color:#4c5d64}
.msg.in .quoted{background:var(--ios-fill-2)}
.day-sep{margin:11px 0 6px}.day-sep:before{display:none}.day-sep span{padding:4px 10px;color:#54656f;background:rgba(255,255,255,.9);box-shadow:0 1px .5px rgba(11,20,26,.12);font-size:.7rem}
.media-wrap,.media-chip{border-color:rgba(17,27,33,.1);background:rgba(255,255,255,.55)}
.media-img,.media-video{background:#111b21}.media-preparing{border-color:#f6c86f;color:#8a5500;background:#fff4d8}
.new-messages{border:0;border-radius:999px;color:#fff;background:var(--wa-green-strong);box-shadow:0 5px 16px rgba(0,128,105,.25)}
.conversation-summary{border:0;background:#fff}.conversation-summary .stat{background:var(--ios-fill-2)}
.sticky-actions{border:1px solid var(--ios-separator);border-top:1px solid var(--ios-separator);border-radius:14px;background:rgba(249,249,251,.94);box-shadow:var(--shadow-md);backdrop-filter:blur(20px)}

/* Tables, reports and dense settings */
.table-wrap{border:1px solid var(--ios-separator);border-radius:12px;background:#fff}
table.data-table{background:#fff}.data-table th{color:var(--wa-green-deep);background:var(--wa-green-pale);border-bottom:1px solid rgba(0,128,105,.2)}
.data-table td{border-bottom-color:var(--ios-separator)}.data-table tbody tr:nth-child(even){background:#fbfbfc}.data-table tbody tr:hover{background:#f4fbf8}
.report-brand-card{border:0;border-radius:15px;background:#fff}.report-brand-card>img:first-child{background:var(--wa-green);padding:8px;border-radius:13px}
.report-brand-card::after,.report-brand-motif{display:none}.report-overview>div{border-color:var(--ios-separator)}
.advanced-hero{border:0;border-radius:16px;background:#fff}.advanced-hero::after{display:none}
.version-card{border-radius:13px;background:var(--wa-green-strong)}.version-card::after{display:none}.version-card span,.version-card small{color:#e4fff8}
.advanced-tabs a{border:0;border-radius:999px;color:var(--ios-label-2);background:#fff}.advanced-tabs a:hover{border-color:transparent;color:var(--wa-green-deep);background:var(--wa-green-pale)}
.advanced-panel{border:0;border-radius:15px}.panel-heading{border-bottom-color:var(--ios-separator)}
.section-number{border-radius:50%;color:#fff;background:var(--wa-green-strong);box-shadow:none}
.toggle-card,.capability-grid label,.operator-card,.new-rule,.review-card,.schedule-card{border-color:var(--ios-separator);border-radius:12px;background:#fff;box-shadow:none}
.toggle-card:hover,.capability-grid label:hover{border-color:rgba(0,168,132,.35);background:#fbfffd}
.toggle-card:has(input:checked),.capability-grid label:has(input:checked){border-color:rgba(0,168,132,.35);background:var(--wa-green-pale)}
.rule-column,.review-card blockquote{border-color:var(--ios-separator);border-radius:12px;background:var(--ios-fill-2)}
.review-card blockquote{border-right-color:var(--wa-green)}
.metric-grid div{border:0;border-radius:11px;background:var(--ios-fill-2)}
.reports-save{box-shadow:0 8px 24px rgba(0,128,105,.22)}
.pwa-update{border:0;border-radius:14px;color:#fff;background:#111b21;box-shadow:var(--shadow-md)}.pwa-update button{border-radius:999px;background:var(--wa-green)}

/* Login and standalone experience */
.page-guest{background:#fff}.login-shell{max-width:410px}.login-brand{margin-bottom:18px}.login-logo{width:82px;height:82px;margin:0 auto 12px;border-radius:22px;object-fit:cover}
.login-mark{display:none}.login-brand h1{font-size:1.35rem}.login-card{border:0;border-radius:18px;background:var(--ios-bg);box-shadow:none}
.login-foot{color:var(--ios-label-3)}
.navigation-progress{height:2px;background:var(--wa-green)}

/* Native-like Settings information architecture */
.settings-home,.settings-detail{max-width:760px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.settings-workspace{max-width:1180px}
.settings-intro,.settings-detail-head{padding:6px 6px 14px}.settings-intro h1,.settings-detail-head h1{margin:2px 0 4px;font-size:1.7rem}.settings-intro p,.settings-detail-head p{margin:0;color:var(--ios-label-2)}
.settings-groups{display:grid;overflow:hidden;border:1px solid var(--ios-separator);border-radius:16px;background:#fff}
.settings-group-label{margin:0;padding:18px 16px 7px;color:var(--ios-label-3);background:var(--ios-bg);font-size:.78rem;font-weight:800}
.settings-row{min-height:68px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:10px 15px;color:var(--ios-label);text-decoration:none;border-bottom:1px solid var(--ios-separator)}
.settings-row:last-child{border-bottom:0}.settings-row:hover{background:var(--ios-fill-2)}.settings-row:active{background:var(--ios-fill)}
.settings-row>span:nth-child(2){min-width:0;display:grid;gap:2px}.settings-row strong{font-size:.98rem}.settings-row small{overflow:hidden;color:var(--ios-label-2);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.settings-row>b{color:var(--ios-label-3);font-size:1.55rem;font-weight:400}
.settings-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--wa-green-strong);font-size:.92rem;font-weight:800}
.settings-detail-list{margin-top:12px}.settings-form-card{margin-bottom:12px}.settings-form-card h2{font-size:1.16rem}.settings-form-card label small,.setting-help{display:block;margin-top:5px;color:var(--ios-label-3);font-size:.82rem;font-weight:500}
.settings-workspace .settings-form-card{padding:22px}
.settings-stack-form{display:grid;gap:14px}
.settings-stack-form>label{min-width:0;display:grid;gap:8px;color:var(--ios-label-2);font-size:.96rem;font-weight:750}
.settings-stack-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.settings-stack-form select{
  width:100%;min-width:0;min-height:50px;padding:10px 13px;border:1px solid var(--ios-separator);border-radius:11px;color:var(--ios-label);background:#fff;font:inherit;font-size:1rem
}
.settings-stack-form input:focus,.settings-stack-form select:focus{border-color:var(--wa-green);box-shadow:var(--focus-ring);outline:0}
.telegram-connect-form{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:end}
.telegram-connect-form>button{grid-column:1/-1;justify-self:start;min-width:200px}
.settings-user-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ios-separator)}.settings-user-row>span{display:grid;gap:2px}.settings-user-row small{color:var(--ios-label-3)}
.settings-disclosure{margin-top:14px;border-top:1px solid var(--ios-separator);padding-top:12px}.settings-disclosure summary{min-height:44px;display:flex;align-items:center;color:var(--wa-green-deep);font-weight:800;cursor:pointer}
.reviewer-list{display:grid;gap:14px}
.reviewer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:18px;border:1px solid var(--ios-separator);border-radius:14px;background:#fbfbfc}
.reviewer-card>strong{font-size:1.04rem}.reviewer-card>small{grid-column:1;color:var(--ios-label-3);font-size:.82rem}
.reviewer-permissions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.permission-card{min-height:52px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ios-separator);border-radius:11px;color:var(--ios-label-2);background:#fff;font-size:.92rem;font-weight:700}
.permission-card:has(input:checked){border-color:rgba(0,168,132,.4);background:var(--wa-green-pale)}
.permission-card input{width:21px;height:21px;flex:0 0 auto;accent-color:var(--wa-green-strong)}
.reviewer-card>.reviewer-save{grid-column:1/-1;justify-self:start;min-width:180px;margin-top:8px}
.choice-line{min-height:44px;display:flex!important;align-items:center;gap:9px;margin:0!important}.choice-line input{width:20px;height:20px;accent-color:var(--wa-green-strong)}
.btn-neutral{color:var(--ios-label);background:var(--ios-fill)}
.client-secondary{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--ios-label-3);font-size:.78rem}.client-secondary .client-num{font-size:inherit}.client-card-identity>strong,.client-detail-identity>strong{font-size:1rem}
html.has-dirty-form .back-btn::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ios-orange);transform:translate(2px,-11px)}

@media(max-width:700px){
  .page{padding-inline:10px}.card,.panel{padding:13px}.page>.card-title-row:first-child{padding-inline:6px}
  .header-brand .brand-logo{display:none}.header-brand>div:last-child{display:block!important}.header-brand strong{max-width:48vw;font-size:1rem}.header-brand small{display:none}
  .advanced-tabs{background:rgba(242,242,247,.94)}
  .messages{margin-inline:-2px;padding:9px;border-radius:13px}.msg{max-width:91%}
  .report-brand-card{padding:13px}.report-overview>img:first-child{display:block;background:var(--wa-green)}
  .button-row>form,.button-row>form button{width:100%}
  .settings-home,.settings-detail{padding-inline:10px}.settings-groups{margin-inline:-1px}.settings-row{min-height:64px;padding-inline:12px}.settings-row small{white-space:normal;line-height:1.35}
  .settings-form-card,.settings-workspace .settings-form-card{padding:15px}.settings-user-row{align-items:flex-start;flex-direction:column}.settings-user-row>form,.settings-user-row>form button{width:100%}
  .telegram-connect-form,.reviewer-card{grid-template-columns:1fr}.telegram-connect-form>button,.reviewer-card>.reviewer-save{grid-column:1;width:100%;justify-self:stretch}.reviewer-permissions{grid-template-columns:1fr}
}

@media(min-width:701px) and (max-width:980px){.reviewer-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:960px){
  .topbar{padding-inline:24px}.page{padding-top:24px}.header-brand .brand-logo{display:block}
  .list-card{max-width:100%}.conversation-card,.client-card,.person-card-compact{border-left:1px solid var(--ios-separator);border-right:1px solid var(--ios-separator)}
  .conversation-card:first-child,.client-card:first-child,.person-card-compact:first-child{border-top:1px solid var(--ios-separator)}
  .conversation-card:last-child,.client-card:last-child,.person-card-compact:last-child{border-bottom:1px solid var(--ios-separator)}
}

@media(prefers-reduced-motion:reduce){.btn,.primary-button,.secondary-button,.danger-button{transition:none}}