@font-face{font-family:"Paradygm Officina";src:url(/brand/fonts/officina-light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Paradygm Officina";src:url(/brand/fonts/officina-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Paradygm Officina";src:url(/brand/fonts/officina-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}body{font:16px/1.45 system-ui,sans-serif;margin:0;background:#f4f6f8;color:#1d2733}
header{background:#fff;color:#3a3a3a;border-bottom:4px solid #E06327;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
main{max-width:1100px;margin:20px auto;padding:0 16px}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0002}
h2{margin:0 0 10px;font-size:17px;color:#C4511C}input,select,textarea{width:100%;padding:6px 8px;border:1px solid #c5cdd6;border-radius:5px;font:inherit}
textarea{min-height:70px}label{font-size:12px;color:#556;display:block;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
button{background:#E06327;color:#fff;border:0;border-radius:5px;padding:7px 12px;cursor:pointer;margin:2px}button.sec{background:#8a8a8a}button.del{background:#a33}
table{width:100%;border-collapse:collapse}td,th{border:1px solid #d5dbe2;padding:5px;text-align:left;vertical-align:top}th{background:#fbe9df}
.pill{padding:2px 8px;border-radius:10px;background:#e9eef4;font-size:12px}.muted{color:#778}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media print{header,.noprint,button{display:none!important}.card{box-shadow:none}}

.brand{display:flex;align-items:center;gap:12px;font-weight:600;color:#555}.brand img{height:36px}.loginlogo{display:block;max-width:240px;margin:0 auto 14px}button:hover{filter:brightness(.92)}a{color:#C4511C}.bfoot{text-align:center;color:#777;font-size:12px;padding:16px;border-top:1px solid #ddd;margin-top:20px}
@media print{.brand img{height:30px}}

.logobox{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clogo{max-height:60px;max-width:200px;border:1px solid #ddd;padding:4px;background:#fff}.lthumb{height:22px;max-width:60px;object-fit:contain;vertical-align:middle;margin-right:8px}.clienthead{max-height:44px;max-width:180px;object-fit:contain}

.stdlogos{text-align:center;margin:10px 0 4px}.stdlogo{height:70px;width:auto;max-width:200px;object-fit:contain;margin:0 10px;vertical-align:middle}.stdlogo-sm{height:28px;width:auto;max-width:90px;object-fit:contain;margin-right:8px;vertical-align:middle}

.imgstrip{margin:6px 0}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.thumb{width:190px;border:1px solid #ddd;padding:6px;background:#fff}.thumb img{width:100%;height:110px;object-fit:contain;background:#f6f6f6}.thumb input{width:100%;box-sizing:border-box;font-size:12px}.thumb .row{gap:4px}.thumb button{padding:2px 8px;font-size:12px}
.dropzone{border:2px dashed #E06327;border-radius:6px;padding:10px;text-align:center;color:#C4511C;background:#fff8f3;margin:6px 0;font-size:13px}.dropzone.over{background:#fde3d3}

/* Paradygm font: ITC Officina (uses locally installed or webfont files in /brand/fonts) */
body,input,select,textarea,button,table,h1,h2,h3,h4,pre{font-family:"Paradygm Officina","ITC Officina Sans","ITC Officina Sans Std","ITC Officina Sans Book","Officina Sans ITC","OfficinaSansITC","Officina Sans","ITC Officina Serif","Officina Serif","Trebuchet MS",Arial,sans-serif!important}

h1{font-size:38px!important}h2{font-size:20px!important}h3{font-size:20px!important}h4{font-size:18px}