#veraView{max-width:1180px}.vera-workspace{display:flex;flex-direction:column;gap:18px;width:100%}.vera-workspace h3,.vera-dialog h2,.vera-dialog h3{margin:0;font-size:18px;letter-spacing:-.02em}.vera-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}.vera-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vera-note{font-size:12px;line-height:1.55;color:var(--muted);margin:0;overflow-wrap:anywhere}.vera-note:empty{display:none}.vera-note.error{color:var(--danger)}.vera-deadlines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vera-deadline{border:1px solid var(--line);border-radius:14px;padding:17px;background:var(--panel);text-align:left;color:var(--ink);cursor:pointer;min-width:0}.vera-deadline strong{display:block;font-size:22px;margin:7px 0;font-weight:600;letter-spacing:-.03em}.vera-deadline span,.vera-deadline small{display:block;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.vera-deadline.urgent{background:#f9f0df;border-color:#e4d1a8}.vera-deadline.overdue{background:#faf0ed;border-color:#e9c9c4}.vera-deadline.urgent strong{color:#795518}.vera-deadline.overdue strong{color:#9a433b}.vera-cabinet{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px 20px 2px}.vera-shelf-title{color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 13px}.vera-shelf{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;padding:0 5px;border-bottom:9px solid #d8d1c4;margin-bottom:22px}.vera-binder{position:relative;width:calc((100% - 48px)/5);min-width:110px;min-height:174px;background:var(--panel);border:1px solid #d7d1c7;border-left:8px solid #9b998e;border-radius:5px 5px 2px 2px;padding:16px 11px 37px;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:var(--ink);box-shadow:2px 2px 3px rgba(24,20,15,.04)}.vera-binder:hover{background:#fcfbf8;transform:translateY(-2px)}.vera-binder:after{content:'';width:15px;height:15px;border:2px solid #d7d1c7;border-radius:50%;position:absolute;bottom:12px;left:calc(50% - 7px)}.vera-binder strong{font-size:13px;font-weight:600;overflow-wrap:anywhere;width:100%}.vera-binder small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.vera-binder .vera-label{font-size:10px;line-height:1.4;background:#f7edda;color:#795518;border-radius:4px;padding:4px 6px;overflow-wrap:anywhere}.vera-empty{padding:22px 4px 30px;font-size:13px;color:var(--muted);line-height:1.6}.vera-archive{margin:0 0 18px}.vera-archive summary{cursor:pointer;font-size:12px;color:var(--muted);padding-bottom:15px}.vera-chat .helfried-messages{min-height:200px}.vera-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--soft);padding:9px 12px;border-radius:9px;font-size:12px}.vera-search-option{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:12px;margin:12px 0 8px;line-height:1.5}.vera-search-option input{margin-top:2px;accent-color:var(--dark)}#veraStop{background:var(--danger);color:white}.vera-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);box-shadow:0 22px 85px rgba(24,20,15,.18)}.vera-dialog::backdrop{background:rgba(24,20,15,.46)}.vera-dialog footer{margin-top:22px;justify-content:flex-end}.vera-dialog .vera-tabs{display:flex;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:18px}.vera-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.vera-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--dark)}.vera-contents{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.vera-contents button{text-align:left;padding:16px;min-height:80px}.vera-contents small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.vera-case-note{padding:15px;background:var(--soft);border-radius:10px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.vera-profile{margin:0}.vera-profile>div{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.vera-profile dt{color:var(--muted)}.vera-profile dd{margin:0;overflow-wrap:anywhere}.vera-doc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.vera-doc-row span{min-width:0}.vera-doc-row a{color:var(--ink)}.vera-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.vera-form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.vera-form-grid input,.vera-form-grid select,.vera-form-grid textarea{width:100%;min-width:0;border:1px solid #d7d1c7;background:var(--panel);color:var(--ink);border-radius:9px;padding:10px;font:inherit;font-size:14px}.vera-full{grid-column:1/-1}.vera-document-picker{margin:22px 0 15px}.vera-document-picker h3{font-size:14px}#veraBrowser{padding:13px;background:var(--soft);border-radius:10px;margin:12px 0}#veraBrowseEntries{max-height:240px;overflow:auto}.vera-dialog button:disabled,.vera-workspace button:disabled{opacity:.5;cursor:not-allowed}.vera-workspace [hidden],.vera-dialog [hidden]{display:none!important}#veraChatStatus{margin-top:12px;min-height:20px}.vera-form-grid textarea{resize:vertical}.vera-dialog :focus-visible,.vera-workspace :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:900px){.vera-binder{width:calc((100% - 24px)/3)}.vera-cabinet{padding:16px 14px 2px}}
@media(max-width:600px){.vera-deadlines{grid-template-columns:1fr}.vera-deadline strong{font-size:20px}.vera-binder{width:calc((100% - 12px)/2);min-width:0;min-height:156px}.vera-form-grid{grid-template-columns:1fr}.vera-dialog{padding:18px}.vera-profile>div{grid-template-columns:1fr;gap:4px}.vera-workspace .helfried-today{align-items:flex-start;flex-direction:column;gap:16px}.vera-form-grid input,.vera-form-grid select,.vera-form-grid textarea{font-size:16px}.vera-doc-row{flex-wrap:wrap}.vera-contents{gap:8px}.vera-contents button{padding:12px}}
#veraChat{padding:20px}

.vera-form-grid .vera-checkbox{flex-direction:row;align-items:center;gap:9px;cursor:pointer}.vera-form-grid .vera-checkbox input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--dark)}

.vera-subscription-totals{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.vera-subscription-totals>.vera-cost-summary{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:12px;min-width:200px}.vera-subscription-totals strong{display:block;font-size:21px}.vera-subscription-totals small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin:5px 0 12px}.vera-subscription-totals span{font-size:13px}.vera-subscription-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.vera-subscription-event{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;overflow-wrap:anywhere}.vera-subscription-event span,.vera-subscription-event small{font-size:12px;color:var(--muted)}#veraSubscriptionFields{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}#veraSubscriptionFields legend{font-size:13px;padding:0 7px}#veraSubscriptions h4{font-size:13px;margin:20px 0 12px}#veraSubscriptionNote{margin:8px 0}

/* Subscription panel spacing */
#veraSubscriptions{padding:24px}
#veraSubscriptions .vera-section-head{margin-bottom:20px}
#veraSubscriptions .vera-subscription-totals{margin-bottom:16px}
#veraSubscriptions #veraSubscriptionNote{margin:12px 0}
#veraSubscriptions h4{margin:24px 0 14px}
#veraSubscriptions .vera-subscription-events{gap:12px}
@media(max-width:600px){#veraSubscriptions{padding:16px}}

/* Click-through breakdown of the existing cost totals. */
.vera-cost-summary{text-align:left;font:inherit;color:var(--ink);cursor:pointer;max-width:100%;transition:border-color .15s,box-shadow .15s}
.vera-cost-summary:hover{border-color:#a89d88;box-shadow:0 3px 12px #18140f0a}
.vera-cost-summary>.vera-shelf-title{display:block;font-size:10px}
.vera-cost-summary>.vera-note{display:block;margin-top:5px;font-size:12px}
.vera-cost-summary>.vera-cost-hint{display:block;margin-top:14px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#veraCostDialog{width:min(800px,calc(100vw - 28px))}
#veraCostTotal{font-size:14px;margin:0 0 18px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.vera-cost-list{list-style:none;margin:0;padding:0}.vera-cost-list li{margin:0;padding:0;border-bottom:1px solid var(--line)}
.vera-cost-row{display:flex;align-items:center;gap:16px;width:100%;padding:14px 8px;text-align:left;font:inherit;color:var(--ink);border:0;border-radius:7px;background:transparent;cursor:pointer}
.vera-cost-row:hover{background:var(--soft)}.vera-cost-name{flex:1;min-width:0}.vera-cost-row strong{display:block;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.vera-cost-row small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}
.vera-cost-amount{text-align:right;max-width:46%}.vera-cost-arrow{color:var(--muted);font-size:16px;flex:0 0 auto}
#veraCostDialog .vera-cost-excluded,#veraCostDialog .vera-cost-currency{font-size:13px;margin:22px 0 8px}
.vera-cost-footnote{margin-top:18px}
@media(max-width:600px){.vera-cost-row{gap:10px;padding:12px 3px}.vera-cost-arrow{display:none}.vera-subscription-totals>.vera-cost-summary{min-width:0;width:100%}}

/* Vera: separate areas using Helfried’s navigation layout. */
#veraView .vera-topic-workspace{display:grid;grid-template-columns:154px minmax(0,1fr);gap:24px;align-items:start}
#veraView .vera-topic-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;padding:4px 0}
#veraView .vera-topic-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.65);color:var(--muted);font:inherit;font-size:13px;text-align:left;cursor:pointer}
#veraView .vera-topic-nav button>span:first-child{font-size:18px;width:20px;text-align:center}
#veraView .vera-topic-nav button:hover{background:#fff;border-color:#a49c90}
#veraView .vera-topic-nav button[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
#veraView .vera-topic-nav button:focus-visible,#veraView .vera-topic-card button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#veraView .vera-topic-content{min-width:0;display:flex;flex-direction:column;gap:18px}
#veraView .vera-topic-page{display:flex;flex-direction:column;gap:18px;min-width:0}
#veraView .vera-topic-page[hidden]{display:none!important}

@media(max-width:900px){
  #veraView .vera-topic-workspace{grid-template-columns:1fr;gap:14px}
  #veraView .vera-topic-nav{position:static;flex-direction:row;overflow-x:auto;padding:2px 2px 8px;gap:6px}
  #veraView .vera-topic-nav button{flex:0 0 auto;width:auto;min-height:42px;padding:10px 12px;white-space:nowrap}
}