/* MR iPhone QA v6 — catalog separation and 50%-opacity glass styling.
   CSS scoped to /app/ only, Android 2.4.6 inspired, no production backend changes. */
#root .ios-categories-page .cms-category-grid,
#root .ios-categories-page .ios-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;}
#root .ios-categories-page .cat{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:12px 8px;border:1px solid #65d5b688;background:rgba(6,69,52,.65);border-radius:18px;color:#fff;gap:7px;box-shadow:none;}
#root .ios-categories-page .cat-photo{width:100%;max-width:140px;aspect-ratio:1.25;height:auto;border-radius:14px;overflow:hidden;background:rgba(231,255,246,.40);}
#root .ios-categories-page .cat-photo img{width:100%;height:100%;object-fit:cover;}
#root .ios-categories-page .cat b{font-size:14px;line-height:1.3;color:#f8fffc;text-align:center;overflow-wrap:anywhere;}
#root .ios-categories-page .cat small{font-size:11px;line-height:1.35;color:#c6e9dd;text-align:center;overflow-wrap:anywhere;}
#root .ios-categories-page .cat:focus-visible,#root .ios-services-page button:focus-visible{outline:3px solid #8bf4bd;outline-offset:2px;}
#root .ios-services-page .ios-all-services-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
#root .ios-services-page .cms-service-card{width:100%;min-width:0;max-width:100%;border-radius:18px;background:rgba(6,73,56,.82);border:1px solid rgba(100,210,164,.8);color:#fff;display:grid;grid-template-columns:92px minmax(0,1fr);text-align:left;gap:12px;padding:10px;}
#root .ios-services-page .cms-service-image{width:92px;height:92px;overflow:hidden;border-radius:12px;background:#126147;display:block;}
#root .ios-services-page .cms-service-image img{height:100%;width:100%;object-fit:cover;}
#root .ios-services-page .cms-service-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;}
#root .ios-services-page .cms-service-info strong{font-size:15px;color:white;line-height:1.25;overflow-wrap:anywhere;}
#root .ios-services-page .cms-service-info small{font-size:12px;color:#d7f1e3;line-height:1.35;overflow-wrap:anywhere;}
#root .ios-services-page .cms-service-info b{font-size:15px;color:#89ebba;}
#root .ios-services-page .cms-service-info em{font-size:10px;color:#abd7c7;font-style:normal;}
#root .ios-back-link{border:none;background:none;color:#91f2c3;font-size:12px;font-weight:700;padding:0 0 9px;display:flex;gap:5px;align-items:center;}
#root .ios-back-link .ico{transform:rotate(180deg)}
#root .ios-categories-page .page-head,#root .ios-services-page .page-head{margin-bottom:6px}
#root .ios-categories-page .content-title,#root .ios-services-page .content-title{color:#fff}
#root .ios-categories-page .cms-sync-message,#root .ios-services-page .cms-sync-message{font-size:11px;color:#b9e7ce}
/* Semi-transparent cards for profile, chats, support, and master cabinet.
   50% translucent pale-glass material, with darker foreground for legibility. */
#root .profile-page .card,#root .master-page .card,
#root .profile-page .profile-cover,#root .profile-page .profile-details,#root .profile-page .profile-actions-card,
#root .master-page .master-tab-panel,#root .master-page .master-welcome,
#root .master-page .master-onboarding,#root .master-page .master-metric,
#root .master-page .order-card,#root .master-page .wallet-hero,
#root .master-page .master-chat-item,
#root .support-page .messenger,#root .page .messenger{background:rgba(239,255,247,.50)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(214,255,232,.48);color:#083f30;}
#root .messenger .threads,#root .messenger .conversation,
#root .support-content .messenger .threads,#root .support-content .messenger .conversation{
 background:rgba(239,255,247,.13)!important;color:#0b4233;
}
#root .messenger .thread,#root .messenger .threads-head,#root .messenger .conversation-head,
#root .messenger .message-area,#root .messenger .composer-shell{background:transparent!important;color:#103e31;}
#root .messenger .thread.active{background:rgba(237,255,246,.48)!important;}
#root .messenger .message{background:rgba(255,255,255,.65);color:#113d30;backdrop-filter:blur(10px);}
#root .messenger .message.me{background:rgba(15,159,107,.73);color:white;}
#root .messenger .empty,#root .messenger .empty-mini{background:transparent!important;color:#315f50;}
#root .profile-page input,#root .profile-page select,
#root .master-page input,#root .master-page select,#root .master-page textarea{background:rgba(255,255,255,.55)!important;color:#103b2e;}
#root .profile-page .profile-readonly,#root .profile-page .profile-shortcuts,
#root .profile-page .profile-mini-metrics{background:rgba(239,255,247,.28);}
#root .master-page .page-head .content-title{font-size:24px;}
#root .ios-master-hero{padding:16px;border:1px solid rgba(147,248,185,.55);border-radius:21px;
 background:linear-gradient(138deg,rgba(0,90,60,.90),rgba(4,131,83,.65));box-shadow:0 12px 30px rgba(0,23,15,.20);margin:0 0 14px;color:#fff;}
#root .ios-master-hero-top{display:flex;gap:13px;align-items:center;}
#root .ios-master-avatar{width:70px;height:70px;min-width:70px;border-radius:50%;border:3px solid rgba(255,255,255,.72);display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.22);}
#root .ios-master-avatar img{width:100%;height:100%;object-fit:cover;}
#root .ios-master-avatar .ico svg{width:38px;height:38px;}
#root .ios-master-person{display:flex;flex-direction:column;gap:5px;min-width:0;}
#root .ios-master-person strong{font-size:19px;color:#fff;line-height:1.2;overflow-wrap:anywhere;}
#root .ios-master-person span{font-size:12px;color:#cefae0;}
#root .ios-master-person small{font-size:11px;color:#c4e5d6;overflow-wrap:anywhere;}
#root .ios-master-hero-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;}
#root .ios-master-hero-actions .btn{background:rgba(242,255,248,.17);border:1px solid rgba(237,255,246,.48);color:#fff;border-radius:12px;}
#root .master-page .master-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;}
#root .master-page .master-metric{padding:12px;display:flex;flex-direction:column;min-width:0;border-radius:15px;}
#root .master-page .master-metric strong{font-size:23px;color:#064b36;}
#root .master-page .master-metric small{font-size:11px;color:#225b46;}
#root .master-page .master-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 0;overflow:visible;}
#root .master-page .master-tab{min-width:0;display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;padding:13px 14px;border-radius:14px;color:#edfff6;background:rgba(5,75,55,.82);border:1px solid rgba(115,223,171,.44);white-space:normal;}
#root .master-page .master-tab.active{background:#0aad70;color:#fff;border-color:#90ebba;}
#root .master-page .master-tab-panel{padding:14px 12px;border-radius:17px;overflow:visible;min-width:0;}
#root .master-page .master-welcome h2,#root .master-page .master-section-title h2{color:#083c2a;overflow-wrap:anywhere;}
#root .master-page .master-section-title,#root .master-page .master-section-title p{color:#234b3d;}
#root .master-page .master-orders-grid,#root .master-page .master-profile-grid,#root .master-page .master-finance{display:grid;grid-template-columns:minmax(0,1fr)!important;min-width:0;}
#root .master-page .master-filters{display:flex;flex-direction:column;align-items:stretch;gap:9px;}
#root .master-page .master-filters>*{width:100%;max-width:100%;min-width:0;}
#root .master-page .master-chat-list{min-width:0;max-width:100%;}
#root .master-page .master-chat-item{max-width:100%;min-width:0;}
#root .profile-page .profile-shortcuts>button{background:rgba(242,255,249,.27);border-radius:13px;}
#root .profile-page .profile-details h2,#root .profile-page .profile-actions-card h2{color:#0c402d;}
#root .profile-page .profile-cover{overflow:hidden;}
#root .master-page .integrity-panel,#root .profile-page .integrity-panel{display:none}
@media(max-width:350px){#root .ios-services-page .cms-service-card{grid-template-columns:76px minmax(0,1fr)}#root .ios-services-page .cms-service-image{width:76px;height:76px}#root .ios-categories-page .cms-category-grid{gap:8px}}
