/* Master Ryadom iPhone /app/ — v7 visual refinement, 2026-11-04.
   UI only. Scoped to the isolated PWA root; API and data contracts untouched.
   Mobile shell stays narrow even on a 1920px desktop preview. */
#root .page .wrap, #root .master-page *, #root .orders-page *, #root .chats-page * {min-width:0}
#root .page .content-title{color:#f8fff9;letter-spacing:-.45px}
#root .page-head{margin-bottom:16px;gap:10px}
#root .page-head .btn{min-height:40px;padding:8px 12px;border-radius:12px;font-size:12px}
#root .page-head p{color:#c9eadb;font-size:12px;line-height:1.55}

/* Orders: glass cards with readable status, title and summary. */
#root .orders-page .stack{display:grid;gap:12px}
#root .orders-page .order-card,
#root .master-page .master-orders-grid>.order-card{
  background:rgba(235,255,245,.83)!important;
  border:1px solid rgba(234,255,244,.68)!important;
  box-shadow:0 10px 26px rgba(0,30,19,.12)!important;
  border-radius:20px;padding:16px 15px;min-height:0;color:#0b4032;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#root .orders-page .order-card h3,
#root .master-page .order-card h3{color:#073e30!important;font-size:17px!important;font-weight:820;line-height:1.35;letter-spacing:-.25px;overflow-wrap:anywhere;margin:10px 0 4px}
#root .orders-page .order-card p,
#root .master-page .order-card p{color:#3e6657!important;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere;margin:5px 0 8px}
#root .orders-page .order-card .toolbar,
#root .master-page .order-card .toolbar{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#root .orders-page .order-card .small-text,
#root .master-page .order-card .small-text{color:#567a6c;font-size:11px;line-height:1.45}
#root .orders-page .order-meta,#root .master-page .order-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0;color:#375e50}
#root .orders-page .order-meta span,#root .master-page .order-meta span{background:rgba(255,255,255,.56);border:1px solid rgba(16,99,67,.09);padding:5px 8px;border-radius:9px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
#root .orders-page .order-actions,#root .master-page .order-actions{border-top:1px solid #0a7b4d25;padding-top:10px;margin-top:10px;gap:8px;align-items:center}
#root .orders-page .order-actions .btn,#root .master-page .order-actions .btn{min-height:40px;white-space:normal;padding:8px 12px}
#root .orders-page .offer-card,#root .master-page .offer-card{flex-wrap:wrap;min-width:0}

/* Chat: clear sender identity, stronger contrast, no opaque white editor strips. */
#root .chats-page .messenger,#root .support-page .messenger{
  background:rgba(31,101,79,.57)!important;border:1px solid rgba(176,238,205,.46)!important;
  box-shadow:0 16px 35px rgba(0,29,18,.2);border-radius:22px;backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);overflow:hidden;
}
#root .chats-page .messenger .conversation,#root .support-page .messenger .conversation,
#root .chats-page .messenger .threads,#root .support-page .messenger .threads{background:rgba(8,64,48,.12)!important}
#root .chats-page .messenger .conversation-head,#root .support-page .messenger .conversation-head{
  background:rgba(5,67,51,.60)!important;color:#f8fff9!important;
  border-bottom:1px solid #d5fae636;padding:11px 13px;min-height:58px;height:auto;
  font-size:13px;line-height:1.4;gap:10px;
}
#root .chats-page .messenger .conversation-head .thread-avatar,#root .support-page .messenger .conversation-head .thread-avatar{width:36px;height:36px;border-radius:12px;background:rgba(232,255,242,.22);color:white}
#root .chats-page .messenger .conversation-head .back-mobile,#root .support-page .messenger .conversation-head .back-mobile{background:rgba(234,255,243,.22);border:1px solid rgba(255,255,255,.3);color:#fff!important;border-radius:10px;width:35px;height:35px;flex:0 0 35px}
#root .chats-page .messenger .message-area,#root .support-page .messenger .message-area{
 background:rgba(8,73,55,.07)!important;padding:13px 12px 9px;scrollbar-width:thin;scrollbar-color:#9bcbb4 transparent;
}
#root .chats-page .messenger .message,#root .support-page .messenger .message{
 max-width:87%;border-radius:17px 17px 17px 5px;padding:11px 12px;
 background:rgba(245,255,249,.89)!important;color:#123e30!important;
 box-shadow:0 3px 9px rgba(0,26,15,.08);border:1px solid rgba(255,255,255,.65);
 font-size:13px;line-height:1.46;overflow-wrap:anywhere;white-space:pre-wrap;
}
#root .chats-page .messenger .message.me,#root .support-page .messenger .message.me{
 background:linear-gradient(135deg,rgba(0,146,96,.96),rgba(0,111,76,.97))!important;
 color:white!important;border:1px solid rgba(128,240,182,.58);border-radius:17px 17px 5px 17px;
}
#root .chats-page .messenger .message .message-name,#root .support-page .messenger .message .message-name{color:#086345!important;font-weight:820;font-size:11px}
#root .chats-page .messenger .message.me .message-name,#root .support-page .messenger .message.me .message-name{color:#d9fff0!important}
#root .chats-page .messenger .message time,#root .support-page .messenger .message time{color:#517868!important;font-size:10px}
#root .chats-page .messenger .message.me time,#root .support-page .messenger .message.me time{color:rgba(255,255,255,.82)!important}
#root .chats-page .messenger .composer-shell,#root .support-page .messenger .composer-shell{
 background:rgba(229,255,240,.56)!important;border-top:1px solid rgba(255,255,255,.4);padding:8px!important;
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
#root .chats-page .messenger .composer,#root .support-page .messenger .composer{background:transparent!important;padding:0;border:0;display:flex;gap:8px;align-items:flex-end}
#root .chats-page .messenger .composer textarea,#root .support-page .messenger .composer textarea{
 min-height:46px;max-height:130px;resize:none;font-size:16px;color:#0b4230;
 background:rgba(255,255,255,.91)!important;border:1px solid rgba(4,115,75,.2);border-radius:13px;padding:11px 12px;
}
#root .chats-page .messenger .composer button,#root .support-page .messenger .composer button{width:48px;height:46px;min-height:46px;flex:0 0 48px;border-radius:13px;padding:0}
#root .chats-page .messenger .thread,#root .support-page .messenger .thread{border-bottom:1px solid #c8f9db28;padding:12px 13px}
#root .chats-page .messenger .thread.active,#root .support-page .messenger .thread.active{background:rgba(235,255,242,.56)!important}
#root .chats-page .messenger .threads-head,#root .support-page .messenger .threads-head{padding:14px 16px;color:#f9fff9!important;border-bottom:1px solid #d6fbe533;background:rgba(4,66,48,.4)!important}
#root .chats-page .messenger .thread-title,#root .support-page .messenger .thread-title{color:#fff!important;font-size:13px}
#root .chats-page .messenger .thread.active .thread-title,#root .support-page .messenger .thread.active .thread-title{color:#073c2d!important}
#root .chats-page .messenger .thread-sub,#root .support-page .messenger .thread-sub{color:#c8ead9!important}
#root .chats-page .messenger .thread.active .thread-sub,#root .support-page .messenger .thread.active .thread-sub{color:#47725e!important}
#root .chats-page .messenger .empty-mini,#root .support-page .messenger .empty-mini{color:#e7fcf1!important}

/* Master dashboard: dark welcome banner with readable text, no giant emoji art. */
#root .master-page .ios-master-hero{padding:13px 14px;margin:0 0 12px;border-radius:19px}
#root .master-page .ios-master-avatar{width:58px;height:58px;min-width:58px;border-radius:18px}
#root .master-page .ios-master-avatar .ico svg{width:28px;height:28px}
#root .master-page .ios-master-person strong{font-size:17px}
#root .master-page .ios-master-hero-actions .btn{font-size:12px;padding:7px 11px;min-height:38px}
#root .master-page .master-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;margin-bottom:12px}
#root .master-page .master-metric{min-height:96px;padding:12px;border-radius:16px;background:rgba(233,255,242,.77)!important;box-shadow:0 6px 18px #002d1b22!important}
#root .master-page .master-metric .metric-icon{color:#0e8c5e}
#root .master-page .master-metric strong{color:#073e2d!important;font-size:25px}
#root .master-page .master-metric small{color:#385c4b!important;line-height:1.35}
#root .master-page .master-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px;padding:0 0 12px;margin-bottom:10px;border:0}
#root .master-page .master-tab{
  min-height:64px;padding:8px 4px;display:flex;flex-direction:column;justify-content:center;
 align-items:center;gap:5px;background:rgba(9,71,54,.76)!important;border:1px solid rgba(132,235,186,.4);
 border-radius:14px;text-align:center;color:#f1fff7!important;font-size:11px;line-height:1.15;font-weight:730;
}
#root .master-page .master-tab.active{background:#06aa71!important;border-color:#aff7cb;box-shadow:inset 0 0 0 1px #9af4ba33}
#root .master-page .master-tab .ico svg{width:19px;height:19px}
#root .master-page .master-tab-panel{background:rgba(237,255,246,.52)!important;padding:12px;border-radius:20px;border:1px solid rgba(232,255,241,.52);color:#123e31;box-shadow:0 12px 24px rgba(0,31,19,.12)}
#root .master-page .master-welcome{
 display:flex!important;align-items:center;justify-content:space-between;gap:8px;
 background:linear-gradient(140deg,#00543e 0%,#087e53 100%)!important;
 color:#fff!important;border:1px solid rgba(113,239,167,.45);border-radius:18px;
 padding:18px 16px!important;margin-bottom:18px;box-shadow:0 10px 24px #00281733;
}
#root .master-page .master-welcome>div:first-child{min-width:0;flex:1}
#root .master-page .master-welcome h2{font-size:20px!important;line-height:1.18;color:#fff!important;letter-spacing:-.5px;margin:10px 0 9px;overflow-wrap:anywhere}
#root .master-page .master-welcome p{color:#d8f8e7!important;font-size:12px;line-height:1.52;max-width:100%}
#root .master-page .master-welcome .master-eyebrow{color:#adf5d2!important;display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.3}
#root .master-page .master-welcome .master-eyebrow .ico svg{width:16px;height:16px}
#root .master-page .master-welcome-art{align-self:flex-start;flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;padding:0;background:rgba(255,255,255,.14);border-radius:13px;opacity:1;filter:none;font-size:0}
#root .master-page .master-welcome-art .ico svg{width:23px;height:23px;color:#fff}
#root .master-page .master-welcome-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
#root .master-page .master-welcome-actions .btn{min-height:42px;flex:1 1 105px;padding:9px 10px;font-size:12px;white-space:normal}
#root .master-page .master-welcome-actions .btn-primary{background:#eafff3!important;color:#065d40!important}
#root .master-page .master-welcome-actions .btn-light{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid #e3fff580!important}
#root .master-page .master-section-title{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:9px;margin:0 0 12px}
#root .master-page .master-section-title>div{min-width:0;flex:1 1 170px}
#root .master-page .master-section-title h2{font-size:18px;color:#0c422f!important;line-height:1.28;margin:0 0 4px}
#root .master-page .master-section-title p{color:#395d4d!important;font-size:12px;line-height:1.45}
#root .master-page .master-section-title .btn{padding:7px 10px;min-height:36px}
#root .master-page .master-section-title .link{color:#086e49}
#root .master-page .master-orders-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;margin-bottom:8px}
#root .master-page .master-orders-grid>.order-card{display:flex;flex-direction:column;gap:7px}
#root .master-page .order-card .master-order-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#root .master-page .order-card .offer-sent{color:#086c47;font-weight:780}
#root .master-page .master-orders-grid .empty{min-height:0}
#root .master-page .master-profile-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:11px}
#root .master-page .master-avatar-card,#root .master-page .master-profile-form-card{
 padding:17px 14px;border-radius:17px;background:rgba(235,255,242,.80)!important;
 border:1px solid rgba(255,255,255,.65);color:#0b4030!important;
}
#root .master-page .master-avatar-card{display:flex!important;flex-direction:column;align-items:center;gap:4px;text-align:center}
#root .master-page .master-profile-photo{width:88px;height:88px;margin:0 0 7px;border-radius:25px;background:rgba(7,153,96,.12);border-color:rgba(3,120,76,.17)}
#root .master-page .master-profile-photo .ico svg{width:43px;height:43px}
#root .master-page .master-avatar-card h3{color:#0b4030;font-size:18px;margin:0}
#root .master-page .master-avatar-card p{color:#476c58!important;font-size:11px;overflow-wrap:anywhere;margin-bottom:7px}
#root .master-page .master-avatar-card .notice{width:100%;background:rgba(255,244,210,.75)!important;color:#76541b;font-size:12px;line-height:1.5;margin-top:9px!important;padding:10px 12px}
#root .master-page .master-profile-form-card h3{font-size:18px;color:#093d2c}
#root .master-page .master-profile-form-card .notice{background:rgba(216,246,226,.75);color:#264b37}
#root .master-page .master-profile-form input,#root .master-page .master-profile-form textarea{background:rgba(255,255,255,.88)!important;color:#0a402e}
#root .master-page .master-chat-item{background:rgba(237,255,245,.84)!important;color:#123f31;border-radius:15px}
#root .master-page .master-chat-item strong{color:#0e3d2c}
#root .master-page .master-chat-item small{color:#4b6d59}
#root .master-page .notice.error{color:#8b2930;background:#fff0f1!important;border-color:#f6c8ca}
#root .master-page .wallet-hero{background:linear-gradient(130deg,#09644b,#06885b)!important;color:#fff}
#root .master-page .wallet-hero p,#root .master-page .wallet-hero span{color:#e3fff1}
#root .master-page .wallet-hero strong{color:#fff;font-size:38px}
@media(max-width:350px){#root .master-page .master-tab{font-size:10px;padding:8px 2px}#root .master-page .master-welcome-art{display:none}}
@media(prefers-reduced-motion:reduce){#root .master-page .master-tab{transition:none!important}}