@import url('/assets/css/batch-tools.css');
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.pattern-tile{min-height:112px;border:2px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);font-weight:800;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pattern-tile span{display:block;font-size:2rem}.pattern-tile.active{transform:scale(.96);background:color-mix(in srgb,var(--tile,#2563eb) 24%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--tile,#2563eb) 24%,transparent)}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-button{min-height:58px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-weight:700;text-align:left;cursor:pointer}.choice-button:hover,.choice-button:focus-visible{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 16%,transparent)}.turn-banner{padding:12px 15px;border-radius:10px;background:color-mix(in srgb,var(--purple) 10%,var(--surface));font-weight:800}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-grid textarea{width:100%;min-height:240px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font:500 .9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.diff-line{display:grid;grid-template-columns:38px 38px 1fr;gap:8px;padding:7px 9px;border-bottom:1px solid var(--border);font:500 .84rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.diff-line.add{background:color-mix(in srgb,var(--green) 13%,var(--surface))}.diff-line.remove{background:color-mix(in srgb,#dc2626 12%,var(--surface))}.diff-line.same{color:var(--muted)}
.milestone-list{display:grid;gap:10px}.milestone{padding:14px;border:1px solid var(--border);border-left:5px solid var(--p);border-radius:11px;background:var(--surface)}.milestone:nth-child(2){border-left-color:var(--purple)}.milestone:nth-child(3){border-left-color:var(--green)}
.invoice-preview{padding:26px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.invoice-top{display:flex;justify-content:space-between;gap:18px}.invoice-total{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:850;color:var(--p)}
.checklist{display:grid;gap:10px}.check-row{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.check-row strong,.check-row span{display:block}.check-row span{color:var(--muted);font-size:.84rem}.check-row select{width:100%;min-height:42px;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text)}.risk-low{background:linear-gradient(145deg,#047857,#0891b2)}.risk-mid{background:linear-gradient(145deg,#b45309,#db2777)}.risk-high{background:linear-gradient(145deg,#b91c1c,#7c2d12)}
@media(max-width:700px){.tile-grid{grid-template-columns:repeat(2,1fr)}.choice-grid,.diff-grid{grid-template-columns:1fr}.check-row{grid-template-columns:1fr}.invoice-top{display:block}}
@media print{.navbar,.button-row,.related,footer,.no-print{display:none!important}.invoice-preview{border:0;box-shadow:none}.tool-shell{border:0;box-shadow:none;padding:0}}