/*
 * 品牌前端公共样式
 * 导航、侧栏、表单、组件皮肤与响应式规则统一维护于此。
 */
:root{--brand-primary:#2563eb;--brand-primary-dark:#1d4ed8;--brand-sidebar:#162033;--brand-sidebar-muted:#9aa8bd;--brand-bg:#f3f6fb;--brand-border:#e7ebf2}
        body{padding-top:0!important;background:var(--brand-bg);color:#293344}.brand-navbar{min-height:62px;background:#fff;border:0;border-radius:0;box-shadow:0 2px 14px rgba(24,39,75,.08)}.brand-navbar-inner{padding-left:0}.brand-navbar .navbar-header{float:left}.brand-navbar-auth .navbar-header{width:238px}.brand-navbar .navbar-brand{display:flex;align-items:center;height:62px;padding:9px 20px;line-height:normal;font-weight:700;color:#1d2939}.brand-navbar-auth .navbar-brand{width:100%}.brand-system-logo{display:block;max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;object-position:left center}.brand-navbar .navbar-nav>li>a{height:62px;color:#526071}.brand-navbar .navbar-nav>li.active>a,.brand-navbar .navbar-nav>li>a:hover{color:var(--brand-primary);background:#f5f8ff}.brand-main{padding-top:62px;min-height:100vh}.brand-public-wrap{padding-top:30px}.brand-shell{display:flex;min-height:calc(100vh - 62px)}.brand-sidebar{position:fixed;top:62px;bottom:0;left:0;width:238px;z-index:1025;overflow-y:auto;background:linear-gradient(180deg,#172236,#111a2a);color:#fff;box-shadow:4px 0 18px rgba(19,31,53,.08)}.brand-sidebar-head{padding:22px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-sidebar-head small{display:block;margin-bottom:5px;color:#7f91aa}.brand-sidebar-head strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-role-badge{display:inline-block;margin-top:9px;padding:3px 9px;border-radius:12px;background:rgba(37,99,235,.25);color:#cfe0ff;font-size:12px}.brand-sidebar-nav{padding:14px 10px 26px}.sidebar-group{margin-bottom:7px}.sidebar-group-title{display:flex;align-items:center;width:100%;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--brand-sidebar-muted);text-align:left;font-weight:600}.sidebar-group-title:hover,.sidebar-group.open>.sidebar-group-title{background:rgba(255,255,255,.06);color:#fff}.sidebar-group-title .fa:first-child{width:24px}.sidebar-group-title .arrow{margin-left:auto;transition:transform .2s}.sidebar-group.open>.sidebar-group-title .arrow{transform:rotate(180deg)}.sidebar-submenu{display:none;padding:5px 0}.sidebar-group.open>.sidebar-submenu{display:block}.sidebar-submenu a,.sidebar-submenu .menu-disabled{display:block;margin:2px 0;padding:10px 12px 10px 36px;border-radius:7px;color:#b8c4d6}.sidebar-submenu a:hover,.sidebar-submenu a.active{color:#fff;background:linear-gradient(90deg,rgba(37,99,235,.95),rgba(59,130,246,.76));text-decoration:none}.sidebar-submenu .menu-disabled{color:#66758b;cursor:not-allowed}.sidebar-submenu .menu-state{float:right;font-size:11px}.brand-workspace{width:calc(100% - 238px);margin-left:238px;padding:26px}.brand-card{background:#fff;border:1px solid var(--brand-border);border-radius:12px;box-shadow:0 8px 28px rgba(26,45,78,.06);padding:25px}.brand-page-heading{margin:0 0 20px}.brand-page-heading h2{margin:0;font-size:24px}.brand-name{font-weight:600;color:var(--brand-primary)}.brand-entry-actions{margin-top:35px}.brand-entry-actions .btn{min-width:160px;margin:6px}.sidebar-toggle{display:none;float:left;margin:14px 6px 0 12px;border:0;background:#eef4ff;color:var(--brand-primary)}.brand-sidebar-mask{display:none}.dashboard-hero{position:relative;overflow:hidden;padding:30px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff}.dashboard-hero:after{content:"";position:absolute;right:-55px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.11)}.dashboard-hero .text-muted{color:#dbeafe}
        @media (max-width:1199px){.brand-navbar-auth .navbar-header{width:210px}.brand-sidebar{width:210px}.brand-workspace{width:calc(100% - 210px);margin-left:210px;padding:20px}}
        @media (max-width:767px){.brand-navbar{min-height:56px}.brand-navbar-inner{padding-right:8px}.brand-navbar .navbar-header,.brand-navbar-auth .navbar-header{width:auto}.brand-navbar .navbar-brand{height:56px;max-width:145px;padding:8px 8px}.brand-system-logo{max-width:125px;max-height:40px}.brand-navbar .navbar-nav{margin:0}.brand-navbar .navbar-nav>li>a{height:auto;padding:11px 10px}.brand-global-nav{display:none}.sidebar-toggle{display:block}.brand-main{padding-top:56px}.brand-sidebar{top:56px;width:268px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:8px 0 28px rgba(10,20,36,.24)}body.sidebar-open .brand-sidebar{transform:translateX(0)}.brand-sidebar-mask{position:fixed;z-index:1020;inset:56px 0 0;background:rgba(15,23,42,.42)}body.sidebar-open .brand-sidebar-mask{display:block}.brand-workspace{width:100%;margin-left:0;padding:12px}.brand-card{padding:16px;border-radius:9px}.brand-public-wrap{padding:12px}.dashboard-hero{padding:22px}.dashboard-hero h2{font-size:22px}.table-responsive{border:0;margin-bottom:0}.form-horizontal .control-label{text-align:left;margin-bottom:6px}.brand-card .btn.pull-right{float:none!important;margin:0 0 12px}.brand-card h2.pull-left{float:none!important}.brand-entry-actions .btn{display:block;width:100%;margin:8px 0}.navbar-right{float:right!important;margin-right:0}.navbar-right>li{float:left}.navbar-right .brand-name{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
        /* 轻盈运动科技主题 */
        body{background:radial-gradient(circle at 88% 8%,rgba(139,92,246,.09),transparent 27%),radial-gradient(circle at 12% 86%,rgba(34,211,238,.08),transparent 25%),#f4f6fb}
        .brand-navbar{top:0;left:0;right:0;width:100%;margin:0;overflow:visible;background:rgba(8,21,40,.92);border:0;border-radius:0;box-shadow:0 8px 28px rgba(15,31,58,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
        .brand-navbar-inner{padding-right:28px}
        .brand-navbar-auth .navbar-header{border-right:1px solid rgba(255,255,255,.1)}
        .brand-navbar .navbar-nav>li>a,.brand-navbar .navbar-brand,.brand-navbar .brand-name,.brand-navbar .brand-shop-switch{color:#dbe7f5}.brand-brand-label{height:62px;padding:21px 10px 0 0;color:#dbe7f5;font-weight:600}.brand-navbar .brand-shop-switch{display:flex;align-items:center;height:62px;padding-top:0;padding-bottom:0}.brand-switch-hint{display:inline-block;margin-left:5px;color:#8fa5c4;font-size:12px;font-weight:400}.brand-sidebar-role{display:flex;align-items:center;gap:8px;margin-top:11px}.brand-sidebar-role small{margin:0;color:#7f91aa}.brand-sidebar-role .brand-role-badge{margin:0}
        .brand-navbar .navbar-nav>li.active>a,.brand-navbar .navbar-nav>li.active>a:focus,.brand-navbar .navbar-nav>li>a:hover,.brand-navbar .navbar-nav>li>a:focus,.brand-navbar .navbar-nav>.open>a,.brand-navbar .navbar-nav>.open>a:focus{color:#fff;background:rgba(255,255,255,.1)}
        .brand-navbar .dropdown-menu{margin-top:8px;border:1px solid rgba(20,40,70,.09);border-radius:12px;box-shadow:0 14px 34px rgba(17,33,58,.18)}
        .brand-main{padding-top:62px}.brand-public-wrap{padding-top:20px}.brand-shell{min-height:calc(100vh - 62px)}
        .brand-sidebar{top:62px;bottom:0;left:0;border:0;border-radius:0;box-shadow:4px 0 24px rgba(15,31,58,.14)}
        .brand-workspace{width:calc(100% - 238px);margin-left:238px;padding:24px}
        .brand-card{border-color:rgba(210,218,232,.76);box-shadow:0 12px 35px rgba(29,50,84,.07)}
        .dashboard-hero{position:relative;min-height:270px;display:flex;align-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 43%,rgba(255,255,255,.18) 76%),url('../img/brand/dashboard-hero-tech.png');background-position:center;background-size:cover;color:#18253a}
        .dashboard-hero:after{display:none}.dashboard-hero-content{position:relative;z-index:2;max-width:55%}.dashboard-hero .text-muted{color:#63738b}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 11px;border:1px solid rgba(79,70,229,.14);border-radius:999px;background:rgba(255,255,255,.66);color:#5b58a6;font-size:12px;font-weight:600;letter-spacing:.08em}.dashboard-hero h2{margin:0 0 13px;color:#16243a;font-size:30px;font-weight:700;letter-spacing:-.02em}.hero-description{color:#5d6d83;font-size:15px;line-height:1.8}
        @media (max-width:1199px){.brand-workspace{width:calc(100% - 210px);margin-left:210px}.dashboard-hero-content{max-width:62%}}
        @media (max-width:767px){.brand-navbar-inner{padding-right:10px}.brand-main{padding-top:56px}.brand-public-wrap{padding:8px}.brand-shell{min-height:calc(100vh - 56px)}.brand-sidebar{top:56px;bottom:0;left:0}.brand-sidebar-mask{inset:56px 0 0}.brand-workspace{width:100%;margin-left:0;padding:12px 8px 16px}.dashboard-hero{min-height:300px;padding:24px;background-image:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.82)),url('../img/brand/dashboard-hero-tech.png');background-position:62% center}.dashboard-hero-content{max-width:100%}.dashboard-hero h2{font-size:24px}}

/* 品牌暂停、停用与账号权限状态页 */
.brand-unavailable-body{min-height:100vh;padding:0!important;background:#f4f7fb;color:#253044}.brand-unavailable-page{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(200,221,255,.62),transparent 30%),radial-gradient(circle at 88% 80%,rgba(245,220,213,.52),transparent 28%),linear-gradient(135deg,#f8fbff 0%,#f4f3fb 52%,#fff9f6 100%)}.brand-unavailable-page:before,.brand-unavailable-page:after{position:absolute;content:"";border:1px solid rgba(87,117,166,.12);border-radius:50%;pointer-events:none}.brand-unavailable-page:before{width:480px;height:480px;left:-240px;bottom:-220px}.brand-unavailable-page:after{width:320px;height:320px;right:-155px;top:72px}.brand-unavailable-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1180px;margin:0 auto;padding:25px 28px;color:#7a8494;font-size:13px;letter-spacing:.08em}.brand-unavailable-logo{display:flex;align-items:center;height:44px}.brand-unavailable-logo img{display:block;max-width:180px;max-height:44px;object-fit:contain}.brand-unavailable-main{position:relative;z-index:1;display:flex;flex:1;align-items:center;justify-content:center;padding:30px 20px 54px}.brand-unavailable-card{width:100%;max-width:650px;padding:48px 58px 40px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 28px 80px rgba(64,78,111,.14);text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand-unavailable-orb{display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin:0 auto 22px;border-radius:30px;background:linear-gradient(145deg,#fff1da,#ffdba4);box-shadow:0 14px 32px rgba(206,145,62,.18);color:#c77c20;font-size:34px;transform:rotate(-4deg)}.brand-unavailable-orb i{transform:rotate(4deg)}.brand-unavailable-card.status-closed .brand-unavailable-orb,.brand-unavailable-card.status-access .brand-unavailable-orb{background:linear-gradient(145deg,#f1f3f7,#dfe5ee);box-shadow:0 14px 32px rgba(88,101,122,.15);color:#667085}.brand-unavailable-card.status-pending .brand-unavailable-orb{background:linear-gradient(145deg,#e9f5ff,#cfe8ff);color:#3478bc}.brand-unavailable-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:20px;background:#fff7eb;color:#a96415;font-size:13px;font-weight:600}.brand-unavailable-badge span{width:7px;height:7px;border-radius:50%;background:#e7a23c;box-shadow:0 0 0 4px rgba(231,162,60,.13)}.status-closed .brand-unavailable-badge,.status-access .brand-unavailable-badge{background:#f0f2f5;color:#667085}.status-closed .brand-unavailable-badge span,.status-access .brand-unavailable-badge span{background:#8b95a5}.status-pending .brand-unavailable-badge{background:#edf7ff;color:#3478bc}.status-pending .brand-unavailable-badge span{background:#56a0e2}.brand-unavailable-card h1{margin:22px 0 13px;color:#202a3a;font-size:30px;font-weight:700;letter-spacing:-.02em}.brand-unavailable-description{max-width:510px;margin:0 auto;color:#6f7a8b;font-size:15px;line-height:1.85}.brand-unavailable-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0;padding:17px;border-radius:16px;background:rgba(244,247,251,.86);text-align:left}.brand-unavailable-info div{padding:0 13px}.brand-unavailable-info div+div{border-left:1px solid #e3e8ef}.brand-unavailable-info small{display:block;margin-bottom:5px;color:#98a1af}.brand-unavailable-info strong{display:block;overflow:hidden;color:#3c4657;text-overflow:ellipsis;white-space:nowrap}.brand-unavailable-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.brand-unavailable-actions .btn{min-width:158px;padding:11px 20px;border-radius:9px}.brand-unavailable-actions .btn-primary{border-color:#344767;background:#344767}.brand-unavailable-actions .btn-primary:hover{border-color:#263650;background:#263650}.brand-unavailable-tip{margin:24px 0 0;color:#9aa3b0;font-size:12px}.brand-unavailable-tip i{margin-right:5px}.brand-unavailable-footer{position:relative;z-index:1;padding:0 20px 24px;color:#a0a8b4;text-align:center;font-size:12px}
@media (max-width:767px){.brand-unavailable-header{padding:18px 20px}.brand-unavailable-header>span{display:none}.brand-unavailable-main{align-items:flex-start;padding:38px 14px 30px}.brand-unavailable-card{padding:36px 20px 30px;border-radius:22px}.brand-unavailable-orb{width:74px;height:74px;border-radius:25px;font-size:29px}.brand-unavailable-card h1{font-size:25px}.brand-unavailable-info{grid-template-columns:1fr;text-align:center}.brand-unavailable-info div+div{padding-top:13px;border-top:1px solid #e3e8ef;border-left:0}.brand-unavailable-actions{flex-direction:column}.brand-unavailable-actions .btn{width:100%}}
        /* 公开首页：介绍与三张概念示意图。 */
        .brand-home-wrap{width:100%;padding:0}.brand-home-screen{background:#f8fbff}.brand-home-hero{position:relative;overflow:hidden;padding:80px 24px 76px;background:radial-gradient(circle at 87% 14%,rgba(188,219,255,.46),transparent 32%),linear-gradient(135deg,#fff 0%,#f5f9ff 62%,#eef7fb 100%)}
        .brand-home-hero-inner{display:grid;grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr);align-items:center;gap:48px;max-width:1280px;margin:0 auto}.brand-home-copy{position:relative;z-index:1}.brand-home-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#3d73b2;font-size:13px;font-weight:700;letter-spacing:.08em}.brand-home-copy h1{margin:0;color:#172b48;font-size:clamp(34px,3.3vw,48px);font-weight:700;line-height:1.22}.brand-home-intro{max-width:520px;margin:21px 0 0;color:#64748b;font-size:17px;line-height:1.85}.brand-home-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.brand-home-highlights span{padding:7px 12px;border:1px solid #dce8f7;border-radius:999px;background:#fff;color:#58718e;font-size:12px}.brand-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.brand-home-actions .btn{min-width:0;margin:0;padding:12px 21px;border-radius:9px;font-size:15px;font-weight:600}.brand-home-actions .btn-primary{border-color:#2868ce;background:#2868ce}.brand-home-actions .btn-primary:hover{border-color:#1d55b2;background:#1d55b2}.brand-home-actions .btn-default{border-color:#d5e0ed;background:#fff;color:#36577e}.brand-home-actions .btn-default:hover{border-color:#a8c4e4;background:#f7fbff}
        .brand-home-visual{overflow:hidden;border:1px solid #dce8f7;border-radius:16px;background:#fff;box-shadow:0 28px 65px rgba(42,88,145,.14)}.brand-home-visual-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid #eaf0f7;color:#395a7e;font-size:13px;font-weight:700}.brand-home-visual-head i{margin-right:6px;color:#4d86c9}.brand-home-visual-head small{color:#94a6ba;font-size:11px;font-weight:400}.brand-home-visual img{display:block;width:100%;height:auto}
        .brand-home-showcase{max-width:1260px;margin:0 auto;padding:74px 24px 82px}.brand-home-section-title{text-align:center}.brand-home-section-title>span{color:#4b87c3;font-size:13px;font-weight:700;letter-spacing:.14em}.brand-home-section-title h2{margin:12px 0 10px;color:#1c3552;font-size:32px;font-weight:700}.brand-home-section-title p{margin:0;color:#7a8ba1;font-size:15px;line-height:1.8}.brand-home-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.brand-home-showcase-card{overflow:hidden;border:1px solid #e1ebf5;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(45,79,119,.06)}.brand-home-showcase-copy{position:relative;min-height:132px;padding:24px 26px 20px 73px}.brand-home-showcase-icon{position:absolute;top:25px;left:26px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#e8f3ff;color:#3a80c4;font-size:17px}.brand-home-showcase-card:nth-child(2) .brand-home-showcase-icon{background:#e6f6f3;color:#2d9b96}.brand-home-showcase-copy h3{margin:0 0 8px;color:#243e5c;font-size:19px;font-weight:700}.brand-home-showcase-copy p{margin:0;color:#7c8da2;font-size:13px;line-height:1.7}.brand-home-showcase-card img{display:block;width:100%;height:auto}.brand-home-demo-note{margin:22px 0 0;color:#9aa8ba;font-size:12px;text-align:center}
        @media (max-width:991px){.brand-home-hero-inner{grid-template-columns:1fr;gap:38px;max-width:740px}.brand-home-copy{text-align:center}.brand-home-intro{margin-right:auto;margin-left:auto}.brand-home-highlights,.brand-home-actions{justify-content:center}}
        @media (max-width:767px){.brand-home-hero{padding:52px 16px 50px}.brand-home-hero-inner{gap:30px}.brand-home-copy h1{font-size:31px}.brand-home-intro{font-size:15px}.brand-home-highlights{justify-content:center}.brand-home-actions{flex-direction:column;gap:10px;margin-top:27px}.brand-home-actions .btn{width:100%;margin:0}.brand-home-showcase{padding:56px 16px 64px}.brand-home-section-title h2{font-size:25px}.brand-home-showcase-grid{grid-template-columns:1fr;gap:16px;margin-top:27px}.brand-home-showcase-copy{min-height:0;padding:20px 20px 19px 64px}.brand-home-showcase-icon{top:20px;left:20px}}
        /* 品牌端表单统一：保留桌面端合理最大宽度，输入组内部始终连续，移动端铺满。 */
        .brand-card .form-horizontal{padding-top:3px}.brand-card .form-horizontal>.form-group:last-child{margin-top:8px;margin-bottom:0;padding-top:18px;border-top:1px solid #edf0f5}.brand-card .form-horizontal .control-label{color:#475467;font-weight:600}.brand-card .form-horizontal .form-control{height:36px;border-color:#d7dee9;border-radius:6px;box-shadow:none;transition:border-color .16s,box-shadow .16s}.brand-card .form-horizontal textarea.form-control,.brand-card .form-horizontal select[multiple].form-control{height:auto;min-height:88px}.brand-card .form-horizontal .form-control:focus{border-color:#8ba8ef;box-shadow:0 0 0 3px rgba(37,99,235,.09)}.brand-card .form-horizontal .help-block{margin-top:7px;margin-bottom:0;color:#8490a3;line-height:1.55}.brand-card .form-horizontal .input-group{border-collapse:separate}.brand-card .form-horizontal .input-group>.form-control{float:none;width:100%!important;max-width:none!important}.brand-card .form-horizontal .input-group-addon{height:36px;padding:6px 11px;border-color:#d7dee9;background:#f8fafc;color:#667085}.brand-card .form-horizontal .input-group-btn>.btn{height:36px}.brand-card .form-horizontal .radio-inline,.brand-card .form-horizontal .checkbox-inline{padding-top:7px;color:#475467}.brand-color-field .brand-color-toggle{min-width:58px;padding-left:10px;padding-right:10px}.brand-color-swatch{display:inline-block;width:24px;height:16px;margin-right:5px;border:1px solid rgba(15,23,42,.18);border-radius:4px;vertical-align:-3px;background:var(--picked-color,#6c8cff)}.brand-color-menu{width:230px;padding:12px}.brand-color-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.brand-color-option{display:block;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:7px;background:var(--option-color);box-shadow:0 0 0 1px rgba(15,23,42,.13);transition:transform .15s}.brand-color-option:hover,.brand-color-option.active{transform:scale(1.1);box-shadow:0 0 0 2px #6085e8}.brand-color-custom{display:flex;align-items:center;gap:9px;margin:12px 0 0;padding-top:10px;border-top:1px solid #edf0f5;color:#667085;font-weight:normal}.brand-color-custom input[type=color]{width:34px;height:28px;padding:1px;border:1px solid #d7dee9;border-radius:5px;background:#fff}
        @media (min-width:768px){.brand-card .form-horizontal .form-control{max-width:520px}.brand-card .form-horizontal textarea.form-control{max-width:760px}.brand-card .form-horizontal .input-group{display:table;width:100%;max-width:520px}.brand-card .form-horizontal .input-group-addon,.brand-card .form-horizontal .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.brand-card .form-horizontal input[type=number].form-control{max-width:180px}.brand-card .form-horizontal .datetimepicker[data-date-format="YYYY-MM-DD"]{max-width:220px}.brand-card .form-horizontal .datetimepicker[data-date-format="HH:mm"]{max-width:180px}.brand-card .form-horizontal .datetimepicker[data-date-format*="HH:mm"]{max-width:280px}.brand-card .form-horizontal select.form-control{max-width:360px}.brand-card .form-horizontal .form-control.input-sm{max-width:none}.brand-card .form-horizontal .bootstrap-tagsinput{width:360px;max-width:100%}.brand-card .form-horizontal .bootstrap-tagsinput input{width:180px;max-width:100%}.brand-field-xs{width:100%;max-width:180px!important}.brand-field-sm{width:100%;max-width:240px!important}.brand-field-md{width:100%;max-width:360px!important}.brand-compact-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-left:0;margin-right:0}.brand-compact-row>[class*=col-]{float:none;width:auto;padding-left:0;padding-right:0;flex:0 0 auto}.brand-compact-row .brand-field-xs{width:180px}.brand-compact-row .brand-field-sm{width:240px}.brand-compact-row .brand-field-md{width:360px}.course-category-quick-form input[type=number].form-control{max-width:180px}}
        .brand-date-range-wrap{position:relative;display:inline-block;vertical-align:middle}.brand-date-range-wrap .brand-daterange{min-width:250px;padding-right:34px}.brand-date-range-wrap:after{content:"\f073";position:absolute;right:11px;top:8px;color:#7d899a;font-family:FontAwesome;pointer-events:none}.daterangepicker{z-index:11050!important;border-color:#dfe5ee;box-shadow:0 12px 34px rgba(26,42,70,.16)}.daterangepicker td.active,.daterangepicker td.active:hover{background:#3c8dbc}.bootstrap-datetimepicker-widget{z-index:11050!important;box-shadow:0 12px 34px rgba(26,42,70,.16)}
        @media (max-width:767px){.brand-card .form-horizontal>.form-group:last-child{padding-top:15px}.brand-card .form-horizontal .form-control,.brand-card .form-horizontal .input-group,.brand-field-xs,.brand-field-sm,.brand-field-md{max-width:none!important;width:100%}.brand-card .form-horizontal .control-label{padding-top:0}.brand-compact-row{margin-left:0;margin-right:0}.brand-compact-row>[class*=col-]{padding-left:0;padding-right:0}.brand-compact-row .brand-field-xs,.brand-compact-row .brand-field-sm,.brand-compact-row .brand-field-md{width:100%!important}.brand-color-menu{right:0;left:auto}}
        .brand-compact-row:before,.brand-compact-row:after{display:none!important;content:none!important}
        @media (min-width:768px){.brand-compact-row .brand-field-xs{width:180px!important}.brand-compact-row .brand-field-sm{width:240px!important}.brand-compact-row .brand-field-md{width:360px!important}.brand-compact-row .brand-field-datetime{width:280px!important;max-width:280px!important}}
        @media (max-width:767px){.brand-compact-row .brand-field-datetime{width:100%!important;max-width:none!important}}
        .brand-card .form-horizontal .form-control{border-radius:0}
        /* 顶部查询区：表单项之间统一留白，不依赖模板标签之间是否包含空格。 */
        .brand-workspace form.form-inline.brand-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0}
        .brand-workspace form.form-inline.brand-filter>button,.brand-workspace form.form-inline.brand-filter>.btn{margin-left:0}
        .brand-workspace .brand-list-time{color:inherit;white-space:nowrap;font-size:inherit}
/* FastAdmin Layer 公共皮肤：fast.js 会为前端弹层统一添加 layui-layer-fast。 */
#toast-container{z-index:2147483647!important}
.layui-layer-fast .layui-layer-title{height:45px;line-height:45px;border-bottom:0;background:#2c3e50!important;color:#fff!important}.layui-layer-fast .layui-layer-title~.layui-layer-setwin{top:0;height:45px}.layui-layer-fast .layui-layer-title~.layui-layer-setwin>a{display:inline-block;height:45px;line-height:45px}.layui-layer-fast.layui-layer-border{border:0!important;box-shadow:1px 1px 50px rgba(0,0,0,.3)!important}.layui-layer-fast.layui-layer-iframe{overflow:visible}.layui-layer-fast .layui-layer-moves{box-sizing:content-box}.layui-layer-fast .layui-layer-btn{overflow:hidden;padding:10px!important;background:#ecf0f1;text-align:center!important}.layui-layer-fast .layui-layer-btn a{height:32px;margin-top:0;border:0;background:#95a5a6;color:#fff!important;font-size:13px;line-height:32px}.layui-layer-fast .layui-layer-btn .layui-layer-btn0{border-color:#18bc9c;background:#18bc9c}.layui-layer-fast .layui-layer-footer{min-height:53px;height:auto;padding:8px 20px;background:#ecf0f1;text-align:inherit!important}.layui-layer-fast .layui-layer-content>table.table{margin-bottom:0}.layui-layer-fast .layui-layer-confirm{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;border:1px solid transparent;background:transparent;color:transparent}.layui-layer-fast .layui-layer-confirm:focus{border-color:#444c69;border-radius:2px}.layui-layer-fast .layui-layer-confirm:focus-visible{outline:0}.layui-layer-fast .layui-layer-tab .layui-layer-title span.layui-this{height:46px}.layui-layer-fast .layui-layer-setwin>a{background:none!important}.layui-layer-fast .layui-layer-setwin>a cite{display:none}.layui-layer-fast .layui-layer-setwin>a:after{content:"\e625";position:absolute;z-index:1;margin:0;color:#fff;font-family:iconfont;font-size:18px;font-style:normal;font-weight:400;text-decoration:inherit}.layui-layer-fast .layui-layer-setwin>a:hover{background:none!important;text-decoration:none!important}.layui-layer-fast .layui-layer-setwin>a:focus{text-decoration:none!important}.layui-layer-fast .layui-layer-setwin .layui-layer-min,.layui-layer-fast .layui-layer-setwin .layui-layer-max,.layui-layer-fast .layui-layer-setwin .layui-layer-maxmin{display:none}.layui-layer-fast .layui-layer-setwin .layui-layer-min:after{content:"\e625"}.layui-layer-fast .layui-layer-setwin .layui-layer-max:after{content:"\e623"}.layui-layer-fast .layui-layer-setwin .layui-layer-maxmin:after{content:"\e624"}.layui-layer-fast .layui-layer-setwin .layui-layer-close1:after{content:"\e626"}.layui-layer-fast .layui-layer-setwin .layui-layer-close2,.layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover{top:-30px;right:-30px;background:url('../libs/fastadmin-layer/dist/theme/default/icon.png') no-repeat -149px -31px!important}.layui-layer-fast .layui-layer-setwin .layui-layer-close2:after,.layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover:after{display:none}.layui-layer-content{clear:both}.layui-layer-fast-msg{min-width:100px;border-radius:2px}.layui-layer-fast-tab .layui-layer-title .layui-this{color:#333}.layui-layer-fast-tab .layui-layer-content .layui-layer-tabmain{margin:0;padding:0}
.layui-layer-fast .layui-layer-btn a.btn-primary{border-color:#337ab7!important;background:#337ab7!important}.layui-layer-fast .layui-layer-btn a.btn-danger{border-color:#d9534f!important;background:#d9534f!important}.layui-layer-fast .layui-layer-btn a.btn-success{border-color:#18a689!important;background:#18a689!important}.layui-layer-fast .layui-layer-btn a.btn-default{border-color:#95a5a6!important;background:#95a5a6!important;color:#fff!important}.layui-layer-fast .layui-layer-footer .row{display:flex;align-items:center;justify-content:center}.layui-layer-fast .layui-layer-footer .control-label{display:none}.layui-layer-fast .layui-layer-footer .row>[class*=col-]{float:none;width:auto;padding:0}.layui-layer-fast .layui-layer-footer .btn{min-width:88px;height:34px;padding:6px 16px;line-height:20px}.layui-layer-fast .layui-layer-footer .btn+.btn{margin-left:8px}

/* 紧凑业务规则表：桌面端按内容宽度展示，手机端仍由 table-responsive 横向滚动。 */
.brand-form-table .input-group{margin-bottom:0}
/* 标签组件的输入区统一铺满容器，覆盖插件动态写入的 80px 行内宽度。 */
.brand-workspace .bootstrap-tagsinput input[type="text"]{width:100%!important;max-width:100%!important}
@media (min-width:768px){
    .brand-form-table{width:auto;min-width:0;margin-bottom:0}
    .brand-course-teacher-table{min-width:460px}
    .brand-course-teacher-table th:first-child,.brand-course-teacher-table td:first-child{min-width:230px}
    .brand-course-teacher-table th:last-child,.brand-course-teacher-table td:last-child{width:190px}
    .brand-course-card-table{min-width:720px}
    .brand-course-card-table th:nth-child(1),.brand-course-card-table td:nth-child(1){width:70px}
    .brand-course-card-table th:nth-child(2),.brand-course-card-table td:nth-child(2){min-width:220px}
    .brand-course-card-table th:nth-child(3),.brand-course-card-table td:nth-child(3){width:96px}
    .brand-course-card-table th:nth-child(4),.brand-course-card-table td:nth-child(4){width:180px}
    .brand-course-card-table th:nth-child(5),.brand-course-card-table td:nth-child(5){width:145px}
}
.brand-form-section{margin:22px -15px 20px;padding:18px 0 4px;background:#f8fbff;border-top:1px solid #e5edf7;border-bottom:1px solid #e5edf7}
.brand-form-section>.form-group{margin-left:0;margin-right:0}
.brand-form-section-title{margin:0 20px 18px;color:#24344d;font-size:16px;font-weight:600}
.brand-form-section-title i{margin-right:7px;color:#3a8ee6}.brand-form-section-title small{margin-left:8px;color:#8795a8;font-size:13px;font-weight:400}
.card-booking-weekdays .checkbox-inline{margin:0 14px 7px 0;padding-left:20px}
@media (max-width:767px){.brand-form-section{margin-left:-12px;margin-right:-12px;padding-left:4px;padding-right:4px}.brand-form-section-title small{display:block;margin:6px 0 0 24px;line-height:1.5}}
.booking-cancel-detail{padding:16px 20px}.booking-cancel-detail-row{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5}.booking-cancel-detail-row:last-child{border-bottom:0}.booking-cancel-detail-row span{color:#8490a3}.booking-cancel-detail-row strong{color:#344054;font-weight:500;line-height:1.6;word-break:break-word}
.brand-dialog-body{min-height:100vh;background:#f6f8fb;color:#334155}.brand-dialog-main{padding:22px 22px 28px}.brand-dialog-form{max-width:760px;margin:0 auto}.brand-dialog-summary{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 20px;padding:13px 16px;border-radius:4px;background:#edf6f3;color:#46635d}.brand-dialog-summary strong{color:#1f4e46;font-size:15px}.brand-dialog-detail{max-width:620px;margin:0 auto}.brand-dialog-body .form-horizontal .form-control{border-radius:0}.brand-dialog-body .form-horizontal textarea.form-control{height:auto}.brand-dialog-body .layer-footer{display:none}
.brand-dialog-summary-table{margin:0 0 20px;border:1px solid #dce9e5;border-radius:4px;background:#f4faf8}.brand-dialog-summary-table .table{width:100%;min-width:0;margin:0;table-layout:auto}.brand-dialog-summary-table .table>thead>tr>th{padding:8px 12px;border:0;border-bottom:1px solid #dce9e5;background:#eaf5f1;color:#648078;font-size:12px;font-weight:600;white-space:nowrap}.brand-dialog-summary-table .table>tbody>tr>td{padding:10px 12px;border:0;color:#314f48;white-space:normal;word-break:break-word}.brand-dialog-summary-table .table>tbody>tr>td:first-child{color:#1f4e46;font-weight:600}.brand-dialog-summary-table .table>tbody>tr>td:last-child{white-space:nowrap}
@media(max-width:767px){.brand-dialog-main{padding:16px 12px 18px}.brand-dialog-summary{align-items:flex-start;flex-direction:column}}
.brand-card .form-horizontal textarea.form-control[rows="2"],.brand-dialog-body .form-horizontal textarea.form-control[rows="2"]{height:54px;min-height:54px;resize:vertical}
.brand-card-operation-heading{margin-bottom:14px}.brand-card-operation-heading h2{margin:0}.brand-card-operation-heading h2 .brand-card-operation-context{margin-left:8px;font-size:14px}.brand-card-operation-owner{color:#e46f2b;font-weight:700}.brand-card-operation-name{margin-left:5px;color:#2783c5;font-weight:700}.brand-card-operation-summary{max-width:820px;margin-bottom:18px}.brand-dialog-body .brand-card-operation-heading h2{font-size:20px}
@media(max-width:767px){.brand-card-operation-heading h2 small{display:block;margin:7px 0 0;line-height:1.5}.brand-card-operation-summary{max-width:none}}

/* 品牌端提示条统一使用浅色状态配色；Toastr 消息不受此处影响。 */
.brand-workspace .alert,.brand-dialog-body .alert{border-width:1px;border-style:solid;border-radius:4px;box-shadow:none}
.brand-workspace .alert-success,.brand-dialog-body .alert-success{border-color:#cfe9da!important;background:#f1faf5!important;color:#3d6b53!important}
.brand-workspace .alert-info,.brand-dialog-body .alert-info{border-color:#cfe2f5!important;background:#f0f7ff!important;color:#3d627e!important}
.brand-workspace .alert-warning,.brand-dialog-body .alert-warning{border-color:#efdfb8!important;background:#fff9eb!important;color:#775f2f!important}
.brand-workspace .alert-danger,.brand-dialog-body .alert-danger{border-color:#efcfcf!important;background:#fff2f2!important;color:#874747!important}
.brand-workspace .alert .alert-link,.brand-dialog-body .alert .alert-link{color:inherit;font-weight:600;text-decoration:underline}
.brand-workspace .alert .close,.brand-dialog-body .alert .close{color:inherit;opacity:.45;text-shadow:none}
.brand-workspace .alert .close:hover,.brand-dialog-body .alert .close:hover{opacity:.7}
.brand-empty-action{margin-top:12px;margin-bottom:0}
.brand-checkbox-cell{cursor:pointer;text-align:center;user-select:none}.brand-checkbox-cell.brand-checkbox-cell-disabled{cursor:not-allowed;background:#f8fafc}
/* 品牌端表格第一列中的复选框统一水平居中。 */
.brand-workspace .table>thead>tr>th:first-child input[type="checkbox"],.brand-workspace .table>tbody>tr>td:first-child input[type="checkbox"],.brand-workspace .table>tfoot>tr>td:first-child input[type="checkbox"],.brand-dialog-body .table>thead>tr>th:first-child input[type="checkbox"],.brand-dialog-body .table>tbody>tr>td:first-child input[type="checkbox"],.brand-dialog-body .table>tfoot>tr>td:first-child input[type="checkbox"]{display:block;margin-right:auto;margin-left:auto}

/* 品牌端所有 Bootstrap 表格统一垂直居中，兼容普通列表与业务弹窗。 */
.brand-workspace .table>thead>tr>th,.brand-workspace .table>thead>tr>td,
.brand-workspace .table>tbody>tr>th,.brand-workspace .table>tbody>tr>td,
.brand-workspace .table>tfoot>tr>th,.brand-workspace .table>tfoot>tr>td,
.brand-dialog-body .table>thead>tr>th,.brand-dialog-body .table>thead>tr>td,
.brand-dialog-body .table>tbody>tr>th,.brand-dialog-body .table>tbody>tr>td,
.brand-dialog-body .table>tfoot>tr>th,.brand-dialog-body .table>tfoot>tr>td{vertical-align:middle!important}

/* 列表语义层级：主信息、辅助信息、正负变动和紧凑图片统一展示。 */
.brand-workspace .brand-list-cover{width:54px;height:38px;margin-right:8px;border-radius:6px;object-fit:cover;vertical-align:middle}
.brand-workspace .brand-list-subtext{max-width:360px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-workspace .brand-change-positive{color:#169b62;font-weight:600}
.brand-workspace .brand-change-negative{color:#d9534f;font-weight:600}
.brand-workspace .brand-change-zero{color:#8a94a6}
.brand-workspace .brand-font-normal{font-weight:400!important}
.brand-workspace .brand-table-spacing{margin-top:15px}
.brand-workspace .brand-inline-action-form{display:inline-block;width:210px;vertical-align:middle}
.brand-workspace td>.label+small,.brand-workspace td>strong+small{display:block;margin-top:4px}
@media(max-width:767px){.brand-workspace .brand-list-subtext{max-width:220px}.brand-workspace .brand-inline-action-form{display:block;width:100%;margin:4px 0}}

/* 业务弹窗摘要表：会员卡余额、订单金额、删除/恢复等弹窗共用。 */
.brand-dialog-summary-table,
.brand-dialog-summary.table-responsive{position:relative;display:block;align-items:initial;gap:0;margin:0 0 22px;padding:0;border:1px solid #dfe7f2;border-radius:10px;background:#fff;color:#2f4057;box-shadow:0 8px 24px rgba(43,66,105,.07);overflow:hidden}
.brand-dialog-summary-table:before,
.brand-dialog-summary.table-responsive:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#7fa5eb 0%,#81c9bc 55%,#e4bb73 100%)}
.brand-dialog-summary-table .table,
.brand-dialog-summary.table-responsive .table{width:100%;min-width:0;margin:0;border:0!important;table-layout:fixed;background:transparent}
.brand-dialog-summary-table .table>thead>tr>th,
.brand-dialog-summary.table-responsive .table>thead>tr>th{padding:9px 13px;border:0!important;border-bottom:1px solid #e3eaf3!important;background:linear-gradient(180deg,#f7faff 0%,#f1f5fb 100%);color:#718096;font-size:12px;font-weight:600;line-height:1.4;white-space:normal}
.brand-dialog-summary-table .table>tbody>tr>td,
.brand-dialog-summary.table-responsive .table>tbody>tr>td{padding:13px;border:0!important;border-right:1px solid #edf1f6!important;background:#fff;color:#2f4057;font-size:14px;font-weight:500;line-height:1.55;white-space:normal;word-break:break-word}
.brand-dialog-summary-table .table>tbody>tr>td:last-child,
.brand-dialog-summary.table-responsive .table>tbody>tr>td:last-child{border-right:0!important;color:#315f9f;font-weight:700}
.brand-dialog-summary-table .table>tbody>tr:hover>td,
.brand-dialog-summary.table-responsive .table>tbody>tr:hover>td{background:#fbfdff}
@media(max-width:767px){.brand-dialog-summary-table,.brand-dialog-summary.table-responsive{border-radius:8px;overflow:hidden}.brand-dialog-summary-table .table>thead>tr>th,.brand-dialog-summary.table-responsive .table>thead>tr>th{padding:8px 7px;font-size:11px}.brand-dialog-summary-table .table>tbody>tr>td,.brand-dialog-summary.table-responsive .table>tbody>tr>td{padding:11px 7px;font-size:13px;word-break:break-all}}

/* 动态原因弹窗：避免摘要表、字段和弹窗边缘贴合。 */
.layui-layer-fast .brand-reason-dialog{box-sizing:border-box;padding:18px 20px 4px;background:#fff}
.layui-layer-fast .brand-reason-dialog .brand-dialog-summary-table{margin-bottom:20px}
.layui-layer-fast .brand-reason-dialog .form-group{margin-bottom:18px}
.layui-layer-fast .brand-reason-dialog .form-group>label{display:block;margin-bottom:7px;color:#34495e;font-weight:600;line-height:1.5}
.layui-layer-fast .brand-reason-dialog .form-control{border-radius:0;box-shadow:none}
.layui-layer-fast .brand-reason-dialog textarea.form-control{height:64px;min-height:64px;resize:vertical}
.layui-layer-fast .brand-freeze-date-selects{display:flex;gap:8px;max-width:390px}
.layui-layer-fast .brand-freeze-date-selects .form-control{width:33.333%;min-width:0}
.layui-layer-fast .brand-reason-dialog .help-block{margin:7px 0 0;color:#7b8794;line-height:1.6}
@media(max-width:767px){.layui-layer-fast .brand-reason-dialog{padding:14px 12px 2px}.layui-layer-fast .brand-freeze-date-selects{max-width:none;gap:6px}}
.brand-log-tabs {
    margin: 12px 0 15px;
}

.brand-log-tabs > li > a {
    font-weight: 600;
}

/* 列表操作按钮紧凑排列，避免内联表单的固定宽度拉开相邻按钮。 */
.brand-table-actions{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.brand-field-actions{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}
.pt-week-table-wrap{max-width:720px}
.pt-week-table{width:720px;max-width:100%;table-layout:fixed}
.pt-week-table > thead > tr > th:first-child,.pt-week-table > tbody > tr > td:first-child{width:82px}
.pt-week-table > thead > tr > th:nth-child(2),.pt-week-table > tbody > tr > td:nth-child(2){padding-left:16px;padding-right:12px}
.pt-week-table > thead > tr > th:last-child,.pt-week-table > tbody > tr > td:last-child{width:82px;text-align:center}
.pt-week-table > tbody > tr > td{padding-top:10px;padding-bottom:10px;vertical-align:top}
.pt-week-table > thead > tr > th:first-child,.pt-week-table > tbody > tr > td:first-child{text-align:center}
.pt-period-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;max-width:500px}
.pt-period-row:last-child{margin-bottom:0}
.pt-time-fields{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.pt-period-row .pt-time-number{width:64px;flex:0 0 64px;padding-left:8px;padding-right:4px;text-align:center}
.pt-time-colon{font-weight:700;color:#59636e}.pt-time-separator{color:#59636e;white-space:nowrap}
@media(max-width:767px){.pt-week-table-wrap{max-width:none}.pt-week-table{width:600px;max-width:none}.pt-week-table > thead > tr > th:nth-child(2),.pt-week-table > tbody > tr > td:nth-child(2){padding-left:10px;padding-right:8px}.pt-period-row{max-width:none;gap:5px}.pt-period-row .pt-time-number{width:52px;flex:0 0 52px;padding-left:4px;padding-right:2px}.pt-week-table th small{display:block;margin-top:3px}}
.shop-hours-table-wrap{max-width:650px}
.shop-hours-table{width:650px;max-width:100%;table-layout:fixed}
.shop-hours-table > thead > tr > th:first-child,.shop-hours-table > tbody > tr > td:first-child{width:82px;text-align:center}
.shop-hours-table > thead > tr > th:nth-child(2),.shop-hours-table > tbody > tr > td:nth-child(2){width:88px;text-align:center}
.shop-hours-table > thead > tr > th:nth-child(3),.shop-hours-table > tbody > tr > td:nth-child(3){padding-left:16px;padding-right:12px}
.shop-hours-table > tbody > tr > td{padding-top:10px;padding-bottom:10px;vertical-align:middle}
.shop-hours-table .checkbox-inline{padding-top:0}
.shop-hours-row{display:flex;align-items:center;gap:8px}
.shop-time-fields{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.shop-time-number{width:64px!important;max-width:64px!important;flex:0 0 64px;padding-left:8px!important;padding-right:4px!important;text-align:center}
.shop-time-colon{font-weight:700;color:#59636e}.shop-time-separator{color:#59636e;white-space:nowrap}
.shop-hours-table tr.is-closed .shop-hours-row{opacity:.45}
@media(max-width:767px){.shop-hours-table-wrap{max-width:none}.shop-hours-table{width:560px;max-width:none}.shop-hours-table > thead > tr > th:nth-child(3),.shop-hours-table > tbody > tr > td:nth-child(3){padding-left:10px;padding-right:8px}.shop-time-number{width:52px!important;max-width:52px!important;flex-basis:52px;padding-left:4px!important;padding-right:2px!important}.shop-hours-table th small{display:block;margin-top:3px}}
/* 品牌端 Toastr 统一显示在视口正中央，避免顶部导航遮挡或提示过于靠上。 */
#toast-container.toast-top-center,
#toast-container.toast-top-right,
#toast-container.toast-top-left,
#toast-container.toast-bottom-center,
#toast-container.toast-bottom-right,
#toast-container.toast-bottom-left{
    position:fixed!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:auto!important;
    max-width:calc(100vw - 32px);
    transform:translate(-50%,-50%);
}
#toast-container>div{width:360px;max-width:100%;margin:0 0 8px}
@media(max-width:480px){#toast-container>div{width:calc(100vw - 32px)}}

/* 品牌弹窗内容区统一白底；底部操作区仍沿用 Layer 的浅灰底。 */
.brand-dialog-body{background:#fff}
.brand-dialog-summary.teacher-settlement-summary{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;white-space:nowrap}.brand-dialog-summary.teacher-settlement-summary>span{flex:0 0 auto}

/* Layer 底部操作区：表单弹窗与确认弹窗使用一致的按钮尺寸、圆角和间距。 */
.layui-layer-fast .layui-layer-footer .btn,.layui-layer-fast .layui-layer-btn a{min-width:88px;height:34px;border-radius:3px;box-shadow:none;font-size:14px;line-height:20px}
.layui-layer-fast .layui-layer-btn a{line-height:34px}
.layui-layer-fast .layui-layer-btn a+a{margin-left:8px}

/* 品牌端小程序开通指引：富文本内的步骤卡片与编号图标。 */
.brand-rich-content{max-width:920px;color:#475467;font-size:15px;line-height:1.8}
.brand-rich-content img{display:block;max-width:100%;height:auto;margin:16px 0;border:1px solid #e4eaf3;border-radius:8px}
.brand-guide-intro{margin:0 0 20px;color:#667085}
.brand-guide-steps{margin:0;padding:0;list-style:none;counter-reset:guide-step}
.brand-guide-step{position:relative;margin:0 0 14px;padding:18px 20px 18px 70px;border:1px solid #e4eaf3;border-radius:10px;background:#fbfcfe;counter-increment:guide-step}
.brand-guide-step:before{position:absolute;top:19px;left:20px;width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;content:counter(guide-step);font-weight:700;line-height:32px;text-align:center}
.brand-guide-step strong{display:block;margin-bottom:3px;color:#1d2939;font-size:16px}
.brand-guide-tip{margin:22px 0 0;padding:14px 16px;border-left:3px solid #60a5fa;border-radius:0 8px 8px 0;background:#eff6ff;color:#315279}
@media(max-width:767px){.brand-rich-content{font-size:14px}.brand-guide-step{padding:15px 14px 15px 60px}.brand-guide-step:before{top:16px;left:16px;width:28px;height:28px;line-height:28px}}

/* 品牌注册与开通入口的客服二维码和底部说明。 */
.brand-public-footer{padding:18px 20px 26px;color:#98a2b3;text-align:center;font-size:12px;line-height:1.7}
.brand-entry-register{margin:12px 0 0;color:#667085;font-size:14px}.brand-entry-register a{color:var(--brand-primary);font-weight:600}
.brand-service-qrcode-dialog{padding:22px 24px 18px;color:#667085;text-align:center;line-height:1.7}
.brand-service-qrcode-dialog p{margin:0 0 16px}
.brand-service-qrcode-dialog img{display:block;width:220px;max-width:100%;height:auto;margin:0 auto}

/* 登录、注册：统一的轻量双栏入口。 */
.brand-access-page{max-width:1080px;margin:54px auto 80px;padding:0 18px}.brand-access-shell{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);overflow:hidden;border:1px solid #dae6f3;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(38,72,113,.1)}.brand-access-side{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-height:520px;padding:54px 48px;background:linear-gradient(145deg,#1b3453,#245a89);color:#fff}.brand-access-side:after{position:absolute;right:-115px;bottom:-150px;width:360px;height:360px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:"";box-shadow:0 0 0 62px rgba(255,255,255,.035),0 0 0 125px rgba(255,255,255,.025)}.brand-access-kicker{position:relative;z-index:1;color:#a9dcf1;font-size:13px;font-weight:700;letter-spacing:.08em}.brand-access-kicker i{margin-right:8px}.brand-access-side h1{position:relative;z-index:1;margin:23px 0 14px;font-size:32px;font-weight:700;line-height:1.35}.brand-access-side p{position:relative;z-index:1;max-width:320px;margin:0;color:#c4d8eb;font-size:15px;line-height:1.85}.brand-access-points{position:relative;z-index:1;display:grid;gap:17px;margin-top:52px}.brand-access-points span{display:flex;align-items:center;gap:12px;color:#e4f0f9;font-size:14px}.brand-access-points i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.12);color:#bce7f3;font-size:15px}.brand-access-panel{padding:46px 54px 40px}.brand-access-heading{margin-bottom:26px}.brand-access-heading>span{color:#3f83bd;font-size:12px;font-weight:700;letter-spacing:.1em}.brand-access-heading h2{margin:8px 0 9px;color:#213956;font-size:26px;font-weight:700}.brand-access-heading p{margin:0;color:#8090a4;font-size:13px;line-height:1.7}.brand-access-panel .form-group{margin-bottom:18px}.brand-access-panel .form-group label{display:block;margin-bottom:8px;color:#40546d;font-size:13px;font-weight:600}.brand-access-panel .form-group label small{color:#9daaba;font-weight:400}.brand-access-panel .form-control{height:44px;padding:10px 13px;border-color:#d8e2ee;border-radius:8px;background:#fbfdff;box-shadow:none;font-size:14px}.brand-access-panel .form-control:focus{border-color:#78a9dd;background:#fff;box-shadow:0 0 0 3px rgba(61,132,201,.11)}.brand-access-options{margin:2px 0 21px;color:#6d7e93;font-size:13px}.brand-access-options label{font-weight:400;cursor:pointer}.brand-access-options input{margin-right:5px;vertical-align:-2px}.brand-access-submit{height:46px;border-color:#2868ce;border-radius:8px;background:#2868ce;font-size:15px;font-weight:600}.brand-access-submit:hover,.brand-access-submit:focus{border-color:#1d55b2;background:#1d55b2}.brand-access-switch{margin:19px 0 0;color:#8694a6;font-size:13px;text-align:center}.brand-access-switch a{color:#3277bf;font-weight:600}.brand-access-switch i{margin-left:3px}

/* 首次开通：名称只填一次，再选择套餐。 */
.brand-open-page{max-width:1180px;margin:48px auto 84px;padding:0 18px}.brand-open-heading{padding:38px 42px 31px;border:1px solid #dce9f5;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#f4f9ff 65%,#eaf7f6 100%)}.brand-open-kicker{color:#3f83bd;font-size:13px;font-weight:700;letter-spacing:.08em}.brand-open-kicker i{margin-right:6px}.brand-open-heading h1{margin:12px 0 9px;color:#1f3855;font-size:32px;font-weight:700}.brand-open-heading p{margin:0;color:#73869e;font-size:14px;line-height:1.75}.brand-open-steps{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.brand-open-steps span{display:inline-flex;align-items:center;gap:7px;color:#57718d;font-size:12px}.brand-open-steps b{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#dfedfb;color:#3679b8;font-size:12px}.brand-open-name{display:grid;grid-template-columns:1fr minmax(280px,390px);align-items:center;gap:28px;margin-top:24px;padding:26px 30px;border:1px solid #e1eaf3;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(43,76,115,.05)}.brand-open-section-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#e7f2ff;color:#3c7fbf;font-size:12px;font-weight:700}.brand-open-name h2,.brand-open-plan-heading h2{margin:10px 0 5px;color:#2a415e;font-size:20px;font-weight:700}.brand-open-name p,.brand-open-plan-heading p{margin:0;color:#8a99ab;font-size:13px;line-height:1.7}.brand-open-name-field label{display:block;margin-bottom:8px;color:#526881;font-size:13px;font-weight:600}.brand-open-name-field .form-control{height:44px;border-color:#d8e3ef;border-radius:8px;background:#fbfdff;box-shadow:none;font-size:14px}.brand-open-name-field .form-control:focus{border-color:#78a9dd;background:#fff;box-shadow:0 0 0 3px rgba(61,132,201,.11)}.brand-open-plan-heading{display:flex;align-items:flex-start;gap:12px;margin:34px 0 18px}.brand-open-plan-heading h2{margin:3px 0 5px}.brand-open-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-open-plan{position:relative;display:block;margin:0;cursor:pointer}.brand-open-plan input{position:absolute;top:16px;right:16px;width:18px;height:18px;margin:0;opacity:0}.brand-open-plan-body{display:flex;flex-direction:column;min-height:265px;padding:22px;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 10px 27px rgba(43,76,115,.05);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.brand-open-plan:hover .brand-open-plan-body{transform:translateY(-2px);border-color:#9dc2e7;box-shadow:0 15px 32px rgba(43,76,115,.1)}.brand-open-plan input:checked+.brand-open-plan-body{border-color:#4e91cf;background:linear-gradient(145deg,#fff,#f3f9ff);box-shadow:0 0 0 2px rgba(77,145,207,.13),0 16px 34px rgba(43,76,115,.11)}.brand-open-plan input:focus-visible+.brand-open-plan-body{outline:3px solid rgba(61,132,201,.32);outline-offset:2px}.brand-open-plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-open-plan-top strong{color:#294460;font-size:19px}.brand-open-plan-top em{padding:4px 8px;border-radius:999px;background:#eaf5f5;color:#559694;font-size:11px;font-style:normal;font-weight:500;white-space:nowrap}.brand-open-plan-description{display:block;min-height:44px;margin-top:12px;color:#8796a8;font-size:12px;font-weight:400;line-height:1.6}.brand-open-plan-price{display:block;margin-top:auto;color:#2d6fb1;font-size:28px;font-weight:700}.brand-open-plan-price small{margin-left:4px;color:#8d9bb0;font-size:12px;font-weight:400}.brand-open-plan-limit{display:block;margin-top:11px;color:#647993;font-size:12px;font-weight:400}.brand-open-plan-limit i{margin-right:5px;color:#5b9fc6}.brand-open-plan-select{display:block;margin-top:18px;padding-top:13px;border-top:1px solid #e8eef5;color:#8797a8;font-size:12px;font-weight:500}.brand-open-plan-select i{margin-right:5px;color:#b7c4d3}.brand-open-plan input:checked+.brand-open-plan-body .brand-open-plan-select,.brand-open-plan input:checked+.brand-open-plan-body .brand-open-plan-select i{color:#2e7cbe}.brand-open-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:21px 25px;border:1px solid #e0eaf3;border-radius:13px;background:#fff}.brand-open-submit p{margin:0;color:#8292a6;font-size:12px;line-height:1.6}.brand-open-submit p i{margin-right:5px;color:#68a0c6}.brand-open-submit .btn{min-width:190px;padding:11px 18px;border-color:#2868ce;border-radius:8px;background:#2868ce;font-size:15px;font-weight:600}.brand-open-submit .btn:hover{border-color:#1d55b2;background:#1d55b2}.brand-open-submit .btn i{margin-right:6px}.brand-open-guest{max-width:620px;margin:28px auto 0;padding:47px 30px;border:1px solid #deebf5;border-radius:16px;background:#fff;box-shadow:0 13px 32px rgba(43,76,115,.06);text-align:center}.brand-open-guest>i{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#e9f3ff;color:#4889c8;font-size:22px}.brand-open-guest h2{margin:17px 0 7px;color:#2c445f;font-size:22px}.brand-open-guest p{color:#8493a5;font-size:13px}.brand-open-guest .btn{min-width:110px;margin:15px 5px 0;border-radius:7px}

.brand-open-summary{display:grid;gap:7px;min-width:0;color:#526c87;font-size:13px}
.brand-open-summary>strong{margin-bottom:2px;color:#2b527d;font-size:14px}
.brand-open-summary>div{display:flex;align-items:baseline;gap:14px}
.brand-open-summary>div>span{flex:0 0 60px;color:#8395a8}
.brand-open-summary b{min-width:0;color:#d9534f;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.brand-open-summary small{margin-top:4px;color:#8496aa;font-size:12px}
.brand-open-submit .btn.is-incomplete,.brand-open-submit .btn.is-incomplete:hover,.brand-open-submit .btn.is-incomplete:focus{border-color:#b9c7d7;background:#b9c7d7;color:#fff;box-shadow:none;cursor:pointer}
@media(max-width:991px){.brand-access-page{max-width:850px}.brand-access-side{padding:45px 30px}.brand-access-panel{padding:39px 35px}.brand-open-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brand-open-guest .btn-primary{border-color:#2868ce;background:#2868ce}.brand-open-guest .btn-primary:hover{border-color:#1d55b2;background:#1d55b2}
.brand-open-page{margin-top:28px}
.brand-open-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 30px}
.brand-open-heading-copy{flex:1 1 420px;min-width:0}
.brand-open-heading h1{margin:0 0 5px;font-size:28px}
.brand-open-heading p{font-size:13px}
.brand-open-orders-link{flex:none;white-space:nowrap;border-color:#d8e5f2;border-radius:8px;color:#315f8d}
.brand-open-orders-page>.brand-card{margin-top:22px}
.brand-open-orders-page .table{margin-bottom:14px}
.brand-open-steps{flex:0 1 auto;justify-content:flex-end;gap:12px;margin-top:0}
.brand-open-steps span{white-space:nowrap}
.brand-open-plan-heading{margin:22px 0 14px}
.brand-open-name-intro{display:flex;align-items:center;gap:14px;min-width:0}
.brand-open-name-intro .brand-open-section-number{flex:none}
.brand-open-name-intro h2{margin:0 0 5px}
@media(max-width:767px){.brand-access-page{margin:20px auto 48px;padding:0 12px}.brand-access-shell{grid-template-columns:1fr;border-radius:15px}.brand-access-side{min-height:0;padding:24px 25px}.brand-access-side h1{margin:8px 0 4px;font-size:22px}.brand-access-side p{font-size:13px}.brand-access-points{display:none}.brand-access-panel{padding:28px 23px 29px}.brand-access-heading h2{font-size:23px}.brand-open-page{margin:20px auto 50px;padding:0 12px}.brand-open-heading{display:block;padding:20px 22px}.brand-open-heading h1{font-size:26px}.brand-open-steps{justify-content:flex-start;gap:9px 15px;margin-top:13px}.brand-open-name{grid-template-columns:1fr;gap:20px;padding:23px}.brand-open-plan-grid{grid-template-columns:1fr;gap:12px}.brand-open-plan-body{min-height:230px}.brand-open-submit{flex-direction:column;align-items:stretch;padding:19px}.brand-open-submit .btn{width:100%}}
.brand-open-heading .brand-open-orders-link{margin:10px 0}

/* 退出确认页：与登录、注册页保持一致的蓝色系。 */
.brand-logout-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px);padding:35px 12px}.brand-logout-card{position:relative;width:100%;max-width:640px;overflow:hidden;padding:52px 38px 48px;border:1px solid #dce8f5;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff 62%,#f1f8ff 100%);box-shadow:0 20px 48px rgba(39,77,121,.09);text-align:center}.brand-logout-card:after{position:absolute;right:-90px;bottom:-130px;width:260px;height:260px;border:1px solid rgba(83,149,208,.11);border-radius:50%;content:"";pointer-events:none;box-shadow:0 0 0 48px rgba(83,149,208,.035)}.brand-logout-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:20px;border-radius:18px;background:#e8f3ff;color:#3e7fc0;font-size:27px}.brand-logout-kicker{position:relative;z-index:1;display:block;color:#4686c0;font-size:12px;font-weight:700;letter-spacing:.12em}.brand-logout-card h2{position:relative;z-index:1;margin:10px 0 10px;color:#213a58;font-size:27px;font-weight:700}.brand-logout-card p{position:relative;z-index:1;margin:0;color:#7c8ea3;font-size:14px;line-height:1.75}.brand-logout-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:12px;margin-top:30px}.brand-logout-actions form{margin:0}.brand-logout-actions .btn{min-width:148px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600}.brand-logout-actions .btn-primary{border-color:#2868ce;background:#2868ce}.brand-logout-actions .btn-primary:hover{border-color:#1d55b2;background:#1d55b2}.brand-logout-confirm{border:1px solid #d8e4ef;background:#fff;color:#63788f}.brand-logout-confirm:hover,.brand-logout-confirm:focus{border-color:#c7d8e9;background:#f5f9fd;color:#365979}
@media(max-width:767px){.brand-logout-page{min-height:calc(100vh - 105px);padding:20px 0}.brand-logout-card{padding:39px 22px 34px;border-radius:14px}.brand-logout-card h2{font-size:23px}.brand-logout-actions{flex-direction:column}.brand-logout-actions form,.brand-logout-actions .btn{width:100%}}

/* 门店授权页与服务中心的轻量操作布局。 */
.brand-access-invite{margin:-4px 0 17px;padding:10px 12px;border:1px solid #d6e9de;border-radius:7px;background:#f5fbf7;color:#46745a;font-size:13px;line-height:1.5}
.brand-access-invite i{margin-right:5px}
.brand-invite-page{padding:30px}
.brand-invite-heading{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid #e8eef5}
.brand-invite-heading-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:12px;background:#eaf3ff;color:#437dbd;font-size:21px}
.brand-invite-heading-text{flex:1;min-width:0}
.brand-invite-heading h2{display:flex;align-items:center;gap:10px;margin:0 0 7px;color:#243b56;font-size:23px;font-weight:700}
.brand-invite-heading p{margin:0;color:#8493a6;font-size:13px;line-height:1.6}
.brand-invite-state{padding:4px 9px;border-radius:20px;background:#f1f3f6;color:#8995a5;font-size:11px;font-weight:500;white-space:nowrap}
.brand-invite-state.is-active{background:#e8f6ef;color:#36946a}
.brand-invite-record-link{flex:0 0 auto;border-color:#d7e3ef;border-radius:7px;color:#55728f}
.brand-invite-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;margin-top:25px}
.brand-invite-share,.brand-invite-rules{border:1px solid #e4ebf4;border-radius:12px;background:#fbfdff}
.brand-invite-share{display:flex;align-items:stretch;gap:25px;padding:22px}
.brand-invite-qr-panel{display:flex;align-items:center;flex:0 0 224px;flex-direction:column;justify-content:center;padding:20px 12px;border:1px solid #e4edf7;border-radius:10px;background:#fff;text-align:center}
#brand-invite-qrcode{display:flex;align-items:center;justify-content:center;min-height:180px;margin-bottom:14px}
.brand-invite-qr-panel strong{color:#344f6d;font-size:14px}
.brand-invite-qr-panel>span{margin-top:5px;color:#92a0b0;font-size:12px}
.brand-invite-share-fields{flex:1;min-width:0;padding:4px 0}
.brand-invite-share-fields h3,.brand-invite-rules h3{margin:0 0 8px;color:#2b435f;font-size:17px;font-weight:700}
.brand-invite-share-fields p{margin:0 0 19px;color:#8393a6;font-size:12px;line-height:1.7}
.brand-invite-share-fields label{display:block;margin:14px 0 7px;color:#60758d;font-size:12px}
.brand-invite-code-value{padding:9px 12px;border:1px solid #d8e3ef;border-radius:5px;background:#f6f9fc;color:#536c86;font-size:13px;letter-spacing:.08em}
.brand-invite-share-fields .input-group{display:flex;width:100%}
.brand-invite-share-fields .form-control{height:38px;min-width:0;border-color:#d8e3ef;background:#fff;box-shadow:none}
.brand-invite-share-fields .input-group-btn{width:auto}
.brand-invite-share-fields .btn{height:38px;min-width:106px;border-radius:0 5px 5px 0}
.brand-invite-rules{padding:25px}
.brand-invite-reward{display:flex;gap:12px;margin:20px 0;padding:17px;border:1px solid #dcebe7;border-radius:9px;background:#f2faf7}
.brand-invite-reward>i{color:#57aa8c;font-size:21px}
.brand-invite-reward strong,.brand-invite-reward span{display:block}
.brand-invite-reward strong{color:#2f785f;font-size:15px}
.brand-invite-reward span{margin-top:6px;color:#708d82;font-size:12px;line-height:1.6}
.brand-invite-rules ol{margin:0;padding:0;list-style:none}
.brand-invite-rules li{display:flex;align-items:flex-start;gap:10px;margin-top:15px;color:#647890;font-size:12px;line-height:1.6}
.brand-invite-rules li b{display:flex;align-items:center;justify-content:center;flex:0 0 21px;height:21px;border-radius:50%;background:#e7f0fa;color:#4c80b4;font-size:11px}
.brand-invite-closed{padding:66px 20px;text-align:center}
.brand-invite-closed>i{color:#b9c9da;font-size:36px}
.brand-invite-closed h3{margin:17px 0 7px;color:#38516e;font-size:18px}
.brand-invite-closed p{margin:0;color:#8c9bad;font-size:13px}
@media(max-width:1199px){.brand-invite-content{grid-template-columns:1fr}}
@media(max-width:767px){.brand-invite-page{padding:20px 16px}.brand-invite-heading{align-items:flex-start;flex-wrap:wrap}.brand-invite-heading h2{font-size:20px}.brand-invite-record-link{margin-left:61px}.brand-invite-share{flex-direction:column;padding:16px}.brand-invite-qr-panel{flex-basis:auto}.brand-invite-rules{padding:20px}.brand-invite-share-fields .btn{min-width:90px;padding:6px 9px;font-size:12px}}
.brand-service-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.brand-license-page{padding:28px 30px}
.brand-license-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 25px;border-bottom:1px solid #e8edf4}
.brand-license-heading h2{margin:8px 0;color:#233952;font-size:24px;font-weight:700}
.brand-license-heading p{margin:0;color:#7b8ca1;font-size:13px;line-height:1.7}
.brand-license-heading>.btn{flex:0 0 auto;border-color:#cfe1ec;color:#347e91}
.brand-license-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0 14px}
.brand-license-section-head h3{margin:0;color:#293d55;font-size:17px;font-weight:700}
.brand-license-section-head small{margin-left:8px;color:#94a2b3;font-size:12px;font-weight:400}
.brand-license-table{margin-bottom:0;border:1px solid #e6edf5}
.brand-license-table>thead>tr>th{padding:13px 15px;border-bottom:1px solid #e6edf5;background:#f7f9fc;color:#63768e;font-size:12px;font-weight:600;white-space:nowrap}
.brand-license-table>tbody>tr>td{padding:15px;border-color:#edf1f6;color:#52657c;vertical-align:middle}
.brand-license-table td strong{color:#29425e;font-weight:600}
.brand-license-operations{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-license-upgrades,.brand-license-renew{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.brand-license-operations form{margin:0}
.brand-license-upgrades .btn{border-color:#d5e4ef;color:#467ba9}
.brand-license-renew select.form-control{width:195px;min-width:195px;height:36px;padding:6px 10px;line-height:20px}
.brand-license-renew .btn{height:36px}
.brand-license-operations .btn,.brand-license-add-form .btn{border-radius:5px}
.brand-license-empty{padding:32px!important;color:#98a6b6!important;text-align:center}
.brand-license-add{margin-top:28px;padding:23px 25px;border:1px solid #e2ebf3;border-radius:10px;background:#f9fbfe}
.brand-license-add-intro{display:flex;align-items:center;gap:12px}
.brand-license-add-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#e7f2fb;color:#4b86bd}
.brand-license-add-intro h3{margin:0 0 4px;color:#29415b;font-size:17px;font-weight:700}
.brand-license-add-intro p{margin:0;color:#8392a5;font-size:12px}
.brand-license-add-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:19px}
.brand-license-field{flex:1 1 210px;max-width:300px}
.brand-license-field label{display:block;margin-bottom:6px;color:#586f88;font-size:12px;font-weight:600}
.brand-license-field .form-control{height:36px;border-color:#d7e2ed;border-radius:5px;box-shadow:none}
.brand-license-add-form>.btn{height:36px}
@media(max-width:767px){.brand-license-page{padding:20px 16px}.brand-license-heading{align-items:flex-start;flex-direction:column}.brand-license-operations{align-items:flex-start;flex-direction:column}.brand-license-add{padding:19px 16px}.brand-license-field{max-width:none}.brand-license-add-form>.btn{width:100%}}