:root{--bg:#16191d;--surface:#1f242a;--surface-2:#262c33;--border:#313941;--text:#e7eaee;--muted:#98a2ad;--accent:#2aa8e0;--accent-soft:rgba(42,168,224,.16);--ring:rgba(42,168,224,.30);--danger:#f06a6a;--success:#40bf73;--warning:#f5b83d;--info:#5ac8e8;--nav:#1f242a;--nav-text:#e7eaee;--field:#161b20;--zebra:rgba(255,255,255,.025);--shadow:0 1px 3px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.20);color-scheme:dark}/* Mikhmon UI v2 - design modernise, classes identiques a l'original */
*,*::before,*::after{box-sizing:border-box}
#brand,.box-group-icon,.box-group>div,input{vertical-align:middle}
#notify,.group-item,input{box-sizing:border-box}
.box-group-icon,body,button{line-height:1.5}
.input-group::after,.row::after{content:"";clear:both;display:table}
body{font-family:-apple-system,BlinkMacSystemFont,"segoe ui",Roboto,"helvetica neue",Arial,sans-serif,"apple color emoji","segoe ui emoji","segoe ui symbol";font-size:14px;font-weight:400;color:var(--text);text-align:left;background-color:var(--bg);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#brand,.modal-window header,.text-bold{font-weight:700}
input{margin:auto}
.footer{position:absolute;bottom:0;width:100%;height:60px;background:var(--surface)}
#notify,.navbar,.sidenav{position:fixed}
.plch-center::-webkit-input-placeholder{text-align:center}
.plch-center:-moz-placeholder{text-align:center}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--muted);border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-corner{background:transparent}
/* ---- barre de navigation ---- */
.navbar{overflow:hidden;background-color:var(--nav);z-index:9;top:0;width:100%;height:50px;border-bottom:1px solid var(--border);box-shadow:0 1px 8px rgba(0,0,0,.10)}
.navbar-left a,.navbar-right a{color:var(--nav-text);text-align:center;padding:14px 16px;transition:background-color .2s,color .2s;display:block;text-decoration:none}
.navbar-left a{float:left;font-size:17px}
.dropd,.navbar-right a,.ses{font-size:14px}
.navbar-right a{float:right}
.navbar a:hover{color:var(--accent)}
.navbar-hover:hover{background-color:var(--accent-soft)}
.ses{float:right;background-color:var(--surface-2);color:var(--text);height:30px;border:1px solid var(--border);border-radius:8px;padding:0 6px}
.dropd{float:right;background-color:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px}
.spa{border-bottom:1px solid var(--border)}
/* ---- menu lateral ---- */
.sidenav{height:100%;width:0;z-index:9;top:0;left:0;background-color:var(--surface);overflow-x:hidden;margin-top:51px;border-right:1px solid var(--border);transition:width .25s ease}
.dropdown-btn,.sidenav a{text-decoration:none;font-size:14px;color:var(--text);display:block;border:none;background-color:transparent;width:90%;text-align:left;cursor:pointer;outline:0;transition:background-color .18s,color .18s;padding-right:10px;margin:3px 0 3px 6px;border-radius:8px}
.sidenav i{font-size:18px;margin-right:4px;padding:7px 0 7px 9px}
.dropdown-btn:hover,.sidenav a:hover{color:var(--accent);background-color:var(--accent-soft)}
.active{background:var(--accent-soft);color:var(--accent);border-radius:8px}
.dropdown-container{display:none}
.dropdown-container i{padding-left:22px}
.menu-open{display:block}
#notify,#temp{display:none}
.fa-caret-down,.fa-caret-left{float:right;color:var(--muted)}
[class*=col-],[class*=input-group-]{float:left}
/* ---- notification ---- */
#notify{background-color:var(--surface);color:var(--text);border:1px solid var(--border);width:220px;left:50%;margin-left:-110px;padding:8px 10px;text-align:center;border-radius:10px;box-shadow:var(--shadow);z-index:99}
/* ---- structure ---- */
.box,.card{background-color:var(--surface)}
.bg-danger,.bg-info,.bg-primary,.bg-secondary,.bg-success,.bg-warning,.box a{color:#fff}
.box{color:var(--text)}
.wraprer{width:100%}
#main{transition:margin-left .25s ease;margin-top:55px}
.main-container{padding:6px 8px 10px}
#brand{min-width:165px}
#brand span{font-size:18px;line-height:10%}
.chart{height:200px;margin:0 auto}
.progress-bar,.progress-bar-blue,.progress-bar-red{height:8px;max-width:100%}
.box{padding:12px;margin:5px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}
.box a{text-decoration:none}
.box h1,h3{padding:0;margin:0}
.box-bordered{border:1px solid var(--border);border-radius:10px}
.box-group-icon,.btn{border:1px solid transparent}
.box-group>div{display:table-cell}
.box-group-icon{font-size:38px;display:inline-block;text-align:center;text-decoration:none;white-space:nowrap;width:25%;user-select:none;padding:6px 10px;margin:5px;border-radius:12px;transition:transform .15s,box-shadow .15s}
.box-group-icon:hover{box-shadow:var(--shadow)}
.box-group-area{padding:5px}
.login-box,.register-box{width:400px;margin:10px auto;padding-top:10%}
@media (max-width:576px){.login-box,.register-box{width:95%;margin-top:20px;padding-top:2%}}
.settings{width:66.66%;margin-top:5%;margin-left:auto;margin-right:auto}
@media (max-width:750px){.settings{width:95%;margin-top:5px}}
/* ---- cartes ---- */
.card{margin:6px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}
.card a{text-decoration:none}
.card h3{margin:0;font-size:15px}
.card-header{padding:9px 14px;margin-bottom:5px;border-bottom:1px solid var(--border);background-color:var(--surface-2);border-radius:12px 12px 0 0}
.card-body{padding:6px 12px;margin-bottom:10px}
.card-footer a{padding:0 0 5px;margin-top:5px;min-height:20px}
/* ---- boutons ---- */
.btn,.btn-login{display:inline-block;user-select:none;padding:5px 12px;vertical-align:middle;text-align:center;white-space:nowrap;cursor:pointer;text-decoration:none;transition:filter .15s,box-shadow .15s,transform .05s}
.overflow{overflow-x:auto;overflow-y:auto;max-height:80vh}
button{text-decoration:none;display:inline-block;border:none;background-color:transparent;font-size:14px;color:inherit}
.btn{margin:5px;border-radius:9px}
.btn:hover{filter:brightness(1.08);box-shadow:0 0 0 .2rem var(--ring)}
.btn:active{transform:translateY(1px)}
.btn-login:hover,.form-control:focus,.group-item:focus{box-shadow:0 0 0 .2rem var(--ring)}
.btn-login{border:1px solid transparent;border-radius:9px}
.group-item,.table td,.table th{padding:6px 8px}
/* ---- couleurs ---- */
[class*=bg-]{text-decoration:none}
.bg-primary{background-color:var(--accent)}
.bg-secondary{background-color:#73818f}
.bg-success{background-color:var(--success)}
.bg-info{background-color:var(--info)}
.bg-warning{background-color:var(--warning)}
.bg-danger{background-color:var(--danger)}
.bg-light{background-color:#f3f4f5;color:#2f353a}
.bg-blue,.bg-cyan,.bg-dark,.bg-green,.bg-indigo,.bg-orange,.bg-pink,.bg-purple,.bg-teal,.bg-yellow{color:#fff}
.bg-dark{background-color:#2f353a}
.bg-blue{background-color:#2593d8}
.bg-indigo{background-color:#6610f2}
.bg-purple{background-color:#6f42c1}
.bg-pink{background-color:#e83e8c}
.bg-red{background-color:var(--danger);color:#fff}
.bg-orange{background-color:#f5a623}
.bg-yellow{background-color:#f2b705}
.bg-green{background-color:var(--success)}
.bg-teal{background-color:#20c997}
.bg-cyan{background-color:#17a2b8}
.bg-white{background-color:#fff;color:#2f353a}
.bg-grey{background-color:#73818f;color:#fff}
.bg-grey-dark{background-color:#2f353a;color:#fff}
.bg-light-blue{background-color:#63c2de;color:#fff}
[class*=text-]{text-decoration:none}
.text-primary{color:var(--accent)}
.text-secondary{color:#8a97a5}
.text-success{color:var(--success)}
.text-info{color:var(--info)}
.text-warning{color:var(--warning)}
.text-danger{color:var(--danger)}
.text-light{color:#f3f4f5}
.text-dark{color:#2f353a}
.text-blue{color:#2593d8}
.text-indigo{color:#7a52d1}
.text-purple{color:#8e6cd1}
.text-pink{color:#e83e8c}
.text-red{color:var(--danger)}
.text-orange{color:#f5a623}
.text-yellow{color:#e5ac00}
.text-green{color:var(--success)}
.text-teal{color:#20c997}
.text-cyan{color:#17a2b8}
.text-white{color:#fff}
.text-grey{color:var(--muted)}
.text-grey-dark{color:var(--text)}
.text-light-blue{color:#63c2de}
.align-middle{vertical-align:middle}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.text-nowrap{white-space:nowrap}
.row::after{display:table}
/* ---- progression ---- */
.progress{width:100%;background-color:var(--surface-2);border-radius:8px;border:1px solid var(--border)}
.progress-bar{background-color:var(--muted);border-radius:8px;transition:width .4s ease}
.progress-bar-blue{background-color:var(--accent);border-radius:8px;transition:width .4s ease}
.progress-bar-red{background-color:var(--danger);border-radius:8px;transition:width .4s ease}
/* ---- tableaux ---- */
.table{width:100%;border-collapse:collapse!important}
.table td,a,th{color:var(--text);text-decoration:none}
.table thead th{background-color:var(--surface-2);font-weight:600}
.overflow .table thead th{position:sticky;top:0;z-index:1}
.table-bordered td,.table-bordered th{border:1px solid var(--border)!important}
.table-hover tbody tr:nth-child(even){background-color:var(--zebra)}
.table-hover tbody tr:hover{background-color:var(--accent-soft)}
.tscroll tbody{display:block;overflow:auto;height:70vh}
.tscroll thead{position:relative;display:block}
/* ---- formulaires ---- */
.form-control,.group-item{display:block;font-size:14px;background-color:var(--field);color:var(--text)}
.input-group-12,.alert,.group-item{width:100%}
.group-item{border:1px solid var(--border);transition:border-color .15s,box-shadow .15s}
.group-item-l{border-radius:8px 0 0 8px}
.group-item-r{border-radius:0 8px 8px 0}
.group-item-md{border-radius:0}
.group-item:focus{color:var(--text);border-color:var(--accent);outline:0}
.group-item::placeholder{color:var(--muted);opacity:1}
.alert{padding:6px 0;border-radius:8px}
.pointer{cursor:pointer}
.form-control{width:100%;padding:6px 9px;border:1px solid var(--border);border-radius:8px;transition:border-color .15s,box-shadow .15s}
.form-control:focus{color:var(--text);border-color:var(--accent);outline:0}
.form-control::placeholder{color:var(--muted);opacity:1}
select.form-control,select.group-item,select.ses,select.dropd{cursor:pointer}
/* ---- modales ---- */
.modal-window{position:fixed;background-color:rgba(0,0,0,.45);top:0;right:0;bottom:0;left:0;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease}
.modal-window:target{opacity:1;pointer-events:auto}
.modal-window>div{width:33.33%;position:relative;margin:10% auto;padding:1.1rem;background:var(--surface);color:var(--text);border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.modal-close{color:#fff;line-height:25px;position:absolute;right:0;text-align:center;top:0;width:50px;text-decoration:none;background-color:var(--danger);border-top-right-radius:13px;border-bottom-left-radius:10px}
.modal-close:hover{filter:brightness(1.1);color:#fff}
.modal-window h1{font-size:150%;margin:0 0 15px}
/* ---- responsive ---- */
@media screen and (min-width:750px){.sidenav{width:210px}#main{margin-left:210px}#openNav,#shareWA{display:none}#closeNav{display:block}}
@media screen and (max-width:750px){.sidenav{width:0;border-right:0}#brand,#closeNav,#cpage{display:none}#main{margin-left:0}#openNav{display:block}#shareWA{display:inline-block}.modal-window>div{width:80%}[class*=col-]{width:100%}.col-box-1{width:8.33%}.col-box-2{width:16.66%}.col-box-3{width:25%}.col-box-4{width:33.33%}.col-box-5{width:41.66%}.col-box-6{width:50%}.col-box-7{width:58.33%}.col-box-8{width:66.66%}.col-box-9{width:75%}.col-box-10{width:83.33%}.col-box-11{width:91.66%}.col-box-12{width:100%}}
.bmh-50{min-height:50px}.bmh-55{min-height:55px}.bmh-60{min-height:60px}.bmh-65{min-height:65px}.bmh-70{min-height:70px}.bmh-75{min-height:75px}.bmh-80{min-height:80px}.bmh-85{min-height:85px}.bmh-90{min-height:90px}.bmh-95{min-height:95px}.bmh-100{min-height:100px}.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}.w-1{width:8.33%}.w-2{width:16.66%}.w-3{width:25%}.w-4{width:33.33%}.w-5{width:41.66%}.w-6{width:50%}.w-7{width:58.33%}.w-8{width:66.66%}.w-9{width:75%}.w-10{width:83.33%}.w-11{width:91.66%}.w-12{width:100%}.input-group-1{width:8.33%}.input-group-2{width:16.66%}.input-group-3{width:25%}.input-group-4{width:33.33%}.input-group-5{width:41.66%}.input-group-6{width:50%}.input-group-7{width:58.33%}.input-group-8{width:66.66%}.input-group-9{width:75%}.input-group-10{width:83.33%}.input-group-11{width:91.66%}.pd-2{padding:2px}.pd-2p5{padding:2.5px}.pd-3{padding:3px}.pd-3p5{padding:3.5px}.pd-4{padding:4px}.pd-4p5{padding:4.5px}.pd-5{padding:5px}.pd-5p5{padding:5.5px}.pd-6{padding:6px}.pd-7{padding:7px}.pd-8{padding:8px}.pd-9{padding:9px}.pd-10{padding:10px}.pd-t-2{padding-top:2px}.pd-t-3{padding-top:3px}.pd-t-4{padding-top:4px}.pd-t-5{padding-top:5px}.pd-t-6{padding-top:6px}.pd-t-7{padding-top:7px}.pd-t-8{padding-top:8px}.pd-t-9{padding-top:9px}.pd-t-10{padding-top:10px}.pd-b-2{padding-bottom:2px}.pd-b-3{padding-bottom:3px}.pd-b-4{padding-bottom:4px}.pd-b-5{padding-bottom:5px}.pd-b-6{padding-bottom:6px}.pd-b-7{padding-bottom:7px}.pd-b-8{padding-bottom:8px}.pd-b-9{padding-bottom:9px}.pd-b-10{padding-bottom:10px}.pd-r-2{padding-right:2px}.pd-r-3{padding-right:3px}.pd-r-4{padding-right:4px}.pd-r-5{padding-right:5px}.pd-r-6{padding-right:6px}.pd-r-7{padding-right:7px}.pd-r-8{padding-right:8px}.pd-r-9{padding-right:9px}.pd-r-10{padding-right:10px}.pd-l-2{padding-left:2px}.pd-l-3{padding-left:3px}.pd-l-4{padding-left:4px}.pd-l-5{padding-left:5px}.pd-l-6{padding-left:6px}.pd-l-7{padding-left:7px}.pd-l-8{padding-left:8px}.pd-l-9{padding-left:9px}.pd-l-10{padding-left:10px}.mr-a{margin:auto}.mr-2{margin:2px}.mr-3{margin:3px}.mr-4{margin:4px}.mr-5{margin:5px}.mr-6{margin:6px}.mr-7{margin:7px}.mr-8{margin:8px}.mr-9{margin:9px}.mr-10{margin:10px}.mr-t-2{margin-top:2px}.mr-t-3{margin-top:3px}.mr-t-4{margin-top:4px}.mr-t-5{margin-top:5px}.mr-t-6{margin-top:6px}.mr-t-7{margin-top:7px}.mr-t-8{margin-top:8px}.mr-t-9{margin-top:9px}.mr-t-10{margin-top:10px}.mr-b-2{margin-bottom:2px}.mr-b-3{margin-bottom:3px}.mr-b-4{margin-bottom:4px}.mr-b-5{margin-bottom:5px}.mr-b-6{margin-bottom:6px}.mr-b-7{margin-bottom:7px}.mr-b-8{margin-bottom:8px}.mr-b-9{margin-bottom:9px}.mr-b-10{margin-bottom:10px}.mr-r-2{margin-right:2px}.mr-r-3{margin-right:3px}.mr-r-4{margin-right:4px}.mr-r-5{margin-right:5px}.mr-r-6{margin-right:6px}.mr-r-7{margin-right:7px}.mr-r-8{margin-right:8px}.mr-r-9{margin-right:9px}.mr-r-10{margin-right:10px}.mr-l-2{margin-left:2px}.mr-l-3{margin-left:3px}.mr-l-4{margin-left:4px}.mr-l-5{margin-left:5px}.mr-l-6{margin-left:6px}.mr-l-7{margin-left:7px}.mr-l-8{margin-left:8px}.mr-l-9{margin-left:9px}.mr-l-10{margin-left:10px}.radius-l-3{border-radius:3px 0 0 3px}.radius-r-3{border-radius:0 3px 3px 0}.radius-b-3{border-radius:0 0 3px 3px}.radius-3{border-radius:3px}.radius-l-5{border-radius:5px 0 0 5px}.radius-r-5{border-radius:0 5px 5px 0}.radius-5{border-radius:5px}.lds-dual-ring{display:inline-block;width:64px;height:64px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border:5px solid #e4e7ea;border-color:#e4e7ea transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cm-s-material.CodeMirror{background-color:#263238;color:rgba(233,237,237,1)}.cm-s-material .CodeMirror-gutters{background:#263238;color:#537f7e;border:none}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#537f7e}.cm-s-material .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-material div.CodeMirror-selected{background:rgba(255,255,255,.15)}.cm-s-material.CodeMirror-focused div.CodeMirror-selected{background:rgba(255,255,255,.1)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,.1)}.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,0)}.cm-s-material .cm-keyword{color:rgba(199,146,234,1)}.cm-s-material .cm-operator{color:rgba(233,237,237,1)}.cm-s-material .cm-variable-2{color:#80CBC4}.cm-s-material .cm-builtin{color:#DECB6B}.cm-s-material .cm-atom,.cm-s-material .cm-number{color:#F77669}.cm-s-material .cm-def{color:rgba(233,237,237,1)}.cm-s-material .cm-string{color:#C3E88D}.cm-s-material .cm-string-2{color:#80CBC4}.cm-s-material .cm-comment{color:#546E7A}.cm-s-material .cm-variable{color:#82B1FF}.cm-s-material .cm-meta,.cm-s-material .cm-tag{color:#80CBC4}.cm-s-material .cm-attribute{color:#FFCB6B}.cm-s-material .cm-property{color:#80CBAE}.cm-s-material .cm-qualifier,.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#DECB6B}.cm-s-material .cm-tag{color:rgba(255,83,112,1)}.cm-s-material .cm-error{color:rgba(255,255,255,1);background-color:#EC5F67}.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}/*mk-mobile*/@media (max-width:750px){.form-control,.group-item,textarea{font-size:16px;min-height:44px}select.form-control,select.group-item{min-height:44px}select,input{font-size:16px}.btn,.btn-login{padding:9px 15px;font-size:15px;margin:4px 4px 4px 0}[class*=input-group-]{width:100%}.input-group>div{width:100%;margin-bottom:7px}.input-group .group-item{border-radius:8px}.card-body{padding:8px 11px}.main-container{padding:5px}.overflow{-webkit-overflow-scrolling:touch}.card-header h3{font-size:16px}.box h1{font-size:26px}.table td,.table th{padding:8px 7px}}

/*mk-colfix*/@media (max-width:750px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%}}
/*mk-cbfix*/@media (max-width:750px){.col-box-1{width:8.33%}.col-box-2{width:16.66%}.col-box-3{width:25%}.col-box-4{width:33.33%}.col-box-5{width:41.66%}.col-box-6{width:50%}.col-box-7{width:58.33%}.col-box-8{width:66.66%}.col-box-9{width:75%}.col-box-10{width:83.33%}.col-box-11{width:91.66%}.col-box-12{width:100%}}
/*mk2-components*/
.mk2-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.mk2-card-pad{padding:14px 16px}
.mk2-stat{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:0 12px 12px 0;border-left:4px solid var(--accent)}
.mk2-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-soft)}
.mk2-icon i{font-size:18px;color:var(--accent)}
.mk2-stat-value{font-size:18px;font-weight:bold;color:var(--text);line-height:1.2}
.mk2-stat-label{font-size:11px;color:var(--muted)}
.mk2-badge{font-size:11px;padding:2px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mk2-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.mk2-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.mk2-search-wrap{flex:1;min-width:160px;display:flex;align-items:center;gap:8px;background:var(--field);border:1px solid var(--border);border-radius:8px;padding:0 12px}
.mk2-search-wrap i{color:var(--muted);font-size:14px}
.mk2-search-wrap input{border:none;background:transparent;padding:9px 0;font-size:13px;color:var(--text);width:100%;outline:none}
.mk2-pill{font-size:12.5px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.mk2-pill:hover{background:var(--surface-2)}
.mk2-pill-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.mk2-pill-danger{background:rgba(226,75,74,.12);color:var(--danger);border-color:transparent}
.mk2-pill-success{background:rgba(55,178,77,.12);color:var(--success);border-color:transparent}
.mk2-table{width:100%;border-collapse:collapse}
.mk2-table th{font-size:11px;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-weight:bold;background:var(--surface-2)}
.mk2-table td{font-size:12.5px;color:var(--text);padding:9px 10px;border-bottom:1px solid var(--border)}
.mk2-table tr:last-child td{border-bottom:none}
.mk2-table tbody tr:hover td{background:var(--zebra)}
.mk2-mono{font-family:monospace}
.mk2-muted{color:var(--muted)}
.mk2-empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}

/*mk2-responsive*/.mk2-dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;align-items:start}@media (max-width:750px){.mk2-dash-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:750px){.mk2-card-pad{padding:11px 12px}}

/*mk2-grids*/.mk2-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.mk2-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}@media (max-width:750px){.mk2-grid-3{grid-template-columns:1fr}.mk2-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}