/* The control panel's look, taken from mnislam.com as it stood on 11 November 2026:
   white ground, teal #006573 for headings, links and actions, lower-case headings in
   Merriweather Sans, Merriweather for the menu, Open Sans for reading, thin teal rules,
   quiet bordered cards, gold #F8BF4F as the one accent. Body text is 18px so it is easy to read. */
.p-root{font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.6;color:#112222;background:#ffffff}
.p-root *{box-sizing:border-box}
.p-root h1,.p-root h2,.p-root h3{font-family:"Merriweather Sans","Open Sans",system-ui,sans-serif;font-weight:700;margin:0;line-height:1.25;color:#006573;text-transform:lowercase}
.p-root h1{font-size:32px}
.p-root h2{font-size:22px}
.p-root h3{font-size:19px}
.p-root p{margin:0}
.p-root a{color:#006573;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.p-top{background:#ffffff;color:#006573;border-bottom:2px solid #006573;display:flex;flex-wrap:wrap;gap:6px 28px;align-items:center;padding:14px max(16px,min(40px,4%))}
.p-brand{font-family:"Merriweather Sans","Open Sans",sans-serif;font-weight:700;font-size:22px;text-transform:lowercase;flex:1 1 auto;display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}
.p-brand img{width:46px;height:46px;flex:0 0 46px;display:block}
.p-brand .p-name{font-size:28px;line-height:1;color:#006573;letter-spacing:0.01em}
.p-brand .p-by{font-family:Merriweather,Georgia,serif;font-style:italic;font-weight:400;font-size:16px;color:#4f5d66}
.p-top a{font-family:Merriweather,Georgia,serif;font-size:17px;text-transform:lowercase;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.p-who{font-family:Merriweather,Georgia,serif;font-style:italic;font-size:16px;color:#4f5d66}
.p-shell{display:flex;flex-wrap:wrap}
.p-nav{flex:1 1 230px;background:#e6f0f1;border-right:1px solid #cfdfe2;border-bottom:1px solid #cfdfe2;padding:20px 14px;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}
.p-nav .p-tenant{flex:1 1 100%;font-family:"Merriweather Sans","Open Sans",sans-serif;font-weight:700;font-size:16px;text-transform:lowercase;color:#112222;padding:4px 12px 12px}
.p-nav a{flex:1 1 150px;min-height:48px;display:flex;align-items:center;padding:8px 12px;border-radius:6px;font-family:Merriweather,Georgia,serif;font-size:17px;text-transform:lowercase;color:#006573;text-decoration:none}
.p-nav a.on{background:#ffffff;font-weight:700;box-shadow:inset 3px 0 0 #006573,0 0 0 1px #cfdfe2}
.p-main{flex:999 1 560px;min-width:0;padding:36px max(16px,min(44px,4%)) 64px;display:flex;flex-direction:column;gap:28px}
.p-head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.p-crumb{font-family:Merriweather,Georgia,serif;font-style:italic;font-size:16px;color:#4f5d66}
.card{background:#ffffff;border:1px solid #d5e1e3;border-radius:8px;padding:24px max(16px,min(26px,4%));display:flex;flex-direction:column;gap:14px;min-width:0}
.cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.cols>.wide{flex:3 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}
.cols>.side{flex:2 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:24px;border:2px solid #006573;background:#006573;color:#ffffff;font-family:Merriweather,Georgia,serif;font-size:17px;font-weight:700;text-transform:lowercase;text-decoration:none;cursor:pointer}
.p-root a.btn{color:#ffffff;text-decoration:none}
.btn.ghost,.p-root a.btn.ghost{background:#ffffff;color:#006573}
.btn.stop,.p-root a.btn.stop{background:#ffffff;border-color:#a32014;color:#8f1d12}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.stat{background:#ffffff;border:1px solid #d5e1e3;border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;gap:4px}
.stat b{font-family:"Merriweather Sans","Open Sans",sans-serif;font-size:34px;line-height:1.1;color:#006573}
.stat span{font-size:15px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#3f4d55}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;padding:4px 10px;border-radius:4px;white-space:nowrap;text-transform:lowercase}
.tag.ok{background:#ffffff;color:#006573;box-shadow:inset 0 0 0 2px #006573}
.tag.wait{background:#ffdc95;color:#4a3300}
.tag.bad{background:#fbe9e6;color:#8f1d12;box-shadow:inset 0 0 0 2px #a32014}
.tag.off{background:#eef2f3;color:#33414a}
.rows{display:flex;flex-direction:column}
.row{display:flex;flex-wrap:wrap;gap:6px 20px;padding:14px 0;border-top:1px solid #dfe8ea;align-items:center}
.row:first-child{border-top:0}
.row .main{flex:3 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px}
.row .meta{flex:1 1 150px;min-width:0;font-size:16px;color:#4f5d66}
.row .act{flex:0 1 auto}
.note{font-size:16px;color:#4f5d66}
.sample{font-family:Merriweather,Georgia,serif;font-style:italic;font-size:16px;color:#4a3300;background:#fff3d6;box-shadow:inset 4px 0 0 #f8bf4f;border-radius:4px;padding:8px 14px;align-self:flex-start}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;overflow-wrap:anywhere;background:#f4feff;box-shadow:inset 0 0 0 1px #cfdfe2;padding:2px 6px;border-radius:4px}
.pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.5;background:#192c27;color:#f4feff;padding:14px 16px;border-radius:6px;overflow-x:auto;white-space:pre;margin:0}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-weight:700}
.field input,.field select,.field textarea{font:inherit;min-height:48px;padding:10px 12px;border:1px solid #5f7d84;border-radius:6px;background:#ffffff;color:#112222;width:100%}
.field textarea{min-height:120px;resize:vertical}
.field .note{font-size:15px}
.check{display:flex;gap:10px;align-items:flex-start}
.check svg{flex:0 0 22px;margin-top:4px}
.radio{display:flex;gap:10px;align-items:flex-start;min-height:44px}
.radio input{width:22px;height:22px;margin-top:4px;accent-color:#006573}
.kv{display:grid;grid-template-columns:minmax(110px,max-content) minmax(0,1fr);gap:8px 20px}
.kv dt{color:#4f5d66;font-size:16px}
.kv dd{margin:0;overflow-wrap:anywhere}
.mail{border:1px solid #c9d6d9;border-radius:8px;background:#fff;overflow:hidden;font-family:"Plus Jakarta Sans","Open Sans",system-ui,sans-serif;color:#231f20}
.mail .m-head{background:#231f20;color:#f7f7f5;padding:14px 18px;font-weight:800;letter-spacing:0.02em}
.mail .m-body{padding:20px 18px;display:flex;flex-direction:column;gap:12px}
.mail .m-body h3{font-family:"Plus Jakarta Sans","Open Sans",sans-serif;font-size:22px;font-weight:800;color:#231f20;text-transform:none}
.mail .m-btn{align-self:flex-start;background:#008483;color:#fff;font-weight:700;padding:10px 18px;border-radius:10px}
.mail .m-foot{background:#f1f6fb;padding:14px 18px;font-size:15px;color:#4f4a49;display:flex;flex-direction:column;gap:6px}
.mail .slot{border:2px dashed #8b8583;border-radius:8px;padding:10px 12px;color:#4f4a49;font-size:16px}
.bar{height:10px;border-radius:999px;background:#dfe8ea;overflow:hidden}
.bar i{display:block;height:100%;background:#006573}