/* MOBITO 2.1 · Admin, Operator si Login in stil PicBooth */
:root{
  --ink:#111111;--soft:#57544d;--muted:#7b776f;--surface:#ffffff;
  --canvas:#f5f4f0;--line:#e4e1d8;--yellow:#ffd21c;--navy:#0b0b0b;
  --green:#28744f;--red:#c33f4d;--blue:#a77e00;--orange:#b97713;--purple:#75614a;
  --shadow:0 15px 42px rgba(0,0,0,.065)
}

/* Texte secundare mai lizibile in taburile de administrare pe desktop */
@media(min-width:821px){.detail-grid>section>small{font-size:11px!important}.payment-card small{font-size:11px!important;line-height:1.35}.payment-card b{font-size:14px!important}.event-transport-detail p{font-size:11px!important}.event-transport-detail dt{font-size:10.5px!important;line-height:1.25}.event-transport-detail dd{font-size:13px!important}.payment-preview span{font-size:12px!important}.payment-preview strong{font-size:16px!important}.stock-metrics small{font-size:9px!important;line-height:1.25}.stock-metrics strong{font-size:14px!important}.stock-card-name small,.stock-card-compact small{font-size:9px!important}.event-cost-total small{font-size:9px!important}.event-cost-service-grid article>div b{font-size:11px!important}.event-cost-service-grid article>div small{font-size:9.5px!important;line-height:1.35}.event-cost-service-grid article>div>strong{font-size:11px!important}.service-recipe-grid summary small,.service-recipe-list span small{font-size:9.5px!important}.event-consumable-row>div>small,.event-consumable-row label>span{font-size:9.5px!important}.event-consumable-tabs>footer span{font-size:10.5px!important}.transport-option small,.invoice-option small{font-size:10.5px!important}}

html,body{max-width:100%;overflow-x:hidden;background:#f5f4f0;color:#111}
body{font-size:15px}
::selection{background:#ffd21c;color:#0b0b0b}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.18s ease both app-fade-out}
::view-transition-new(root){animation:.28s ease both app-fade-in}
@keyframes app-fade-out{to{opacity:0}}
@keyframes app-fade-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.sidebar{overflow-x:hidden;background:#0b0b0b}
.brand-symbol{background:#ffd21c;color:#0b0b0b;box-shadow:0 8px 20px rgba(255,210,28,.16)}
.brand-lockup strong{font-size:15px}.brand-lockup small{font-size:12px}
.side-nav{gap:8px;overflow-x:hidden;overflow-y:auto}.side-nav a{padding:14px 13px;transition:background .2s ease,transform .2s ease,color .2s ease}
.side-nav a:hover{background:#1a1a1a;transform:translateY(-1px)}
.side-nav a.active{background:#ffd21c;color:#0b0b0b}
.side-nav a.active i{border-color:#0b0b0b;background:#0b0b0b;box-shadow:none}
.side-nav a.active small{color:#5e4c00}.side-nav strong{font-size:16px!important}.side-nav small{font-size:12px!important}
.sidebar-profile strong{font-size:12px}.sidebar-profile small{font-size:10px}.sidebar-profile>a{font-size:10px}
.sidebar-plan{background:#ffd21c;color:#111;font-size:8px}

.workspace{background:#f5f4f0}
.topbar{height:92px;border-color:#e4e1d8;background:rgba(255,255,255,.94)}
.topbar h1{font-size:25px}.eyebrow,.section-kicker{color:#827d72;font-size:10px}
.live-indicator{font-size:12px}.live-indicator i{background:#ffd21c;box-shadow:0 0 0 5px rgba(255,210,28,.16)}
.page-content{animation:page-enter .32s ease both}
@keyframes page-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

.button{min-height:44px;border-radius:10px;font-size:13px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button-primary{background:#0b0b0b;color:#fff;box-shadow:none}.button-primary:hover{background:#ffd21c;color:#111;box-shadow:0 10px 22px rgba(0,0,0,.1)}
.button-ghost{border-color:#ddd9cf}.button-ghost:hover{border-color:#111;background:#fff}
.button-dark{background:#0b0b0b;color:#fff;box-shadow:none}.button-dark:hover{background:#ffd21c;color:#111}

.content-section,.detail-page,.event-wizard,.operator-week-card,.operator-admin-card,
.operator-availability-panel,.operator-account-settings,.install-guide{
  border-color:#e3dfd5;border-radius:18px;background:#fff;box-shadow:var(--shadow);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease
}
.content-section:hover{border-color:#d9d1bd;box-shadow:0 18px 48px rgba(0,0,0,.075)}
.section-heading h2{font-size:24px}.section-heading h3{font-size:19px}.section-heading p{font-size:13px;line-height:1.55}
.count-badge{background:#fff1a8;color:#111;font-size:12px}
.welcome-row>div:first-child,.catalog-hero>div,.report-hero>div,.section-heading>div{min-width:0}
.welcome-row h2{max-width:none;font-size:clamp(27px,2.7vw,38px);white-space:nowrap}.welcome-row p{font-size:15px}
.catalog-hero h2,.report-hero h2,.section-heading h2,.section-heading h3,.content-section>h2,.wizard-head h2{white-space:nowrap}
.summary-strip small{font-size:10px}.summary-strip strong{font-size:24px}

.field>span,.form-grid .field>span{font-size:12px!important;letter-spacing:0}
.field>small,.form-grid .field>small{font-size:10px!important;line-height:1.5}
.operator-select{align-items:start}.operator-select>.field,.assignment-form>.field{align-self:start}
.field input,.field select,.field textarea,
.form-grid input,.form-grid select,.form-grid textarea,
.live-message-form textarea{min-height:46px;border-color:#ddd9cf;border-radius:10px;background:#fff;font-size:14px}
.field input:focus,.field select:focus,.field textarea:focus,
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,
.live-message-form textarea:focus{border-color:#c9a400;box-shadow:0 0 0 3px rgba(255,210,28,.18);outline:0}
.check-card strong,.check-field strong{font-size:13px}.check-card small,.check-field small{font-size:10px}

.event-card{border-color:#e3dfd5;border-radius:15px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.event-card.no-operators{grid-template-columns:86px minmax(0,1fr) auto}
.no-operator-plan .future-event-operator{display:none}
.event-card:hover{border-color:#d1b423;box-shadow:0 16px 34px rgba(0,0,0,.09);transform:translateY(-3px)}
.status-edge.info{background:#d2a900}.status-pill.info{background:#fff3b4;color:#6f5800}
.status-edge.purple{background:#7d6b56}.status-pill.purple{background:#eeeae4;color:#665440}
.type-label{color:#836600;font-size:10px}.time-column span{font-size:11px}.time-column .event-card-date{font-size:9px}
.event-main h4{font-size:19px}.event-main>p{font-size:13px}.service-row span{font-size:10px}
.operator-column small{font-size:9px}.operator-column strong{font-size:12px}.open-event{font-size:11px}
.status-pill{font-size:10px}
@media(min-width:1061px){
  .event-card{min-height:142px;grid-template-columns:104px minmax(320px,1fr) minmax(160px,190px) 126px;gap:22px;padding:20px 21px 20px 18px}
  .event-card.no-operators{grid-template-columns:104px minmax(320px,1fr) 126px}
  .time-column{padding-right:18px}.time-column strong{font-size:25px;letter-spacing:-.035em}.time-column .event-card-date{width:100%;padding-top:9px;text-align:center}
  .event-main{padding:2px 0}.event-main h4{font-size:21px}.event-main>p{margin:5px 0 12px}
  .event-card-footer{align-items:center;gap:15px}.event-card-footer .service-row{flex:1}.event-card-balance{padding:7px 10px}
  .operator-column{min-height:62px;padding:11px;border:1px solid #e5e1d8;border-radius:13px;background:#faf9f5}.operator-column .avatar{background:#111;color:#ffd21c}
  .open-event{min-height:46px;justify-content:center;padding:0 12px;border-radius:12px;background:#111;color:#fff}.open-event span{color:#ffd21c}.open-event:hover{background:#292929}
}

.catalog-hero,.report-hero,.subscription-plan-hero{background:#0b0b0b!important}
.catalog-hero:after,.report-hero:after{display:none!important}
.catalog-hero .section-kicker,.report-hero .section-kicker,.subscription-plan-title .section-kicker{color:#ffd21c}
.catalog-hero p,.report-hero p{color:#bbb7ad;font-size:13px}
.catalog-hero>span,.report-hero>span{border-color:#343434;background:#171717}
.report-kpis{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}
.report-kpis article,.service-catalog-list article{border-color:#e2ded4;background:#fff}
.report-kpis small{font-size:9px}.report-kpis strong{font-size:23px}.report-kpis span{font-size:9px}
.report-month-list span strong{font-size:11px}.report-month-list span small{font-size:9px}.report-month-list em{font-size:10px}
.report-month-list i b{background:#ffd21c}
.report-activity small{font-size:9px}.report-operator-list>article>div strong{font-size:12px}.report-operator-list>article>div small{font-size:9px}
.report-operator-list>article>span:not(.avatar) small{font-size:8px}.report-operator-list>article>span:not(.avatar) strong{font-size:12px}.report-operator-list>article>span:not(.avatar) em{font-size:9px}
.service-catalog-order{background:#ffd21c;color:#111}.service-catalog-list strong{font-size:12px}.service-catalog-list small{font-size:9px}.service-catalog-list button{font-size:9px}

.future-event-item,.dashboard-alert-item{border-color:#e3dfd5;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.future-program-panel:before,.dashboard-alert-panel:before{display:none!important}
.future-event-item:hover,.dashboard-alert-item:hover{border-color:#d2b525;box-shadow:0 13px 30px rgba(0,0,0,.07);transform:translateY(-2px)}
.future-date-card{background:#111;color:#fff}.future-date-card small{color:#ffd21c}
.future-event-content small,.dashboard-alert-content small{font-size:9px}.future-event-content strong,.dashboard-alert-content strong{font-size:13px}
.future-event-content p,.dashboard-alert-content p{font-size:10px}.future-event-details,.dashboard-alert-content>span{font-size:9px}
.dashboard-alert-icon{background:#fff2ad;color:#111}.dashboard-alert-open{color:#715a00}

.operator-account-shell{background:linear-gradient(180deg,#0b0b0b 0,#161616 270px,#f5f4f0 270px)}
.operator-account-bar{height:84px}.operator-account-user>span:nth-child(2) strong{font-size:13px}.operator-account-user>span:nth-child(2) small{font-size:10px}.operator-account-user>a{font-size:10px}
.operator-portal{animation:page-enter .32s ease both}
.operator-week-header .section-kicker{color:#ffd21c}.operator-week-header p{color:#b7b3aa;font-size:13px}
.operator-week-count{border-color:#343434;background:#181818}.operator-week-count span{color:#bbb7ad;font-size:10px}
.operator-week-card{padding:25px}.operator-event-head>div>span{font-size:11px}.operator-event-head h2{font-size:27px}.operator-event-head p{font-size:11px}
.operator-client-grid section,.operator-detail-block{border-color:#e2ded4;background:#faf9f5}
.operator-client-grid small,.operator-detail-block>small{font-size:9px}.operator-client-grid strong{font-size:13px}.operator-client-grid a,.operator-client-grid span{color:#715a00;font-size:11px}
.assignment-note{border-color:#e4d174;background:#fff9d7}.later-events{background:#f2f0e9;color:#5d5951}
.operator-note small{font-size:9px}.operator-note p{font-size:12px;line-height:1.6}
.operator-payment small{font-size:9px}.operator-payment strong{font-size:14px}
.operator-collection-card{border-color:#e5cb54;background:#fff8ce}.operator-collection-card small{font-size:9px}.operator-collection-card p{font-size:10px}
.operator-reference-image small,.operator-files-head small{color:#715a00!important;font-size:9px}.operator-reference-image strong,.operator-files-head strong{font-size:13px}
.operator-event-files{border-color:#e4ce65;background:#fff9d8}.operator-file-list>a{border-color:#e1d9ba}.operator-file-list>a>span,.event-file-type{background:#ffd21c;color:#111}
.operator-file-list strong{font-size:11px}.operator-file-list small{font-size:9px}.operator-file-list>a>b{color:#715a00;font-size:10px}
.live-room{border-color:#e1d8b3;background:#fffdf3}.live-room-head h3,.live-room-head strong{font-size:16px}.live-room-head p{font-size:11px}.live-room-head>span{background:#ffd21c;color:#111;font-size:9px}
.live-message.admin{border-color:#ddc65d;background:#fff8d4}.live-message.operator{border-color:#d9d5ca;background:#f5f3ed}
.live-message-meta strong{font-size:10px}.live-message-meta time{font-size:9px}.live-message p{font-size:12px}.live-empty{font-size:11px}
.operator-live-room .live-room-head small{font-size:9px}.operator-live-room .live-room-head strong{font-size:13px}
.operator-history summary strong{font-size:14px}.operator-history summary small{font-size:10px}.operator-history-main h3{font-size:14px}.operator-history-main p{font-size:10px}.operator-history-payment small{font-size:9px}.operator-history-payment strong{font-size:14px}
.operator-availability-head h2{font-size:21px}.operator-availability-head p{font-size:12px}.operator-availability-list small{font-size:9px}.operator-availability-list strong{font-size:13px}.operator-availability-list p{font-size:10px}

.invoice-option{border-color:#dfd8b5;background:#fffbe8}.invoice-option strong{font-size:13px}.invoice-option small{font-size:10px}
.payment-preview span{font-size:10px}.payment-preview strong{font-size:15px}
.cron-box,.client-free-period-banner{border-color:#e0c754;background:#fff9d4;color:#594800}
.admin-current-plan{border-color:#dec34a;background:#fff9d6}
.subscription-payment-icon{background:#111;color:#ffd21c}.subscription-payment-grid article code{background:#fff2ad;color:#5c4900}
.subscription-payment-grid article>a{background:#ffd21c;color:#111}
.subscription-stripe-checkout{border-color:#ded8c9;background:#fff}.stripe-mark{background:#111;color:#ffd21c}
.payment-card .operator-cost,.subscription-state.trial{border-color:#e1c74e!important;background:#fff6c6!important;color:#5f4c00!important}
.detail-page .quick-actions .google-maps-action{border-color:#d7bd35!important;background:#fff8cf!important;color:#5f4c00!important}

/* Login */
.auth-page{background:linear-gradient(125deg,#0b0b0b 0 52%,#efeee9 52% 100%)!important}
.auth-page:before{display:none!important}
.auth-card:after{display:none!important}
.auth-card{border:1px solid #e3dfd5!important;border-radius:22px!important;background:#fff!important;box-shadow:16px 16px 0 #0b0b0b!important}
.auth-brand>span{background:#ffd21c!important;color:#111!important;box-shadow:none!important}
.auth-back-home{color:#5c574c!important;font-size:11px}.auth-card h1{font-size:33px!important}.auth-card>p{font-size:14px!important}
.auth-form .field>span{font-size:11px!important}.auth-form input,.auth-form select{font-size:14px}
.auth-form .button-primary{background:#111;box-shadow:none}.auth-form .button-primary:hover{background:#ffd21c;color:#111}
.auth-register-link{font-size:12px!important}.auth-register-link a{color:#6d5700}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 22px;padding:5px;border:1px solid #e4e0d6;border-radius:12px;background:#f7f5ef}
.auth-tabs a{min-height:39px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#69655e;font-size:10px;font-weight:850;text-align:center}
.auth-tabs a.active{background:#111;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.forgot-password-inline{width:fit-content;margin:-7px 0 0 auto;color:#6d5700;font-size:10px;font-weight:850;text-decoration:underline;text-decoration-color:#d1ad00;text-underline-offset:3px}
.reset-password-card{width:min(470px,100%)}.reset-password-card .auth-main-link{margin-top:20px}.reset-password-card .success-box{font-size:11px;line-height:1.55}
.login-install-title strong{font-size:13px}.login-install-title small{font-size:10px}.login-install-buttons button{border-color:#e2ded4!important;background:#faf9f5!important}
.login-install-buttons button:hover,.login-install-buttons button.selected,.login-install-buttons button.ready-to-install{border-color:#c9a600!important;background:#fff8cb!important}

@media(min-width:901px){
  .operator-select{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(150px,.75fr))}
  .assignment-form>.field>span{min-height:30px;display:flex;align-items:flex-end}
}
@media(max-width:820px){
  .page-content{animation-duration:.24s}
  .topbar-actions>.button{display:none}
  .license-plan-chip{display:inline-flex!important;min-height:38px;justify-content:center;padding:5px 11px;border-color:#171a25;background:#171a25;color:#fff;box-shadow:0 7px 18px rgba(23,26,37,.14);text-align:center}.license-plan-chip span{display:none}.license-plan-chip b{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8px;line-height:1;text-align:center}.license-plan-chip b small{color:#f6c84a;font-size:6px;font-weight:900;letter-spacing:.08em}.license-plan-chip b em{max-width:92px;overflow:hidden;color:#fff;font-size:8px;font-style:normal;font-weight:950;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  .admin-current-plan{display:none!important}
  .mobile-nav{height:70px;grid-template-columns:repeat(7,minmax(0,1fr));padding:7px 5px 9px;border-top-color:#272727;background:rgba(11,11,11,.97);overflow:visible}
  .mobile-nav a{min-width:0;color:#aaa69d;font-size:7px;white-space:nowrap}
  .mobile-nav a.active{color:#ffd21c}.mobile-nav a.active span{background:#ffd21c;color:#111}
  .mobile-nav-today{grid-column:1}.mobile-nav-events{grid-column:2}.mobile-nav-operators{grid-column:3}.mobile-nav-services{grid-column:5}.mobile-nav-reports{grid-column:6}.mobile-nav-settings{grid-column:7}
  .mobile-nav.without-operators .mobile-nav-events{grid-column:2}.mobile-nav.without-operators .mobile-nav-services{grid-column:5}
  .mobile-nav .mobile-add{position:absolute;left:50%;top:0;width:70px;min-height:72px;display:flex;z-index:2;transform:translate(-50%,-20px);color:#fff;font-size:7.5px;overflow:visible}
  .mobile-nav .mobile-add span{width:52px;height:52px;display:grid;place-items:center;margin:0;border:5px solid #0b0b0b;border-radius:50%;background:#ffd21c;color:#111;font-size:29px;font-weight:500;line-height:1;box-sizing:border-box;box-shadow:0 9px 24px rgba(0,0,0,.34)}
  .mobile-nav .mobile-add b{font-size:7.5px;font-weight:850;line-height:1}.mobile-nav .mobile-add.active span{background:#fff;color:#111}
  .operator-account-shell{background:linear-gradient(180deg,#0b0b0b 0,#161616 240px,#f5f4f0 240px)}
  .event-card,.event-card.no-operators{grid-template-columns:74px minmax(0,1fr);gap:16px;min-height:132px;padding:15px 14px 15px 15px}
  .event-card .time-column{padding-right:12px}.event-card .time-column strong{font-size:19px}.event-card .time-column .event-card-date{font-size:7.5px}
  .event-card .event-main{padding-left:1px}.event-card .event-main h4{font-size:16px}.event-card .event-main>p{margin-top:5px}
  .event-card .operator-column{grid-column:2;padding-top:2px}.event-card .operator-column .avatar{width:30px;height:30px}
}
@media(max-width:1060px) and (min-width:821px){
  .event-card.no-operators{grid-template-columns:75px minmax(0,1fr)}
}
@media(max-width:620px){
  .operator-account-shell{background:linear-gradient(180deg,#0b0b0b 0,#161616 230px,#f5f4f0 230px)}
  .operator-week-header h1{font-size:clamp(15px,4.6vw,20px)}
  .operator-week-count span{font-size:7px}
  .operator-week-card{padding:17px}.operator-event-head h2{font-size:23px}
  .section-heading p{font-size:11px}.content-section{padding:18px}
  .welcome-row h2{font-size:clamp(17px,5.2vw,22px)}
  .catalog-hero h2,.report-hero h2{font-size:clamp(16px,4.8vw,21px)}
  .section-heading h2,.section-heading h3,.content-section>h2,.wizard-head h2{font-size:clamp(15px,4.5vw,19px)}
  .auth-page{background:linear-gradient(155deg,#0b0b0b 0 74%,#efeee9 74% 100%)!important}
  .auth-card{box-shadow:7px 7px 0 #0b0b0b!important}
  .auth-tabs a{min-height:37px;font-size:9px}.forgot-password-inline{font-size:9px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Meniu administrator pe mobil */
.mobile-menu-toggle,.mobile-menu-backdrop{display:none}
@media(max-width:820px){
  body.admin-session{padding-bottom:0}
  body.admin-session.mobile-menu-open{overflow:hidden}
  .topbar{justify-content:flex-start;gap:11px}.topbar-title{min-width:0}.topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-menu-toggle{width:42px;height:42px;flex:0 0 auto;display:grid;place-content:center;gap:4px;border:1px solid #dedbd2;border-radius:12px;background:#fff;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.05)}
  .mobile-menu-toggle i{width:18px;height:2px;display:block;border-radius:2px;background:#111;transition:.2s}
  .mobile-menu-open .mobile-menu-toggle i:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-open .mobile-menu-toggle i:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-toggle i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .topbar-actions{margin-left:auto}.topbar-actions .license-plan-chip{min-width:88px}.topbar-actions .live-indicator,.topbar-actions>.button{display:none!important}
  .mobile-menu-backdrop{position:fixed;inset:0;z-index:68;display:block;border:0;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:opacity .22s;backdrop-filter:blur(2px)}
  .mobile-nav{position:fixed;inset:0 0 0 auto;z-index:70;width:min(88vw,350px);height:100dvh;display:flex;flex-direction:column;gap:0;padding:0;border:0;background:#0b0b0b;color:#fff;overflow:auto;transform:translateX(105%);transition:transform .24s ease;box-shadow:-18px 0 45px rgba(0,0,0,.3)}
  .mobile-menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}.mobile-menu-open .mobile-nav{transform:translateX(0)}
  .mobile-nav>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,.09)}
  .mobile-menu-brand{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;color:#fff!important;font-size:12px!important}.mobile-menu-brand>span{width:38px!important;height:38px!important;display:grid!important;place-items:center;margin:0!important;border:0!important;border-radius:11px!important;background:#ffd21c!important;color:#111!important;font-size:17px!important;font-weight:950!important}.mobile-menu-brand>strong{font-size:13px;letter-spacing:.08em}
  .mobile-nav>header>button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:20px;line-height:1;cursor:pointer}
  .mobile-nav .mobile-add{position:static;width:auto;min-height:48px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:15px 16px 8px;padding:0 14px;border-radius:13px;background:#ffd21c;color:#111;font-size:10px;transform:none}
  .mobile-nav .mobile-add span{width:auto;height:auto;display:block;margin:0;border:0;border-radius:0;background:none;color:#111;font-size:20px;box-shadow:none}.mobile-nav .mobile-add b{font-size:10px}
  .mobile-menu-links{display:grid;gap:5px;padding:8px 12px}.mobile-menu-links>a{min-height:50px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-content:stretch;gap:10px;padding:6px 10px;border-radius:12px;color:#b7b4ad;font-size:10px;text-align:left}.mobile-menu-links>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06);color:#c6c2ba;font-size:13px}.mobile-menu-links>a>b{font-size:10px}.mobile-menu-links>a.active{background:rgba(255,210,28,.11);color:#fff}.mobile-menu-links>a.active>span{background:#ffd21c;color:#111}
  .mobile-nav>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:15px 18px;border-top:1px solid rgba(255,255,255,.09)}.mobile-nav>footer strong,.mobile-nav>footer small{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav>footer strong{font-size:9px}.mobile-nav>footer small{margin-top:2px;color:#77736d;font-size:7px}.mobile-nav>footer>a{color:#ffd21c;font-size:8px;font-weight:850}
}