/* Dario's World CMS (V19.7.51). Builds on site.css (theme, panels, buttons, admin tables). */
body.cms .main{min-width:0}
.cms-login{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.cms-login[hidden],.shell[hidden],.cms-area[hidden]{display:none!important}
.cms-login-card{width:100%;max-width:400px;display:grid;gap:12px}
.cms-login-card h1{margin:0;color:#fff7e7}
.cms-login-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#d6c39e}
.cms-login-card input{padding:11px;border:1px solid #57472c;border-radius:10px;background:#090a0b;color:#fff5e1}
.cms-login-logo{width:56px;height:56px}
.cms-who{display:flex;align-items:center;gap:10px;color:#d9c18f;font-size:13px}
.cms-who .btn{width:auto;padding:8px 12px}
.cms-viewonly-tag{margin-left:auto;font-size:10px;color:#9fc3ff;border:1px solid #2a3a55;border-radius:50px;padding:1px 6px}
.cms-readonly-banner{background:#13202f;border:1px solid #2a3a55;color:#9fc3ff;border-radius:10px;padding:9px 12px;font-size:13px;margin:-6px 0 14px}
.cms-inline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#d6c39e}
#view-admin .cms-inline select{width:auto}
.cms-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.cms-kpi{background:linear-gradient(150deg,#151618,#0a0b0c);border:1px solid #4f4129;border-radius:16px;padding:14px;display:grid;gap:4px}
.cms-kpi span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#b9b3a6}
.cms-kpi strong{font-size:24px;color:#f2c56e;line-height:1.15;overflow-wrap:anywhere}
.cms-kpi small{font-size:11px;color:#96938b}
.cms-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.cms-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cms-chart{width:100%;height:auto;display:block}
.cms-bar{fill:#e9bd68}
.cms-bar:hover{fill:#ffe19a}
.cms-axis{fill:#96938b;font-size:10px}
.cms-axisline{stroke:#3b3528}
.cms-list{list-style:none;margin:0;padding:0}
.cms-list li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #292621;font-size:13px}
.cms-list li small{color:#96938b}
.cms-list li span,.cms-list li button{margin-left:auto}
.cms-hbar{display:grid;grid-template-columns:110px minmax(0,1fr) 54px;align-items:center;gap:8px;margin:6px 0;font-size:12px}
.cms-hbar i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,#c9933e,#ffe19a)}
.cms-hbar b{text-align:right;color:#f2c56e}
.cms-downloads{display:flex;flex-wrap:wrap;gap:10px}
.cms-downloads .btn{width:auto;text-decoration:none;font-size:13px}
.cms-downloads [hidden]{display:none}
.cms-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}
.cms-facts div{border:1px solid #3b3528;border-radius:10px;padding:8px 10px;font-size:13px;overflow-wrap:anywhere}
.cms-facts span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#96938b;margin-bottom:2px}
.cms-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cms-inline-form{display:flex;gap:8px;align-items:center;flex:1;min-width:260px}
#view-admin .cms-inline-form input{flex:1}
#view-admin h3{color:#fff3dc;margin:16px 0 8px;font-size:15px}
#view-admin table.cms-perm-table{table-layout:auto!important;min-width:1060px!important}
#view-admin .cms-perm-table th{white-space:normal;min-width:74px}
#view-admin .cms-perm-table td:first-child{min-width:170px;overflow-wrap:anywhere}
#view-admin .cms-perm-table select{min-width:70px;width:auto}
#view-admin .cms-perm-table td:last-child{min-width:150px}
#view-admin .cms-perm-table td:last-child select{min-width:120px;margin-bottom:4px}
.cms-perm-owner{color:#7fd8a0;font-weight:800;font-size:11px}
.cms-new-row td{background:#1a1710}
/* V19.7.53: sign-in screen links */
.cms-linkbtn{background:none;border:0;color:#65b5ff;text-decoration:underline;cursor:pointer;padding:0;font-size:13px;justify-self:start}
.cms-login-card[hidden]{display:none!important}
/* V19.7.52: password reset, account search results, own password */
.cms-own-password[hidden]{display:none!important}
.cms-reset-form{margin-top:6px;flex-wrap:wrap}
#view-admin .cms-reset-form input{min-width:200px}
.cms-account-results li{flex-wrap:wrap}
.cms-account-results li>div{flex:1;min-width:200px}
.cms-account-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.cms-account-results .cms-reset-form,.cms-account-results .cms-reset-result{flex-basis:100%}
.cms-who .btn#cmsChangePassword{font-size:12px}
/* View-only areas: hide everything that changes data (filters and search marked data-view-ok stay). */
/* Prefixed with #view-admin so it outranks site.css's "#view-admin .admin-save{display:inline-block!important}". */
#view-admin .cms-readonly form:not([data-view-ok]),#view-admin .cms-readonly .admin-save:not([data-view-ok]):not([data-view-ok] *),#view-admin .cms-readonly [data-edit-only],
#view-admin .cms-readonly [data-order-serials],#view-admin .cms-readonly [data-order-status],#view-admin .cms-readonly [data-preset]{display:none!important}
@media(max-width:900px){.cms-grid2,.cms-grid3{grid-template-columns:1fr}}
@media(max-width:700px){.cms-who span{display:none}}