:root{
    --primary:#3769f5;
    --primary-dark:#174fc9;
    --secondary:#14b8a6;
    --accent:#7c5cff;
    --danger:#e6485e;
    --warning:#f59e0b;
    --sidebar:#0e2d63;
    --sidebar-2:#16488e;
    --surface:#ffffff;
    --page:#f3f7fd;
    --text:#17243d;
    --muted:#7a879d;
    --border:#e5ebf5;
    --shadow:0 12px 34px rgba(32,66,132,.10);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:'Kanit',sans-serif;color:var(--text);background:var(--page);font-size:14px}
a{text-decoration:none}
button,input,textarea,select{font-family:'Kanit',sans-serif}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:276px;background:linear-gradient(165deg,var(--sidebar),var(--sidebar-2) 56%,#2369bf);z-index:1050;color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(13,45,99,.16);transition:width .28s ease,transform .28s ease;overflow:hidden}
.sidebar::after{content:"";position:absolute;width:240px;height:240px;right:-110px;top:90px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.sidebar-header{height:82px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1;color:#fff}
.brand:hover{color:#fff}
.brand-mark{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);flex:0 0 auto;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}
.brand-text{display:flex;flex-direction:column;white-space:nowrap;min-width:0;line-height:1.15}
.brand-text strong{font-size:18px;overflow:hidden;text-overflow:ellipsis}
.brand-text small{font-size:9px;letter-spacing:2.6px;opacity:.7;margin-top:4px}
.sidebar-collapse{border:0;background:rgba(255,255,255,.12);color:#fff;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;transition:.2s}
.sidebar-collapse:hover{background:rgba(255,255,255,.22)}
.sidebar-scroll{position:relative;z-index:2;overflow-y:auto;overflow-x:hidden;padding:18px 13px 96px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}
.sidebar-label{font-size:10px;letter-spacing:1.5px;color:rgba(255,255,255,.55);padding:14px 14px 8px;white-space:nowrap}
.sidebar-nav{display:grid;gap:5px}
.nav-item{display:flex;align-items:center;gap:13px;min-height:44px;padding:10px 13px;color:rgba(255,255,255,.78);border-radius:12px;white-space:nowrap;position:relative;transition:.2s}
.nav-item i{width:22px;text-align:center;font-size:15px;flex:0 0 auto}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.10);transform:translateX(2px)}
.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.10));box-shadow:inset 3px 0 #7ce6ff,0 8px 18px rgba(0,0,0,.10)}
.logout-item{position:absolute;left:13px;right:13px;bottom:14px;height:48px;border-radius:13px;display:flex;align-items:center;gap:13px;padding:0 15px;color:#fff;background:linear-gradient(135deg,#e94b62,#c92b46);z-index:4;box-shadow:0 10px 24px rgba(151,22,49,.30);white-space:nowrap}
.logout-item:hover{color:#fff;filter:brightness(1.07)}
.main-wrapper{min-height:100vh;margin-left:276px;transition:margin-left .28s ease;display:flex;flex-direction:column}
.topbar{height:82px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:1030}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}
.mobile-sidebar-btn{display:none;width:42px;height:42px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:12px}
.page-kicker{display:block;font-size:9px;letter-spacing:1.8px;color:var(--primary);font-weight:600;margin-bottom:2px}
.page-heading h1{font-size:22px;margin:0;font-weight:600}
.top-icon{width:42px;height:42px;border:1px solid var(--border);background:#fff;border-radius:12px;color:#5d6c83;transition:.2s}
.top-icon:hover{color:var(--primary);border-color:#cbd8fa;background:#f5f8ff}
.user-button{border:0;background:#f5f8fd;border-radius:14px;padding:6px 10px 6px 7px;display:flex;align-items:center;gap:10px;color:var(--text)}
.user-button::after{margin-left:5px}
.avatar-wrap{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-size:17px;font-weight:600;overflow:hidden}
.avatar-wrap img{width:100%;height:100%;object-fit:cover}
.user-meta{display:flex;flex-direction:column;text-align:left;line-height:1.25}
.user-meta strong{font-size:13px}
.user-meta small{font-size:11px;color:var(--muted)}
.content-area{padding:26px;flex:1}
.app-footer{min-height:56px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:var(--muted);font-size:12px;background:#fff}
body.sidebar-collapsed .sidebar{width:88px}
body.sidebar-collapsed .main-wrapper{margin-left:88px}
body.sidebar-collapsed .brand-text,body.sidebar-collapsed .nav-item span,body.sidebar-collapsed .sidebar-label,body.sidebar-collapsed .logout-item span{opacity:0;visibility:hidden;width:0}
body.sidebar-collapsed .brand{justify-content:center}
body.sidebar-collapsed .sidebar-header{padding:0 13px;justify-content:center}
body.sidebar-collapsed .sidebar-collapse{position:absolute;right:-1px;bottom:-14px;transform:rotate(180deg);background:#2b63b2;border:2px solid #fff}
body.sidebar-collapsed .nav-item{justify-content:center;padding:10px}
body.sidebar-collapsed .nav-item:hover{transform:none}
body.sidebar-collapsed .logout-item{justify-content:center;padding:0}
.sidebar-backdrop{display:none}

.hero-panel{border-radius:24px;background:linear-gradient(125deg,#0b54c5,#2a78e9 50%,#245cc5);color:#fff;padding:30px 34px;box-shadow:0 18px 42px rgba(24,84,184,.24);position:relative;overflow:hidden;margin-bottom:24px}
.hero-panel::before,.hero-panel::after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.08);transform:rotate(-20deg)}
.hero-panel::before{width:420px;height:130px;right:130px;top:-60px}.hero-panel::after{width:360px;height:120px;right:-100px;bottom:-40px}
.hero-panel h2{font-size:30px;font-weight:600;margin:0 0 8px}.hero-panel p{margin:0;opacity:.82;font-size:15px}.hero-badge{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:8px 13px;border-radius:999px;font-size:12px}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow);height:100%;position:relative;overflow:hidden}
.stat-card::after{content:"";position:absolute;right:-22px;top:-22px;width:90px;height:90px;border-radius:50%;background:var(--soft,#edf3ff)}
.stat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--soft,#edf3ff);color:var(--tone,var(--primary));font-size:19px;position:relative;z-index:1}
.stat-label{color:var(--muted);font-size:12px;margin-top:18px}.stat-value{font-size:27px;font-weight:600;margin-top:4px}.stat-note{font-size:11px;color:#92a0b5;margin-top:5px}
.card-panel{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}
.card-panel-header{padding:19px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#fff,#fbfcff)}
.card-title-wrap{display:flex;align-items:center;gap:12px}.card-title-icon{width:42px;height:42px;border-radius:13px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-size:17px}.card-title-wrap h3{font-size:17px;margin:0;font-weight:600}.card-title-wrap p{font-size:12px;margin:2px 0 0;color:var(--muted)}
.card-panel-body{padding:22px}
.form-label{font-weight:500;color:#33415c;margin-bottom:7px}.form-control,.form-select{border-color:#dfe7f2;border-radius:11px;min-height:43px;font-size:14px;padding:.62rem .85rem}.form-control:focus,.form-select:focus{border-color:#8eb0ff;box-shadow:0 0 0 .2rem rgba(55,105,245,.11)}textarea.form-control{min-height:110px}
.input-icon{position:relative}.input-icon>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8c9bb1;z-index:4}.input-icon>.form-control,.input-icon>.form-select{padding-left:40px}.input-icon.textarea-icon>i{top:18px;transform:none}
.btn{border-radius:10px;font-weight:500;padding:.58rem .95rem}.btn-primary{background:linear-gradient(135deg,var(--primary),#2459d8);border:0;box-shadow:0 7px 16px rgba(55,105,245,.22)}.btn-danger{background:linear-gradient(135deg,#ee5268,#c92d49);border:0}.btn-soft-primary{background:#edf3ff;color:var(--primary);border:1px solid #dfe9ff}.btn-soft-primary:hover{background:var(--primary);color:#fff}.btn-soft-danger{background:#fff0f2;color:#d63d56;border:1px solid #ffd7de}.btn-soft-warning{background:#fff7e8;color:#b97600;border:1px solid #ffe9ba}.btn-soft-success{background:#eafaf7;color:#0f927f;border:1px solid #c9f0e8}
.badge-soft{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:500}.badge-active{background:#e9faf5;color:#16836f}.badge-inactive{background:#fff0f2;color:#cf3e55}.badge-admin{background:#edf3ff;color:#315ed0}.badge-editor{background:#f0ecff;color:#6747cf}
.table{--bs-table-bg:transparent}.table>:not(caption)>*>*{padding:13px 12px;border-bottom-color:#edf1f7;vertical-align:middle}.table thead th{font-size:12px;color:#66758d;background:#f8faff;border-bottom:1px solid #e6ecf5;white-space:nowrap}.table tbody tr:hover{background:#fbfdff}.table-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.table-actions .btn{width:34px;height:34px;padding:0;display:grid;place-items:center}
.drag-zone{border:2px dashed #c9d6ea;background:#f8fbff;border-radius:16px;min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.drag-zone:hover,.drag-zone.dragover{border-color:var(--primary);background:#f1f6ff;transform:translateY(-1px)}.drag-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.drag-zone i{font-size:27px;color:var(--primary);margin-bottom:8px}.drag-zone strong{display:block}.drag-zone small{color:var(--muted)}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:14px}.preview-item{border:1px solid var(--border);border-radius:13px;padding:7px;background:#fff;position:relative}.preview-item img{width:100%;height:96px;object-fit:cover;border-radius:9px}.preview-item .file-preview{height:96px;border-radius:9px;background:#f3f6fb;display:grid;place-items:center;color:#d5425a;font-size:30px}.preview-item .preview-name{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.existing-media{position:relative}.existing-media .remove-check{position:absolute;right:7px;top:7px;background:rgba(255,255,255,.94);padding:4px 7px;border-radius:8px;font-size:10px;color:#d53f57}
.slide-sort-list,.menu-sort-list{display:grid;gap:10px}.sortable-row{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px;display:flex;align-items:center;gap:12px;cursor:grab}.sortable-row:active{cursor:grabbing}.sort-handle{width:34px;height:34px;border-radius:10px;background:#f2f5fa;color:#8291a7;display:grid;place-items:center;flex:0 0 auto}.sortable-row img{width:90px;height:58px;border-radius:10px;object-fit:cover}.sortable-row .sort-info{min-width:0;flex:1}.sortable-row .sort-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sortable-row .sort-info small{color:var(--muted)}.sortable-ghost{opacity:.45;background:#edf3ff}
.thumb-sm{width:58px;height:42px;border-radius:9px;object-fit:cover;background:#eef2f7}.thumb-avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#edf2fa}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state i{font-size:42px;color:#c9d3e3;margin-bottom:14px}
.section-note{padding:12px 14px;border-radius:12px;background:#f3f7ff;border-left:4px solid var(--primary);font-size:12px;color:#53647e}.required:after{content:' *';color:var(--danger)}
.login-page{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(124,92,255,.25),transparent 35%),radial-gradient(circle at 15% 80%,rgba(20,184,166,.17),transparent 32%),linear-gradient(135deg,#0d2d64,#174e99 55%,#2d65c5);display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-page::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-160px;top:-200px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.login-card{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(4,25,65,.35);position:relative;z-index:2}.login-visual{background:linear-gradient(145deg,#255fc7,#164797);color:#fff;padding:52px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:580px}.login-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.08) 16%,transparent 35%,rgba(255,255,255,.08) 36%,transparent 56%);transform:scale(1.4) rotate(-8deg)}.login-brand{position:relative;display:flex;align-items:center;gap:13px}.login-brand .brand-mark{background:rgba(255,255,255,.16)}.login-copy{position:relative}.login-copy h1{font-size:38px;font-weight:600;margin-bottom:14px}.login-copy p{font-size:15px;opacity:.8;line-height:1.8}.login-points{position:relative;display:grid;gap:11px}.login-points span{display:flex;align-items:center;gap:10px;font-size:12px;opacity:.86}.login-form-wrap{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}.login-form-wrap h2{font-size:29px;font-weight:600}.login-subtitle{color:var(--muted);margin-bottom:30px}.login-form-wrap .form-control{min-height:50px;border-radius:13px}.login-form-wrap .input-icon>i{left:16px}.login-form-wrap .input-icon>.form-control{padding-left:44px}.login-submit{min-height:50px;border-radius:13px;font-size:15px}.password-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8795aa;z-index:5}
.dataTables_wrapper .dt-search input,.dataTables_wrapper .dt-length select{border:1px solid var(--border)!important;border-radius:9px!important;padding:6px 10px!important}.dt-container .dt-paging .dt-paging-button{border-radius:8px!important}.dt-container .dt-paging .dt-paging-button.current{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%);width:276px}.sidebar.mobile-open{transform:translateX(0)}.main-wrapper{margin-left:0}.mobile-sidebar-btn{display:grid;place-items:center}.sidebar-collapse{display:none}.sidebar-backdrop{position:fixed;inset:0;background:rgba(9,27,58,.45);z-index:1040}.sidebar-backdrop.show{display:block}.content-area{padding:20px}.login-card{grid-template-columns:1fr;max-width:560px}.login-visual{display:none}}
@media(max-width:575.98px){.topbar{padding:0 14px;height:72px}.page-kicker{display:none}.page-heading h1{font-size:18px}.user-meta{display:none}.top-icon{display:none}.content-area{padding:14px}.app-footer{padding:14px;display:block;text-align:center}.app-footer span{display:block}.hero-panel{padding:24px 21px;border-radius:19px}.hero-panel h2{font-size:24px}.card-panel-header{align-items:flex-start;padding:16px}.card-panel-body{padding:16px}.login-form-wrap{padding:36px 24px}.table-actions{justify-content:flex-start}}

/* v1.1.0: Public website preview, icon picker and logout confirmation */
.view-site-btn{min-height:48px;display:flex;align-items:center;gap:10px;padding:5px 12px 5px 7px;border:1px solid #dbe9f8;border-radius:14px;background:linear-gradient(135deg,#f2f8ff,#effcf9);color:#24446e;transition:.2s;box-shadow:0 6px 18px rgba(45,93,158,.07)}
.view-site-btn:hover{color:var(--primary);border-color:#bdd8f4;transform:translateY(-1px);box-shadow:0 10px 22px rgba(45,93,158,.12)}
.view-site-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#3769f5,#14b8a6);color:#fff;box-shadow:0 7px 15px rgba(55,105,245,.20)}
.view-site-copy{display:flex;flex-direction:column;line-height:1.15;text-align:left;white-space:nowrap}.view-site-copy strong{font-size:12px}.view-site-copy small{font-size:9px;color:#7d8ca2;margin-top:2px}.view-site-arrow{font-size:10px;color:#8aa0bb;margin-left:2px}
.nav-view-site{background:rgba(58,211,194,.12);box-shadow:inset 0 0 0 1px rgba(126,238,225,.14)}.nav-view-site i{color:#83fff0}.nav-view-site em{font-style:normal;font-size:7px;letter-spacing:1px;background:rgba(131,255,240,.17);color:#8ffbef;border:1px solid rgba(131,255,240,.15);border-radius:999px;padding:3px 5px;margin-left:auto}.nav-view-site:hover{background:rgba(58,211,194,.20)}
body.sidebar-collapsed .nav-view-site em{display:none}
.login-back-site{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:17px;color:#6f7f96;font-size:12px;transition:.2s}.login-back-site:hover{color:var(--primary)}
.swal2-popup.swal-kanit,.swal2-popup.swal-kanit *{font-family:'Kanit',sans-serif!important}.swal2-confirm i{pointer-events:none}
.icon-picker-control{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;border:1px solid #dfe7f2;border-radius:12px;overflow:hidden;background:#fff;transition:.2s}.icon-picker-control:focus-within{border-color:#8eb0ff;box-shadow:0 0 0 .2rem rgba(55,105,245,.11)}
.selected-icon-preview{height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#edf3ff,#eafaf7);color:var(--primary);font-size:18px;border-right:1px solid #e3eaf4}.icon-picker-control .form-control{border:0!important;border-radius:0;box-shadow:none!important;min-width:0;background:#fff;color:#4d5d76;font-size:12px}.btn-icon-picker{height:46px;border:0;border-radius:0;background:linear-gradient(135deg,var(--primary),#2459d8);color:#fff;display:flex;align-items:center;gap:7px;padding:0 14px}.btn-icon-picker:hover{color:#fff;filter:brightness(1.05)}
.menu-row-icon{width:40px!important;height:40px!important;border-radius:11px!important;flex:0 0 auto}
.icon-picker-modal .modal-content{border:0;border-radius:21px;overflow:hidden;box-shadow:0 28px 80px rgba(16,48,96,.24)}.icon-picker-modal .modal-header{padding:17px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#f9fbff)}.icon-modal-heading{display:flex;align-items:center;gap:12px}.icon-modal-heading>span{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#edf3ff,#eafaf7);color:var(--primary);display:grid;place-items:center;font-size:18px}.icon-modal-heading h5{font-size:17px;margin:0}.icon-modal-heading small{font-size:11px;color:var(--muted)}
.icon-picker-modal .modal-body{padding:20px;background:#f7f9fd}.icon-search-wrap{position:sticky;top:-20px;z-index:3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:5px 12px;margin-bottom:16px;box-shadow:0 8px 20px rgba(40,73,124,.07)}.icon-search-wrap>i{color:#8b9ab0}.icon-search-wrap .form-control{border:0;box-shadow:none;min-height:42px;padding-left:0}.icon-search-wrap>span{font-size:10px;color:var(--primary);background:#edf3ff;padding:5px 9px;border-radius:999px;white-space:nowrap}
.icon-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.icon-option{min-height:112px;border:1px solid #e1e8f2;background:#fff;border-radius:15px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#3d4d67;transition:.2s}.icon-option:hover{border-color:#9dbaf7;transform:translateY(-3px);box-shadow:0 11px 22px rgba(39,76,136,.11)}.icon-option.selected{border-color:var(--primary);background:linear-gradient(145deg,#f5f8ff,#effcf9);box-shadow:inset 0 0 0 1px var(--primary)}.icon-option>span{width:43px;height:43px;border-radius:13px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-size:18px}.icon-option.selected>span{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.icon-option strong{font-size:11px;font-weight:500;text-align:center;line-height:1.25}.icon-option small{font-size:7px;color:#9aa6b8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon-empty-result{display:none;min-height:250px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.icon-empty-result.show{display:flex}.icon-empty-result>i{font-size:40px;color:#bdc9d9;margin-bottom:12px}.icon-empty-result strong{font-size:15px}.icon-empty-result small{font-size:11px;margin-top:4px}
.icon-picker-modal .modal-footer{justify-content:space-between;padding:13px 20px;border-top:1px solid var(--border)}.selected-icon-summary{display:flex;align-items:center;gap:10px}.selected-icon-summary>span{width:39px;height:39px;border-radius:11px;background:#edf3ff;color:var(--primary);display:grid;place-items:center}.selected-icon-summary>div{display:flex;flex-direction:column}.selected-icon-summary small{font-size:9px;color:var(--muted)}.selected-icon-summary strong{font-size:11px}
@media(max-width:1199.98px){.icon-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:991.98px){.view-site-copy,.view-site-arrow{display:none}.view-site-btn{padding:5px}.view-site-icon{width:38px;height:38px}.icon-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767.98px){.icon-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.btn-icon-picker span{display:none}.btn-icon-picker{padding:0 14px}.icon-picker-modal .modal-dialog{margin:8px}.icon-picker-modal .modal-body{padding:14px}.icon-search-wrap{top:-14px}.selected-icon-summary strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:575.98px){.view-site-btn{display:none}.icon-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-option{min-height:100px}.icon-picker-control{grid-template-columns:45px minmax(0,1fr) 46px}.icon-picker-modal .modal-footer{display:block}.selected-icon-summary{margin-bottom:10px}.icon-picker-modal .modal-footer .btn{width:100%}}


/* v1.3.2: Login form visibility and AppServ compatibility hotfix */
.login-form-wrap form.login-form{display:block!important;visibility:visible!important;opacity:1!important;width:100%}
.login-form-wrap form.login-form .mb-3,.login-form-wrap form.login-form .mb-4,.login-form-wrap form.login-form .input-icon,.login-form-wrap form.login-form .form-label,.login-form-wrap form.login-form .form-control,.login-form-wrap form.login-form .login-submit{visibility:visible!important;opacity:1!important}
.login-form-wrap form.login-form .form-label{display:block!important}
.login-form-wrap form.login-form .input-icon{display:block!important}
.login-form-wrap form.login-form .form-control{display:block!important;width:100%!important;background:#fff!important;color:#17243d!important}
.login-form-wrap form.login-form .login-submit{display:block!important}