/* Indy PDF Studio: own SVG artwork, grouped tools and a light blue-and-white palette. */
:root {
  --indy-ink: #203b60;
  --indy-accent: #3269b7;
  --indy-mist: #eaf2ff;
  --indy-paper: #f5f7fb;
  --line: #dfe6ef;
  --blue: var(--indy-accent);
  --muted: #687b93;
}
.icon-tone { fill: currentColor; fill-opacity: .13; stroke: none; }
button { border-radius: 10px; color: #425979; }
button:hover { background: #f0f5fd; border-color: #b6cceb; }
button:focus-visible, input:focus-visible, select:focus-visible { outline-color: #7aa5df; }
.titlebar { background: #fff; border-bottom: 1px solid var(--line); }
.brand { color: #203b60; font-weight: 650; letter-spacing: -.65px; }
.app-icon { width: 44px; height: 44px; border-radius: 14px; overflow: visible; }
.brand small { color: #6f819b; letter-spacing: 2.5px; }
.beta-tag { color: #3269b7; background: #edf4ff; border: 0; padding: 2px 5px; }
.header-assurance { color: #4f6888; padding: 7px 11px; border: 1px solid #dce6f3; border-radius: 99px; }
.titlebar .info-button { background: #f4f7fc; border-color: #dce5f1; color: #607898; }
.commandbar { background: #ffffff; }
.commandbar button { border-color: #dce5f0; }
.commandbar .icon-label.accent, .large-open, .modal-actions .accent {
  background: var(--indy-accent); border-color: var(--indy-accent); color: #fff; box-shadow: none;
}
.commandbar .icon-label.accent:hover, .large-open:hover, .modal-actions .accent:hover { background: #265799; border-color: #265799; color: white; }
.commandbar .icon-label.dark { background: #f2f6fc; border-color: #dce5f0; color: #49658b; }
.commandbar .language-switch { background: #f7f9fd; border-color: #dfe6f1; border-radius: 10px; }
.documentbar { background: #f6f9fe; border-bottom-color: #e0e7f1; }
.document-title { padding: 5px 10px; background: #ffffff; border: 1px solid #dfe7f3; border-radius: 8px; font-size: 12px; }
.document-title svg { stroke: var(--indy-accent); }
.document-local { color: #6b7e97; }
.sidebar { background: #f9fbfe; }
.sidebar-heading { border-bottom: 0; }
.sidebar-heading strong { color: #5e7492; letter-spacing: 1.6px; }
.sidebar-heading span { background: #eaf1fc; color: #4a6a94; }
.circle-button { background: #fff; border-color: #dce6f3; }
.page-actions button { border-color: #e1e8f2; background: #ffffff; }
.thumb { border-radius: 12px; }
.thumb.active { background: #eaf2ff; border-color: #8dafdc; }
.thumb-number { color: #42699c; font-weight: 600; }
.thumb canvas { box-shadow: 0 3px 8px #26466817; }
.inspector { padding: 10px; background: #f9fbfe; }
.inspector-section { padding: 14px 12px; margin-bottom: 9px; background: #fff; border: 1px solid #e0e7f1; border-radius: 12px; }
.inspector-section h3 { font-size: 12px; font-weight: 650; color: #304f79; }
.inspector label { color: #60738f; }
.inspector input, .inspector select { border-color: #dce5f0 !important; }
.inspector .wide, .inspector .two-buttons button, .inspector .format-buttons button { border-radius: 7px; }
.hint { color: #6b7c95; }
.ocr-badge { background: #eef5ff; color: #526f96; }
.workspace { grid-template-rows: max-content minmax(0, 1fr) 40px; background: var(--indy-paper); }
.tool-dock { align-items: stretch; justify-content: flex-start; gap: 8px; padding: 10px 12px; background: var(--indy-paper); border: 0; }
.tool-group { display: flex; flex-direction: column; flex-shrink: 0; padding: 5px; background: #fff; border: 1px solid #dfe7f2; border-radius: 13px; box-shadow: 0 2px 3px #30446805; }
.tool-group-title { display: block; padding: 2px 6px 5px; font-size: 9px; line-height: 1.3; letter-spacing: .8px; font-weight: 650; color: #6d7f99; text-transform: uppercase; }
.tool-group-items { display: flex; align-items: stretch; gap: 1px; }
.tool-dock button { color: #4d6b91; border-radius: 9px; border: 1px solid transparent; }
.tool-dock svg { stroke-width: 1.65; }
.tool-dock button:hover { background: #f2f6fe; border-color: #d9e6f8; }
.tool-dock button.active { color: #285b9f; background: #e7f0ff; border-color: #b5ceef; box-shadow: 0 3px 6px #3269b710; }
.tool-dock button.active .icon-tone { fill-opacity: .22; }
.viewer-wrap {
  background-color: var(--indy-paper);
  background-image: radial-gradient(#a5b9d34a .8px, transparent .8px);
  background-size: 20px 20px;
  padding-top: 18px;
}
.empty-state { max-width: 710px; padding-top: 30px; }
.welcome-label { color: #6e819d; letter-spacing: 1.6px; font-size: 10px; }
.empty-document {
  width: 90px; height: 106px; border-radius: 16px; transform: rotate(-5deg); background: #ffffff; border-color: #d9e3f1;
  box-shadow: -12px 10px 0 -3px #dbe8fb, 0 12px 24px #39527c12;
}
.empty-document:after { display: none; }
.empty-document span { color: var(--indy-accent); top: 19px; left: 17px; font-size: 17px; }
.empty-document i { background: #dce7f5; margin-left: 17px !important; }
.empty-document i:first-of-type { margin-top: 51px !important; }
.empty-document b { background: #e8bb7b; color: #573e1b; border-color: var(--indy-paper); width: 30px; height: 30px; border-radius: 10px; bottom: -3px; }
.empty-state h1 { color: #26446d; letter-spacing: -1.2px; }
.empty-state h1 em { color: #3269b7; }
.empty-state p { color: #627895; }
.empty-state small { color: #71849e; }
.large-open { border-radius: 11px; min-height: 46px; }
.demo-link { color: #396cae; font-size: 11px; }
.welcome-cards { gap: 12px; }
.welcome-cards button { border-color: #dce5f2; border-radius: 13px; background: #ffffffc9; padding: 15px 12px; }
.welcome-cards strong { color: #3d618f; font-size: 11px; }
.welcome-cards svg { color: #5e83b4; stroke: currentColor; }
.welcome-cards span { color: #6c819f; font-size: 9px; }
.welcome-foot { color: #788aa3; }
.statusbar { background: #ffffff; border-color: #e0e7f1; }
.statusbar button { color: #587ba9; }
.statusbar button:hover { background: #edf3fc; }
.page-stage { box-shadow: 0 4px 25px #394c701c; }
.modal-card { border: 1px solid #dce6f4; border-radius: 18px; }
.modal-card h2 { color: #2c4d79; }
.modal-card a { color: var(--indy-accent); }
.app-tooltip { background: #fffffff5; color: #304f79; border-color: #cfdced; box-shadow: 0 6px 20px #2846701a; }
.format-buttons button.active { color: #285b9f; background: #e7f0ff; border-color: #a7c4ec; }
@media (min-width: 1001px) {
  .tool-dock { flex-wrap: wrap; }
  .tool-dock button { min-width: 56px; min-height: 64px; padding: 8px 6px; }
  .tool-dock svg { width: 28px; height: 28px; }
  .tool-dock button span { font-size: 11px; }
}
@media (min-width: 1600px) {
  .tool-dock { justify-content: center; }
}
@media (max-width: 1000px) {
  .tool-dock { flex-wrap: nowrap; overflow-x: auto; padding: 8px 10px; }
  .tool-group { padding: 4px; }
  .tool-group-title { font-size: 8px; }
  .tool-dock svg { width: 23px; height: 23px; }
  .tool-dock button { min-width: 46px; min-height: 52px; }
  .tool-dock button span { font-size: 9px; }
}
@media (max-width: 640px) {
  .app-icon { width: 36px; height: 36px; }
  .header-assurance { padding: 7px; }
  .document-title { font-size: 10px; padding: 4px 6px; }
  .workspace { grid-template-rows: max-content minmax(0, 1fr) 34px; }
  .tool-dock { padding: 7px 8px; gap: 6px; }
  .tool-group-title { letter-spacing: .5px; padding-bottom: 3px; }
  .tool-dock button { padding: 5px; }
  .empty-state { padding-top: 20px; }
  .welcome-label { font-size: 8px; }
  .welcome-cards button { padding: 12px 8px; }
  .welcome-cards strong { font-size: 10px; }
  .welcome-cards span { font-size: 8px; }
}