﻿/* Page styles */

.status-true{display:inline-block;padding:4px 10px;border-radius:6px;background:#dff3df;color:#22a447;font-size:12px;font-weight:600;line-height:1;}
.status-false{display:inline-block;padding:4px 10px;border-radius:6px;background:#f8dada;color:#ef4444;font-size:12px;font-weight:600;line-height:1;}
.results-grid td a{color:#0b67b2;text-decoration:underline;}


.filters-panel{padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;}
.filters-top-row{display:flex;gap:10px;margin-bottom:15px;}
.filters-search-wrap{flex:1;}
.filters-dates-row{display:flex;gap:15px;}
.filters-date-col{flex:1;}
.filters-label{font-size:13px;margin-bottom:6px;color:#6b7280;}
.export-panel{padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;}
.export-btn{width:100%;padding:12px;border:0;background:#f1f5f9;text-align:left;}

.search-with-icon{position:relative;}
.search-with-icon i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;}
.search-with-icon input{padding-left:35px;}

.results-info{margin-top:12px;font-size:14px;color:#6b7280;}
.results-label{margin-right:6px;}
.results-count{font-weight:600;color:#111827;}

.menu-title { display:block; margin:0 0 16px; font-size:18px; font-weight:700; color:#1f2937; }
.menu-card { border:1px solid #dbe3ea; border-radius:14px; box-shadow:none; }
.menu-top-btn { border-radius:6px; background:#fff; color:#0b66a3; font-weight:600; border:1px solid; }
.menu-top-btn:hover { background:#f8fbff; color:#0b66a3; }
/*.menu-input { height:42px; border:1px solid #e5e7eb; border-radius:4px; background:#f8fafc; box-shadow:none; }
*/.menu-order { width:80px; height:42px; border:1px solid #e5e7eb; border-radius:4px; background:#f8fafc; box-shadow:none; }
.menu-tree-wrap { border:1px solid #dbe3ea; border-radius:12px; padding:14px; background:#fff; }
.menu-tree-wrap table {/* width:100%; */}
/*.menu-tree-wrap td { padding:6px 0; }*/
.menu-tree-wrap a { color:#0b66a3; text-decoration:none; }

.PageHelp a { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; font-size:12px; border:1px solid #dbe3ea; border-radius:6px; background:#fff; color:#0b66a3; text-decoration:none; transition:all .2s ease; }
.PageHelp a:hover { background:#f8fbff; border-color:#8db7db; }
.PageHelp i { font-size:12px; }


.article-admin-page{width:100%;max-width:1280px;margin:0 auto 30px;}
.article-hidden{display:none!important;}
.article-card{border:1px solid #dbe3ea;border-radius:14px;background:#fff;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.article-card-head{display:flex;align-items:center;justify-content:space-between;background:#f7f9fb;border-bottom:1px solid #dbe3ea;padding:13px 18px;}
.article-card-head h2{margin:0;font-size:18px;font-weight:700;color:#111827;display:flex;align-items:center;gap:9px;}
.article-card-head h2 i{color:#0b66a3;font-size:16px;}
.article-toggle{color:#0b66a3!important;cursor:pointer;font-size:13px;}
.article-card-body{padding:20px;}
.article-title-row{display:flex;grid-template-columns:120px minmax(280px,620px);gap:16px;align-items:center;}
.article-title-row label{font-size:14px;font-weight:700;color:#1f2937;text-align:right;margin-bottom: 20px;}
.article-input-wide{width:100%;max-width:620px;}
.article-help-text{font-size:14px;line-height:1.55;margin-bottom:20px;color:#374151;background:#f8fafc;border:1px solid #edf1f5;border-radius:12px;padding:14px 16px;}
.article-editor-card .article-card-body{padding:16px;}
.article-editor-body textarea{width:100%;min-height:500px;}
.article-publish-body{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.article-publish-checks{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:15px;}
.article-publish-actions{display:flex;align-items:center;gap:12px;}
.article-publish-actions .btn-primary{min-width:110px;}
.article-delete-card{border-color:#f3c4c4;}
.article-modal-small{width:420px;min-height:260px;}

.article-gallery-wrap input[type="file"]{display:inline-block;width:360px;max-width:100%;background:#ffc107;border-radius:9px;margin:0 12px 14px 0;}
.article-gallery-wrap input[type="submit"],
.article-gallery-wrap input[type="button"],
.article-gallery-wrap button{display:inline-block;vertical-align:top;margin:0 8px 14px 0;}
.article-gallery-wrap input[value="Change"]{display:none!important;}
.article-gallery-wrap input[type="text"]:not([placeholder]){display:none!important;}
.article-gallery-wrap input[type="text"][placeholder]{display:block!important;width:100%;max-width:100%;height:38px;border:1px solid #d1d5db;border-radius:9px;padding:8px 12px;margin-top:10px;}

.article-keywords-body{font-size:15px;min-height:180px;}
.article-keywords-body input[type="checkbox"]{margin:0 7px 12px 0;}
.article-keywords-body label{display:inline-flex;align-items:center;margin:0 26px 14px 0;font-size:15px;}
.article-keywords-body input[type="text"]{max-width:760px;}
.article-keywords-body input[type="submit"],
.article-keywords-body input[type="button"],
.article-keywords-body button{margin-left:12px;}

@media(max-width:768px){
.article-admin-page{max-width:100%;}
.article-title-row{grid-template-columns:1fr;}
.article-title-row label{text-align:left;}
.article-publish-body{align-items:flex-start;flex-direction:column;}
.article-gallery-wrap input[type="file"]{width:100%;margin-right:0;}
}


.Upload { display :flex;}
.PredefinedKeywordList {width:100% !important;}