.ram-box{max-width:1000px;margin:16px auto;padding:18px;border:1px solid #ddd;border-radius:10px;background:#fff;box-sizing:border-box}
.ram-login{max-width:420px}
.ram-box h3{margin-top:0}.ram-box h4{margin:22px 0 8px;padding-bottom:4px;border-bottom:2px solid #c8102e}
.ram-box label{display:block;margin-bottom:10px;font-size:14px;font-weight:600}
.ram-box label.chk{font-weight:400}
.ram-box input:not([type=checkbox]),.ram-box select,.ram-box textarea{display:block;width:100%;box-sizing:border-box;padding:8px;margin-top:4px;border:1px solid #bbb;border-radius:6px;font-size:15px}
.ram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px}
.ram-btn{display:inline-block;padding:9px 16px;background:#c8102e;color:#fff!important;border:1px solid #c8102e;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none!important}
.ram-btn.ghost{background:#fff;color:#c8102e!important}.ram-btn.danger{background:#444;border-color:#444}.ram-btn.sm{padding:5px 10px;font-size:13px}
.ram-btn[disabled]{opacity:.5}
.ram-msg{margin-top:10px;font-size:14px}.ram-msg.ok{color:#2e7d32}.ram-msg.err{color:#c62828}
.ram-nav{max-width:1000px;margin:10px auto;display:flex;gap:14px;flex-wrap:wrap;font-size:14px}
.ram-head,.ram-row{display:grid;grid-template-columns:2.2fr .7fr .7fr .7fr 1.2fr 2fr 30px;gap:6px;align-items:center;margin-bottom:6px}
.ram-head{font-size:12px;font-weight:700;color:#555}
.ram-row label{margin:0}.ram-row label span{display:none}
.ram-row output{display:block;padding:8px;background:#f3f3f3;border-radius:6px;text-align:center}
.ram-x{border:0;background:none;font-size:22px;color:#c62828;cursor:pointer}
#ram-sig{width:100%;max-width:520px;height:auto;aspect-ratio:700/220;border:1px dashed #888;border-radius:6px;touch-action:none;background:#fcfcfc;display:block}
.ram-scroll{overflow-x:auto}.ram-table{width:100%;border-collapse:collapse;font-size:14px}
.ram-table th,.ram-table td{padding:8px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}
.ram-act{white-space:nowrap}.ram-note{font-size:13px;color:#555}
#ram-search{margin-bottom:10px}
form[data-ram-form=entity]{background:#faf6f6;border:1px solid #eadada;border-radius:8px;padding:12px;margin-bottom:16px}
form[data-ram-form=entity] h4{margin-top:0}
.ram-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.ram-card{padding:14px;border-radius:10px;background:#faf6f6;border:1px solid #eadada;text-align:center}
.ram-card b{display:block;font-size:28px;color:#c8102e}.ram-card span{font-size:12px;color:#555}
.ram-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ram-bars{display:flex;gap:10px;align-items:flex-end;height:170px;padding-top:10px}
.ram-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:12px}
.ram-bar i{display:block;width:100%;background:#c8102e;border-radius:4px 4px 0 0;min-height:2px}
.ram-bar span{margin-top:4px;color:#555}.ram-bad{color:#c62828}
.ram-crow{display:grid;grid-template-columns:repeat(12,1fr);gap:6px 8px;position:relative;margin-bottom:10px;padding:10px 38px 10px 10px;border:1px solid #e3e3e3;border-radius:8px;background:#fcfcfc}
.ram-crow label{margin:0;font-size:12px;color:#555}.ram-crow .s2{grid-column:span 2}.ram-crow .s3{grid-column:span 3}.ram-crow .s4{grid-column:span 4}.ram-crow .s5{grid-column:span 5}.ram-crow .s9{grid-column:span 9}
.ram-crow .ram-x{position:absolute;top:6px;right:8px}.ram-ar{direction:rtl;text-align:right}
.ram-prev{max-height:100px;max-width:260px;display:block;margin:6px 0;border:1px solid #ddd;background:#fff}.ram-prev[hidden]{display:none}
.ram-ok{color:#2e7d32;font-weight:700}
.ram-menu{max-width:1000px;margin:10px auto;background:#fff;border:1px solid #ddd;border-radius:10px;position:relative;z-index:20;font-size:14px}
.ram-ml,.ram-sub{list-style:none;margin:0;padding:0}.ram-ml{display:flex;flex-wrap:wrap;align-items:stretch}.ram-ml li{position:relative;margin:0}
.ram-ml a,.ram-ml .ram-top{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:11px 14px;background:none;border:0;border-radius:0;color:#222;text-decoration:none;cursor:pointer;font:inherit;text-align:left;white-space:nowrap}
.ram-ml a:hover,.ram-ml .ram-top:hover,.ram-ml li.open>.ram-top{background:#faf6f6;color:#c8102e}
.ram-ml li.active>a,.ram-ml li.active>.ram-top{color:#c8102e;font-weight:700;box-shadow:inset 0 -3px 0 #c8102e}
.ram-top i{border:solid currentColor;border-width:0 2px 2px 0;padding:2.5px;transform:rotate(45deg);margin:-3px 0 0 2px}
.ram-sub{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 18px #0002;padding:4px 0}
.ram-sub .ram-sub{top:-5px;left:100%}.ram-sub .ram-top i{transform:rotate(-45deg);margin:0 0 0 auto}
.ram-ml li.has-sub:hover>.ram-sub,.ram-ml li.has-sub:focus-within>.ram-sub,.ram-ml li.open>.ram-sub{display:block}
.ram-sub li.active>a,.ram-sub li.active>.ram-top{box-shadow:inset 3px 0 0 #c8102e}
.ram-user{margin-left:auto;display:flex;align-items:center;gap:4px;padding-right:6px;color:#555}.ram-user a{width:auto}
.ram-burger{display:none}.ram-quick{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.ram-burger{display:block;width:100%;padding:12px 14px;background:none;border:0;font:inherit;font-weight:700;text-align:left;cursor:pointer;color:#222}
.ram-ml{display:none;flex-direction:column}.ram-menu.ml-open .ram-ml{display:flex}
.ram-sub{position:static;display:none;box-shadow:none;border:0;border-left:3px solid #eadada;margin-left:14px;border-radius:0;padding:0}
.ram-ml li.has-sub:hover>.ram-sub,.ram-ml li.has-sub:focus-within>.ram-sub{display:none}.ram-ml li.open>.ram-sub{display:block}
.ram-sub .ram-sub{left:auto;top:auto}.ram-sub .ram-top i{transform:rotate(45deg);margin:-3px 0 0 auto}.ram-user{margin:0;padding:6px 14px}}
@media(max-width:700px){.ram-cols{grid-template-columns:1fr}.ram-head{display:none}.ram-row{grid-template-columns:1fr 1fr;padding:10px;border:1px solid #e3e3e3;border-radius:8px}
.ram-row label span{display:block;font-size:12px;color:#555}.ram-row .n,.ram-row .r{grid-column:1/-1}.ram-x{grid-column:1/-1;text-align:right}
.ram-crow .s2,.ram-crow .s3{grid-column:span 6}.ram-crow .s4,.ram-crow .s5,.ram-crow .s9{grid-column:1/-1}}
