/* Visual language from the supplied Falckenthal CRM. */
:root{--ink:#242422;--green:#5f6367;--muted:#5c5c57;--line:rgba(36,36,34,.16);--paper:#121212;--accent:#5f6367;--font-display:Georgia,'Iowan Old Style','Palatino Linotype','Book Antiqua',serif;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-data:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace}
body{font-family:var(--font-body);background:#121212;color:#e7e6e2;-webkit-font-smoothing:antialiased}
h1,h2,.brand{font-family:var(--font-display)}h1{font-size:34px;letter-spacing:-.5px}h2{font-weight:700;font-size:18px}
.sidebar{background:#181818;color:#e7e6e2;border-right:1px solid rgba(231,230,226,.14);padding-top:20px}
.brand{display:block;margin:0 -10px}.brand img{width:100%;height:auto;display:block}.subtitle{text-align:center;color:#9c9c97;letter-spacing:2px;margin:8px 0 30px}
.sidebar h4{color:#9c9c97;font-family:var(--font-display);font-weight:400;letter-spacing:.09em;font-size:10px}
.sidebar>.primary{background:#5f6367;color:#fff;border:1px solid #777c80;border-radius:8px}.sidebar>.primary:hover{background:#494c4f}
#saved button{border:1px solid transparent;color:#e7e6e2;border-radius:8px}#saved button:hover{background:#292929;border-color:#5f6367}#saved small{color:#aaa9a3}.sidefoot small{color:#aaa9a3}.dot{background:#7c8a66}
main{padding-top:30px}header{border-bottom:1px solid rgba(231,230,226,.14);padding-bottom:25px;margin-bottom:25px}header p{color:#aaa9a3}.eyebrow{color:#aaa9a3;font-family:var(--font-display);letter-spacing:.12em}
header button{background:#222;color:#e7e6e2;border:1px solid rgba(231,230,226,.2)}header button:hover{background:#333;color:#fff;border-color:#8b8f94}header .dark{background:#5f6367;border-color:#777c80;color:#fff}header .dark:hover{background:#494c4f}
.layout{background:repeating-linear-gradient(115deg,rgba(255,255,255,.015) 0 2px,transparent 2px 26px),#5f6367;padding:18px;border-radius:14px;gap:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.card{background:#eaeae6;color:#242422;border:0;border-radius:10px;box-shadow:0 2px 0 rgba(0,0,0,.18),0 6px 14px rgba(0,0,0,.2);padding:22px}.card:last-child{margin-bottom:0}.sectiontitle{border-bottom:1px solid rgba(36,36,34,.2);padding-bottom:14px;margin-bottom:20px}.step{font-family:var(--font-data);color:#5c5c57;border-color:#bcbcb5;background:#f3f3ef}.tag{background:rgba(36,36,34,.08);color:#5c5c57;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.fields label,.card>label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5c5c57}.fields input,.card textarea{text-transform:none;letter-spacing:normal;font-weight:400;font-size:14px}
input,textarea{border-color:rgba(36,36,34,.25);border-radius:7px;background:#fff;color:#242422}input:focus,textarea:focus{outline:2px solid #5f6367;outline-offset:1px}input[type=number],td.num,summary strong,.totalrow strong,.tax b{font-family:var(--font-data);font-variant-numeric:tabular-nums}
.upload{background:#f3f3ef;border-color:#8b8f94;color:#242422}.upload:hover{border-color:#494c4f;background:#fff}.upload small{color:#5c5c57}.uploadicon{color:#5f6367}.muted{color:#5c5c57}.warning{background:#f7edcc;border-color:#c5aa54;color:#67501b}.missingprice{background:#fff8df;border-color:#a28232}
summary:before{color:#5f6367}summary label{color:#5c5c57}th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.055em;color:#5c5c57;border-bottom:2px solid rgba(36,36,34,.18);font-size:10px}td{border-bottom-color:rgba(36,36,34,.1)}.delete{color:#8f5450}.delete:hover{background:#8f5450;color:white}.textbutton{color:#494c4f}.textbutton:hover{background:transparent;color:#111;text-decoration:underline}button,.button{border-radius:8px}button:hover,.button:hover{background:#dcdcd5}.footnote{color:#5c5c57}#extras:empty:after{color:#5c5c57}
.summary{background:#222;color:#e7e6e2;border:1px solid rgba(0,0,0,.3);border-radius:10px;padding:23px;top:20px;box-shadow:0 2px 0 rgba(0,0,0,.18),0 6px 14px rgba(0,0,0,.18)}.summary h2{font-size:21px;letter-spacing:0;font-weight:400;line-height:1.3}.summary .eyebrow{color:#aaa9a3}.totalrow{line-height:1.4}.totalrow.rule,.profit,.status{border-color:rgba(231,230,226,.18)}.profit span{color:#aaa9a3}.profit input{background:#f3f3ef}.pricebox{background:#eaeae6;color:#242422;border-top:3px solid #7c8a66;border-radius:8px;padding:20px 15px}.pricebox span{color:#5c5c57;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.pricebox strong{font-family:var(--font-data);font-size:27px;letter-spacing:-.7px}.pricebox small{color:#5c5c57}.tax{color:#c4c4bd}.summary .footnote{color:#aaa9a3}.status{color:#b8c3a8}footer{color:#9c9c97}#toast{background:#f3f3ef;color:#242422;border:1px solid #5f6367}
@media(max-width:1100px){.layout{padding:12px;gap:14px;grid-template-columns:minmax(0,1fr) 260px}.card{padding:18px}.summary{padding:18px}}
@media(max-width:850px){.sidebar{border-right:0;border-bottom:1px solid rgba(231,230,226,.14);padding:8px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{width:150px;margin:0}.sidebar>.primary{float:none;margin:0}.layout{grid-template-columns:1fr;padding:12px}.summary{grid-row:auto}.card{padding:18px}.summary h2{font-size:24px}main{padding:22px 12px}.pricebox strong{font-size:32px}}

summary{flex-wrap:wrap}summary label{margin-left:8px}summary label input{width:60px}#extras td:first-child{min-width:200px}#extras td:first-child input{min-width:200px}