/* Product layout: preserve existing Valera colours, restore readable controls. */
#app .live-shell,#app .workspace,#app .workspace-main,#app .dashboard-main,#app main{min-width:0;max-width:100%}
#app .topbar{height:auto;min-height:68px}
#app .topbar-inner{min-width:0;flex-wrap:wrap;padding-block:10px;gap:12px}
#app .topbar-inner>*{min-width:0}
#app .topbar .user-email{overflow-wrap:anywhere}
#app .page-head{flex-wrap:wrap}
#app .page-head h1{line-height:1.15;font-size:clamp(26px,3vw,38px);overflow-wrap:anywhere}
#app .live-panel{font-size:16px;line-height:1.5;min-width:0}
#app .live-panel h2{font-size:24px;line-height:1.25}
#app .live-panel .field>span,#app .live-panel .check-line{font-size:14px;line-height:1.5}
#app .live-panel input:not([type=checkbox]):not([type=file]),#app .live-panel select,#app .live-panel textarea{font-size:16px;min-width:0;max-width:100%;min-height:46px}
#app .live-panel .field{min-width:0}
#app .live-panel .btn{min-height:44px;white-space:normal}
#app .activity-row{min-width:0;gap:12px}
#app .activity-row>*{min-width:0;overflow-wrap:anywhere}
.customer-request-progress{background:#eef4f0;border:1px solid #ccdcd2;border-radius:14px;padding:20px;margin:0 0 24px;font-size:16px;line-height:1.5}
.customer-request-progress>p:first-child{font-weight:700;font-size:19px;margin-top:0}
.customer-request-tools{display:flex;flex-wrap:wrap;gap:10px;margin-block:16px}
.customer-request-progress small{display:block;color:#53685b;font-size:13px}
.customer-phone-login{margin-bottom:24px}
.customer-phone-login form{display:grid;gap:16px;max-width:540px}
.customer-phone-login [hidden]{display:none!important}
.customer-phone-login .check-line{align-items:flex-start}
.customer-phone-login input[type=checkbox]{flex:none;width:20px;height:20px}
.customer-phone-login a{text-decoration:underline}
.owner-telegram-banner{padding:18px;background:#eef4f0;border:1px solid #ccdcd2;border-radius:14px;margin-bottom:20px;font-size:15px;line-height:1.5}
.owner-telegram-banner p{margin:8px 0 12px}
#app .topbar .topnav a{padding-inline:8px}
#app .live-panel .status{font-size:14px;line-height:1.4}
#app .live-panel .live-offer{font-size:15px;line-height:1.5}
#overlay-root .modal .check-line{display:flex;gap:10px;align-items:flex-start}
#overlay-root .modal input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:2px}
#overlay-root .modal-grid>.field{min-width:0}
@media(max-width:1023px){#app .topbar nav{display:flex;flex-wrap:wrap;gap:12px}#app .dashboard,#app .dashboard-grid,#app .workspace{grid-template-columns:minmax(0,1fr)}#app .sidebar{position:static;min-height:0}#app .sidebar-nav{display:flex;flex-wrap:wrap;gap:6px}}
@media(max-width:650px){#app .topbar-inner{width:calc(100% - 24px)}#app .topbar .brand{margin-right:auto}#app .topbar nav{order:3;width:100%}#app .live-shell{width:calc(100% - 24px);padding-block:20px}#app .page-head{gap:12px}#app .head-actions{flex-wrap:wrap}#app .live-panel{padding:18px}#app .live-panel h2{font-size:22px}#app .live-form .modal-grid,#app .live-form .form-grid,#app .live-panel .form-grid{grid-template-columns:minmax(0,1fr)}#app .activity-row{display:flex;flex-wrap:wrap;align-items:center}#app .activity-row>strong{width:100%}.customer-request-tools{flex-direction:column}.customer-request-tools .btn{width:100%}.customer-request-progress{padding:18px}#app .live-offer{padding:16px;overflow-wrap:anywhere}}
@media(max-width:650px){#app .topbar-inner{padding-inline:0}#app .topbar .topnav{flex-wrap:wrap;overflow:visible;gap:8px 12px;min-height:36px}#app .topnav a{flex:none;white-space:nowrap;font-size:13px}#app .live-panel .status{font-size:14px}#app .sidebar{display:block;overflow:visible;padding:8px;width:100%}#app .sidebar .side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:6px}#app .side-nav button{min-width:0;width:100%;white-space:normal;padding:10px 6px;justify-content:center;font-size:12px;line-height:1.4}#app .metric-strip.server-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;min-width:0}#app .server-metrics .metric{min-width:0;max-width:100%;padding:12px 8px;overflow-wrap:anywhere}#app .server-metrics .metric-value{font-size:24px}}
