.user-app{background:#fbfcfc}.app-head{height:92px;max-width:none;padding-left:max(26px,calc((100% - 1220px)/2));padding-right:max(26px,calc((100% - 1220px)/2));box-shadow:0 4px 20px #20262a08}.app-head .u-brand{flex:0 0 auto}.app-head nav{gap:4px;align-self:stretch}.app-nav-link{min-width:58px;padding:13px 7px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-bottom:3px solid transparent;color:#5c666c!important;border-radius:6px 6px 0 0}.app-nav-link i{font-style:normal;font-size:17px;line-height:1;color:#5faaa5}.app-nav-link span{font-size:12px;white-space:nowrap}.app-nav-link:hover{background:#fff6f0}.app-nav-link.active{color:#e84b14!important;background:#fff5ef;border-bottom-color:#f35319}.app-nav-link.active i{color:#f35319}.logout-link i{color:#959da1}.app-menu{display:none;border:0;background:#fff3ed;color:#f35319;width:40px;height:40px;border-radius:7px;font-size:18px}.app-main{max-width:1120px;margin-top:26px}.app-visual{height:132px;border:1px solid #f0e5df;border-radius:12px;background:linear-gradient(105deg,#fff7f1,#fff 66%);display:flex;align-items:center;overflow:hidden;margin-bottom:24px;padding:22px 30px;position:relative;box-shadow:0 8px 24px #2c33370a}.app-visual>div{position:relative;z-index:2;max-width:520px}.app-visual-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#f35319;color:#fff;font-size:22px;box-shadow:0 7px 18px #f3531940}.app-visual p{font-size:13px;font-weight:bold;margin:12px 0 0;color:#3e464a}.app-visual img{position:absolute;right:20px;width:285px;height:175px;object-fit:contain;object-position:center;mix-blend-mode:multiply}.page-received .app-visual,.page-chain .app-visual,.page-share .app-visual{background:linear-gradient(105deg,#eef9f8,#fff 67%);border-color:#dcecea}.page-received .app-visual-icon,.page-chain .app-visual-icon,.page-share .app-visual-icon{background:#55aaa5}.page-profile .app-visual,.page-photos .app-visual,.page-files .app-visual{background:linear-gradient(105deg,#eef7fc,#fff 67%);border-color:#dce8ee}.page-profile .app-visual-icon,.page-photos .app-visual-icon,.page-files .app-visual-icon{background:#6a9fbe}.page-contribute .app-visual,.organization-app .app-visual{background:linear-gradient(105deg,#fff4df,#fff 67%);border-color:#f1e4c5}.page-contribute .app-visual-icon,.organization-app .app-visual-icon{background:#e2a933}.app-main h1{font-size:30px;letter-spacing:-.7px}.app-main h2{font-size:18px}.app-main>.u-grid:first-of-type{align-items:stretch}.app-main>.u-grid:first-of-type>section:first-child{padding:20px 6px}.app-main>.u-grid:first-of-type>.u-card{border-top:4px solid #f35319}.user-app .u-card{border-color:#e3e6e7;box-shadow:0 8px 28px #20272b08}.user-app .u-stats article{position:relative;padding:22px 22px 22px 70px;min-height:92px}.user-app .u-stats article:before{content:"✦";position:absolute;left:20px;top:22px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e4f4f2;color:#49948f;font-size:16px}.user-app .u-stats article:nth-child(2):before{content:"⌁";background:#fff1d3;color:#b9852a}.user-app .u-stats article:nth-child(3):before{content:"✓";background:#e9f2f8;color:#568aa7}.user-app .u-stats article:nth-child(4):before{content:"↗";background:#fff0e8;color:#e45b25}.user-app .u-stats article:nth-child(5):before{content:"×";background:#e6f4f2;color:#4e9994}.user-app .u-stats article:nth-child(6):before{content:"Σ";background:#fff1d4;color:#b8862b}.user-app .help-row{padding:18px 4px}.user-app .help-row:hover{background:#fcf8f5}.user-app .help-row b{font-size:13px}.user-app .badge{padding:6px 10px}.user-app .u-form{max-width:850px}.user-app .u-form label{font-size:13px;color:#3e474c}.user-app .mode-grid label{background:#fbfcfc;transition:.2s}.user-app .mode-grid label:hover{border-color:#efa98e;background:#fff8f4}.user-app .notice{border-left:4px solid #f0a45b}.user-app .profile-gallery article{border-radius:9px;overflow:hidden}.organization-app .org-visual img{width:250px}.organization-app .app-main>.u-grid:first-of-type>.u-card{border-top-color:#e2ad3b}.profile-public .profile-head{background:linear-gradient(105deg,#eef8f8,#fff);border-top:4px solid #55aaa5}.profile-public .bio-card{border-left:4px solid #f35319}.profile-public>.u-card>h2{display:flex;align-items:center;gap:9px}.profile-public>.u-card>h2:before{content:"✦";width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff0e8;color:#f35319;font-size:13px}.tree-wrap{background:linear-gradient(180deg,#fff,#fbfdfd);border-top:4px solid #55aaa5}.tree-node{background:#fff}
@media(max-width:1180px){.app-head{padding:12px 18px;height:auto;min-height:80px;flex-wrap:wrap}.app-head nav{order:3;width:100%;overflow-x:auto;margin:0;justify-content:flex-start}.app-nav-link{flex:0 0 76px}.app-menu{display:block;margin-left:auto}.app-head nav{display:none}.app-menu-open .app-head nav{display:flex}.app-head .language-switch{flex:0 0 auto}.app-main{margin-top:20px}}@media(max-width:700px){.app-visual{height:115px;padding:18px}.app-visual>div{max-width:65%}.app-visual p{font-size:13px}.app-visual img{width:180px;right:-18px;opacity:.75}.user-app .u-stats article{padding:18px 12px 16px 55px;min-height:82px}.user-app .u-stats article:before{left:12px;top:18px}.app-main h1{font-size:25px}.app-head nav{padding-bottom:6px}.app-nav-link{flex-basis:70px}.app-nav-link span{font-size:12px}}
.app-visual h2{font-size:21px;letter-spacing:-.35px;margin:10px 0 2px}.app-visual h2+.app-visual p{font-size:13px;font-weight:normal;margin:0;color:#687277}@media(max-width:700px){.app-visual h2{font-size:16px;margin-top:7px}.app-visual-icon{width:34px;height:34px;font-size:17px}}
.app-nav-link i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:18px;background:#e7f6f5;color:#3b9690;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}.app-nav-link:nth-child(2n) i{background:#fff1cf;color:#bd8422}.app-nav-link:nth-child(3n) i{background:#eaf3fa;color:#5b91b0}.app-nav-link:nth-child(4n) i{background:#fff0e8;color:#e5531e}.app-nav-link:hover i{transform:translateY(-4px) scale(1.12) rotate(-3deg);box-shadow:0 7px 14px #24343a1c}.app-nav-link.active i{background:#f35319;color:#fff;box-shadow:0 6px 15px #f3531945}.logout-link i{background:#f1f3f3!important;color:#8c979b!important}.app-nav-link span{font-size:12px;font-weight:600}.app-head{height:100px}
.dashboard-person{display:flex;align-items:center;gap:20px;padding:16px 12px}.dashboard-person img,.dashboard-initials{width:104px;height:104px;border-radius:50%;object-fit:cover;object-position:center;flex:0 0 auto;border:6px solid #fff;box-shadow:0 9px 25px #29373d1c;outline:2px solid #dfeeed}.dashboard-initials{display:grid;place-items:center;background:#dff1ef;color:#398e88;font-size:36px;font-weight:bold}.dashboard-person small{color:#55aaa5;font-weight:bold;text-transform:uppercase;letter-spacing:1px}.dashboard-person h1{margin-top:5px}.daily-card{display:flex;gap:15px;align-items:flex-start}.daily-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fff0e8;color:#f35319;font-size:22px;flex:0 0 auto}.empty-state{text-align:center;padding:32px 20px;color:#687277}.empty-state>span,.smart-empty-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#e4f4f2;color:#42958f;font-size:25px}.empty-state h2,.empty-state h3{color:#242a2d;margin:0 0 7px}.empty-state p{max-width:480px;margin:0 auto 17px;font-size:12px}.smart-empty{text-align:center;padding:34px!important;background:linear-gradient(145deg,#fff,#f6fbfa)!important;border-style:dashed!important}.smart-empty>h2{margin-bottom:9px}.smart-empty>p{font-size:12px;max-width:520px;margin:0 auto}.profile-photo-summary{align-self:start}.summary-heading{display:flex;gap:12px;align-items:center}.summary-heading>span{width:42px;height:42px;border-radius:50%;background:#e7f4fa;color:#6396b3;display:grid;place-items:center;font-size:20px}.summary-heading h2,.summary-heading p{margin:0}.summary-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0 10px}.summary-photos img{width:100%;height:105px;object-fit:cover;border-radius:8px}.summary-photos img.main-photo{outline:3px solid #f35319;outline-offset:-3px}.summary-empty{margin:18px 0;padding:25px;text-align:center;background:#f7fafb;border:1px dashed #d9e2e5;border-radius:10px}.summary-empty span{font-size:25px;color:#55aaa5}.photo-manager-head{display:flex;justify-content:space-between;gap:20px}.photo-counter{padding:9px 13px;border-radius:18px;background:#e5f4f2;color:#3c8580;font-weight:bold;height:max-content}.photo-picker{border:2px dashed #cadcde!important;border-radius:12px;padding:23px!important;text-align:center;background:#f8fbfb;cursor:pointer;transition:.2s}.photo-picker:hover{border-color:#55aaa5!important;background:#f1f9f8}.photo-picker>span,.photo-picker>b,.photo-picker>small{display:block}.photo-picker>span{width:44px;height:44px;margin:auto auto 8px;border-radius:50%;background:#f35319;color:#fff;display:grid;place-items:center;font-size:24px}.photo-picker>small{font-weight:normal;color:#748086;margin-top:5px}.photo-picker input{position:absolute;opacity:0;width:1px!important;height:1px!important}.managed-gallery{margin-top:25px}.managed-gallery article{background:#fff;border:1px solid #e3e7e8;border-radius:11px;padding:8px}.managed-photo{height:220px;position:relative;overflow:hidden;border-radius:8px}.managed-photo img{width:100%;height:100%;object-fit:cover}.main-photo-label{position:absolute;left:10px;top:10px;background:#f35319;color:#fff;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:bold}.photo-actions{padding:10px 3px 3px;display:flex;align-items:center;justify-content:space-between;gap:8px}.photo-actions form{margin:0}.crop-modal{position:fixed;inset:0;background:#172125c9;z-index:1000;padding:18px;overflow:auto}.crop-modal[hidden]{display:none}.crop-dialog{width:min(620px,100%);margin:2vh auto;background:#fff;border-radius:15px;padding:22px;box-shadow:0 25px 80px #0006}.crop-title{display:flex;justify-content:space-between;gap:15px}.crop-title h2,.crop-title p{margin:0 0 5px}.crop-title p{font-size:13px;color:#727c81}.crop-title button{border:0;background:#f1f3f3;border-radius:50%;width:36px;height:36px;font-size:23px;cursor:pointer}.crop-stage{width:min(520px,100%);aspect-ratio:1;margin:18px auto;position:relative;background:#1e2427;overflow:hidden;border-radius:12px}.crop-stage canvas{display:block;width:100%;height:100%}.crop-guide{position:absolute;inset:8%;border:2px solid #fff9;border-radius:50%;box-shadow:0 0 0 100px #0002;pointer-events:none}.crop-controls{display:grid;gap:9px}.crop-controls label{font-size:13px;font-weight:bold}.crop-controls input{width:100%;accent-color:#f35319}.crop-controls>div{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}@media(max-width:700px){.app-head{height:auto}.dashboard-person{padding:8px 0}.dashboard-person img,.dashboard-initials{width:78px;height:78px}.dashboard-person h1{font-size:22px}.profile-settings-grid{grid-template-columns:1fr}.managed-gallery{grid-template-columns:1fr}.crop-dialog{padding:14px}.crop-controls>div{flex-direction:column}.crop-controls .u-btn{width:100%}}

/* ix.ua — unified account mobile menu from the moment the mobile button appears. */
@media(max-width:1180px){
  body.user-app.app-menu-open header.u-head.app-head{
    position:relative;
    overflow:visible;
    flex-wrap:nowrap;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav{
    display:grid;
    position:absolute;
    z-index:10000;
    top:calc(100% + 6px);
    left:18px;
    right:18px;
    width:auto;
    max-height:calc(100vh - 105px);
    overflow-y:auto;
    overflow-x:hidden;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:10px;
    margin:0;
    white-space:normal;
    align-self:auto;
    background:#fff;
    border:1px solid #e2e8e8;
    border-radius:12px;
    box-shadow:0 16px 40px #24323824;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>a.app-nav-link{
    min-width:0;
    width:100%;
    min-height:50px;
    height:auto;
    flex:0 0 auto;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border:1px solid #edf0f0;
    border-radius:9px;
    white-space:normal;
    text-align:left;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>a.app-nav-link i{
    flex:0 0 32px;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>a.app-nav-link span{
    white-space:normal;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>a.app-nav-link.active{
    border-color:#f4d7ca;
    border-bottom-color:#f35319;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav .language-switch{
    grid-column:1/-1;
    justify-self:center;
    width:auto;
    min-width:0;
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    gap:2px;
    margin:4px auto 0;
    padding:2px;
    border:1px solid #e2e7e8;
    border-radius:7px;
    background:#fff;
    overflow:visible;
    white-space:normal;
  }
}
@media(max-width:520px){
  body.user-app.app-menu-open header.u-head.app-head>nav{
    left:10px;
    right:10px;
  }
}

/* ix.ua — keep the wrapped "Мої справи" item identical across the whole mobile-menu range. */
@media(max-width:1180px){
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap{
    box-sizing:border-box!important;
    position:relative!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    min-height:50px!important;
    padding:0!important;
    border:1px solid #edf0f0!important;
    border-radius:9px!important;
    background:#fff!important;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap>a.app-nav-link{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:8px 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:9px!important;
    white-space:normal!important;
    text-align:left!important;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap>a.app-nav-link i{
    flex:0 0 32px!important;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap>a.app-nav-link span{
    white-space:normal!important;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap>a.app-nav-link.active{
    background:#fff5f0!important;
    color:#f35319!important;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap .nav-notify-badge{
    position:absolute!important;
    top:5px!important;
    right:6px!important;
    z-index:3!important;
  }
  body.user-app.app-menu-open header.u-head.app-head>nav>.nav-cases-wrap .nav-notify-confirm{
    right:28px!important;
  }
}