/* StudentSOS v10 — screenshot audit: mobile nav, work pages, auth, catalog and integrations */

/* Mobile menu must work independently from the rest of app.js. */
html.s10-menu-open,html.s10-menu-open body{overflow:hidden!important;overscroll-behavior:none}
.s6-mobile-menu{z-index:10050!important;background:rgba(255,255,255,.99)!important}
.s6-mobile-menu.is-open{display:block!important}
.s6-mobile-menu[hidden]{display:none!important}
.s6-mobile-menu-top button{font-family:Arial,sans-serif!important;font-size:30px!important;line-height:1!important}

/* Homepage: directory cards stay readable, "more" is a compact footer link, never a fake full card. */
.s9-work-directory .s6-work-group{height:auto!important;min-width:0!important;display:flex;flex-direction:column}
.s9-work-directory .s10-work-links{display:grid;min-width:0}
.s9-work-directory .s10-work-links>a{min-width:0!important}
.s9-work-directory .s10-work-links>a b{min-width:0;overflow-wrap:break-word!important;word-break:normal!important}
.s9-work-directory .s10-work-more{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:max-content!important;max-width:100%!important;margin-top:12px!important;padding:8px 11px!important;border:0!important;border-radius:10px!important;background:#eef4ff!important;color:#1769ff!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important}
.s9-work-directory .s10-work-more span{font-size:16px;line-height:1}
.s9-work-directory .s10-work-more:hover{background:#e3edff!important}

/* Work-type landing: remove the duplicated text banner. Keep only a thin gradient accent. */
.seo5-generator-card{padding-top:6px!important;overflow:visible!important;border-radius:24px!important;background:transparent!important}
.seo5-generator-card:before{content:""!important;display:block!important;position:absolute!important;inset:0 0 auto 0!important;height:6px!important;margin:0!important;padding:0!important;border-radius:24px 24px 0 0!important;background:linear-gradient(90deg,#1769ff,#7357ff 55%,#ff5d6c)!important;z-index:3!important;pointer-events:none}
.seo5-generator-card .s6-ai-card{border-radius:24px!important;border:1px solid #e0e6ef!important;overflow:hidden!important}
.seo5-generator-card .s6-ai-head{padding-top:20px!important}
.seo5-generator-card .s6-ai-head strong{line-height:1.2!important}
.seo5-kicker b{white-space:nowrap}

/* Subject pills: no clipped words. */
.seo5-subjects>*{min-width:0!important}
.seo5-subjects button,.seo5-subjects a{min-width:0!important;height:auto!important;white-space:normal!important;text-align:left!important;overflow:visible!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto}
.seo5-subjects button>span,.seo5-subjects a>span{min-width:0;display:block;line-height:1.25}

/* Comparison: mobile cards explicitly name both columns. */
.seo5-compare i small,.seo5-compare strong small{display:none}
@media(max-width:640px){
  .seo5-compare{display:grid!important;gap:12px!important}
  .seo5-compare>div:not(.head){padding:16px!important;gap:11px!important;border-radius:16px!important}
  .seo5-compare>div:not(.head)>span{font-size:17px!important;line-height:1.35!important;margin-bottom:2px}
  .seo5-compare>div:not(.head)>i,.seo5-compare>div:not(.head)>strong{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:4px!important;padding:11px 12px!important;border-radius:12px!important;font-size:15px!important;line-height:1.4!important}
  .seo5-compare>div:not(.head)>i{background:#f5f6f8!important;color:#667085!important}
  .seo5-compare>div:not(.head)>strong{background:#ecfbf4!important;color:#168256!important}
  .seo5-compare i:before,.seo5-compare strong:before{content:none!important}
  .seo5-compare i small,.seo5-compare strong small{display:block!important;font-size:12px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#7b8495!important;margin:0 0 2px!important}
  .seo5-compare strong small{color:#168256!important}
  .seo5-compare strong .sos-icon{display:none!important}
}

/* Auth: remove the mysterious blank block between SMS request and code. */
.s6-sms-status:empty{display:none!important;margin:0!important;padding:0!important;border:0!important;width:0!important;height:0!important;min-height:0!important}
.s6-sms-status:not(:empty){height:auto!important;min-height:0!important;margin:8px 0 0!important;padding:10px 12px!important;border-radius:11px!important}
.s7-password-login{border-top:1px solid #e8ebf1!important;padding-top:14px!important}
.s7-password-login summary{font-size:16px!important;line-height:1.3!important;padding:4px 0!important}
.s7-password-login[open] summary{margin-bottom:12px!important}
.s7-password-login .s6-password-form{gap:11px!important}
.s7-password-login .s6-field{gap:6px!important}
.s7-password-login input{min-height:48px!important}
.s7-password-login .btn{min-height:48px!important}

/* Partner page: use the actually loaded Manrope for numbers/currency. */
.s6-partner-money b,.s6-income-result>b,.s6-income-scenarios b,.s6-income-calc label>b,.s6-partner-facts b{
  font-family:"Manrope",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  letter-spacing:-.035em!important;
}

/* Integrations: cards never overflow or fall out of the grid. */
.admin-v9-sms-grid>*{min-width:0!important}
.admin-v9-provider-card label,.admin-v9-provider-card input,.admin-v9-provider-card select,.admin-v9-provider-card code{min-width:0!important;max-width:100%!important}
.admin-v9-provider-card code{white-space:normal!important;overflow-wrap:anywhere!important}
.admin-v9-version-box{min-width:0!important;overflow:hidden!important}
.admin-v9-note{overflow-wrap:anywhere!important}
.admin-v9-sms-test{min-width:0!important}
.admin-v9-test-buttons{min-width:0!important}

/* Footer from screenshots: legal links line up with the same content width. */
.s8-legal-links{box-sizing:border-box!important}

@media(max-width:760px){
  .s9-work-directory .s6-work-directory-head>a{display:inline-flex!important;margin-top:14px!important}
  .s9-work-directory .s6-work-group{padding:17px!important;border-radius:18px!important}
  .s9-work-directory .s6-work-group h3{font-size:19px!important;line-height:1.25!important;margin-bottom:8px!important}
  .s9-work-directory .s10-work-links>a{grid-template-columns:28px minmax(0,1fr) 15px!important;gap:8px!important;padding:9px 0!important}
  .s9-work-directory .s10-work-more{margin-top:9px!important}
  .admin-v9-sms-grid{grid-template-columns:1fr!important}
  .admin-v9-card-title{display:flex!important;align-items:flex-start!important}
}

@media(max-width:430px){
  /* Two columns make "Программирование" and "Государственное управление" unreadable. */
  .seo5-subjects{grid-template-columns:1fr!important;gap:8px!important}
  .seo5-subjects button,.seo5-subjects a{min-height:50px!important;padding:12px 14px!important;font-size:15px!important}
  .seo5-subjects .sos-icon{width:20px!important;height:20px!important}
  .seo5-kicker{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .seo5-kicker i{width:auto!important}
  .s6-auth-badge{display:none!important}
  .s6-auth h1{font-size:32px!important}
  .s6-auth-lead{font-size:15px!important;line-height:1.5!important}
  .s6-auth-form{gap:14px!important}
  .s6-code-field{margin-top:0!important}
}