@charset "UTF-8";

/* prijava-napake.si visual identity · screen only; printed reports stay white. */
@media screen {
  :root {
    --ink:#f7fbff;--muted:#b8c5d6;--blue:#0095ff;--blue-hover:#007bd6;
    --line:rgba(131,182,236,.18);--paper:rgba(6,42,85,.78);--bg:#03162f;
    --light-blue:rgba(0,149,255,.13);--red:#ff7489;--green:#5ee0b4;
    --radius:14px;--shadow:0 18px 48px rgba(0,8,25,.24)
  }
  body {color:var(--ink);background:#03162f;background-image:radial-gradient(circle at 82% -8%,rgba(0,111,232,.35),transparent 35%),radial-gradient(circle at 4% 82%,rgba(0,149,255,.13),transparent 30%),linear-gradient(145deg,#03162f 0%,#041c3a 52%,#03162f 100%);background-attachment:fixed}
  body::before {content:"";position:fixed;right:-180px;bottom:-210px;width:650px;height:650px;background:url("logo-symbol.svg") center/contain no-repeat;opacity:.025;pointer-events:none;z-index:-1}
  a {color:#59baff}.muted {color:var(--muted)}
  :focus-visible {outline-color:#4eb5ff}
  .panel {background:linear-gradient(145deg,rgba(8,47,91,.92),rgba(4,29,61,.94));border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
  .brand {gap:12px;color:#fff;letter-spacing:-.035em}
  .brand-symbol {display:block;width:48px;height:48px;flex:0 0 auto}
  .brand-copy {display:flex;align-items:baseline;font-size:1.18rem;font-weight:760;line-height:1;letter-spacing:-.045em}
  .brand-tld {color:#0095ff}.brand-slogan {display:block;margin-top:7px;color:#b8c5d6;font-size:.56rem;font-weight:650;letter-spacing:.2em;line-height:1.2}
  .button {border-color:#0095ff;background:#007ee8;color:#fff;box-shadow:0 8px 24px rgba(0,126,232,.22);font-weight:700}
  .button:hover {background:#0095ff}.button.secondary {background:rgba(255,255,255,.055);border-color:rgba(141,192,243,.28);color:#e9f5ff;box-shadow:none}.button.secondary:hover {background:rgba(0,149,255,.12);border-color:#318fdc}
  .text-button {color:#67c0ff}.notice.success {background:rgba(30,154,117,.14);border-color:rgba(94,224,180,.32);color:#9df0d3}.notice.error {background:rgba(190,38,60,.16);border-color:rgba(255,116,137,.33);color:#ffacb9}.notice.info {background:rgba(0,149,255,.12);border-color:rgba(89,186,255,.28);color:#b9e2ff}
  input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea {color:#f7fbff;background:rgba(2,20,45,.68);border-color:rgba(139,184,230,.25)}
  input::placeholder,textarea::placeholder {color:#8398b3}select option {background:#062a55;color:#fff}
  input:focus,select:focus,textarea:focus {border-color:#0095ff!important;box-shadow:0 0 0 3px rgba(0,149,255,.16)}
  label {color:#d6e2f0}.required {color:#56bcff}.optional,label>small,.field-hint {color:#9eb0c6}
  input[type=checkbox],input[type=radio] {accent-color:#0095ff}
  .eyebrow {color:#78c8ff}

  /* Public portal */
  .public-header {max-width:none;height:104px;margin:0;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(3,22,47,.72);border-color:rgba(124,181,240,.15);backdrop-filter:blur(14px);position:relative;z-index:2}
  .public-header .brand-symbol {width:52px;height:52px}.public-header .brand-copy {font-size:1.32rem}
  .header-actions {display:flex;align-items:center;gap:12px}.header-link {color:#b8c5d6}.header-link:hover {color:#fff;text-decoration:none}
  .header-cta {min-height:42px;padding:9px 17px;border-radius:8px;background:#007ee8;color:#fff;font-size:.78rem;font-weight:750;letter-spacing:.055em}.header-cta:hover {background:#0095ff;text-decoration:none}
  .public-main {max-width:1180px;padding-top:56px}
  .page-intro {max-width:780px;margin-bottom:38px}.page-intro .eyebrow {color:#73c6ff;letter-spacing:.17em}.page-intro .short-rule {background:#0095ff;box-shadow:0 0 16px #0095ff}
  .page-intro h1 {font-size:clamp(2.45rem,5vw,4.35rem);line-height:1.03;color:#fff;letter-spacing:-.055em;margin-bottom:20px}.page-intro h1 span {color:#0095ff}.page-intro>p:last-child {max-width:650px;color:#b8c5d6;font-size:1.08rem;line-height:1.75}
  .public-grid {grid-template-columns:minmax(0,1fr) 340px;gap:34px}.report-panel {border-top:2px solid rgba(0,149,255,.72)}
  .section-heading>span:first-child {background:rgba(0,149,255,.13);color:#69c2ff;border:1px solid rgba(0,149,255,.2)}.section-heading>small {color:#91a7c1}
  .report-form>.form-grid+.section-heading,.submit-area {border-color:rgba(131,182,236,.15)}
  .upload-box {background:rgba(2,20,45,.42);border-color:rgba(120,183,244,.35)}.upload-box:hover {background:rgba(0,149,255,.08)}.upload-icon {background:rgba(0,149,255,.1);border-color:rgba(88,181,255,.23);color:#69c2ff}
  .priority-option {border-color:rgba(131,182,236,.17);background:rgba(2,20,45,.28)}.priority-option:hover {border-color:rgba(0,149,255,.55);background:rgba(0,149,255,.055)}.priority-option:has(input:checked) {border-color:#0095ff;background:rgba(0,149,255,.13);box-shadow:0 0 0 1px #0095ff,0 0 24px rgba(0,149,255,.08)}
  .p1 {--pc:#ff8a9b;--pb:rgba(190,38,60,.18);--pl:rgba(255,116,137,.35)}.p2 {--pc:#ffb66e;--pb:rgba(193,95,23,.18);--pl:rgba(255,182,110,.32)}.p3 {--pc:#ffe084;--pb:rgba(193,145,12,.17);--pl:rgba(255,224,132,.3)}.p4 {--pc:#77bdff;--pb:rgba(0,111,232,.19);--pl:rgba(119,189,255,.32)}.p5 {--pc:#c0ccdb;--pb:rgba(142,161,185,.14);--pl:rgba(192,204,219,.25)}
  .primary-submit {min-height:58px;background:linear-gradient(105deg,#006fe8,#0095ff);box-shadow:0 14px 34px rgba(0,126,232,.26)}.primary-submit:hover {background:linear-gradient(105deg,#0084f0,#20a4ff)}
  .help-note {border-left:1px solid rgba(0,149,255,.2);padding-left:27px}.support-symbol {color:#0095ff}.help-note h2 {color:#fff}.help-note>p,.steps>div {color:#b8c5d6}.steps span {background:rgba(0,149,255,.09);border-color:rgba(0,149,255,.28);color:#70c7ff}
  .remote-panel {border-color:rgba(0,149,255,.22)}.remote-link {color:#eaf6ff;background:rgba(2,20,45,.5);border-color:rgba(131,182,236,.16)}.remote-link.featured {background:rgba(0,149,255,.08);border-color:rgba(0,149,255,.24)}.remote-link:hover {background:rgba(0,149,255,.13);border-color:#338fd8}.remote-link>span:last-child {color:#67bdff}.tool-monogram {background:rgba(0,111,232,.2);color:#73c6ff}
  .public-footer {border-color:rgba(131,182,236,.14);color:#93a6bf;align-items:flex-start}.public-footer a {color:#b8c5d6}.operator-credit {display:block;margin-top:5px;color:#788ca6}.footer-actions {text-align:right;white-space:nowrap}
  .success-panel {border-top:2px solid #0095ff}.success-mark {background:rgba(40,182,139,.16);color:#74e6c0}.receipt {border-color:rgba(131,182,236,.17)}.reward-message {background:rgba(199,153,26,.11);border-color:rgba(232,207,115,.35)}.reward-message strong {color:#ffe58f}

  /* Backoffice */
  .backoffice {background-color:#03162f}.sidebar {background:rgba(3,22,47,.94);border-color:rgba(131,182,236,.16);backdrop-filter:blur(16px)}
  .sidebar .brand-symbol {width:38px;height:38px}.sidebar .brand-copy {font-size:.95rem}.sidebar .brand-slogan {display:none}.workspace-label {color:#7088a6}
  .nav-link {color:#a8b8cb}.nav-link:hover {background:rgba(0,149,255,.07);color:#fff}.nav-link.active {background:linear-gradient(90deg,rgba(0,111,232,.24),rgba(0,149,255,.1));color:#63c2ff;box-shadow:inset 2px 0 #0095ff}
  .sidebar-bottom {border-color:rgba(131,182,236,.15)}.avatar {background:rgba(0,149,255,.12);color:#7dccff}.logout {color:#91a7bf}
  .bo-top {background:rgba(3,22,47,.72);border-color:rgba(131,182,236,.14);backdrop-filter:blur(14px)}.bo-top>a {color:#8fcfff}.bo-main {position:relative}.bo-footer {color:#6f85a1}
  .page-heading h1,.ticket-heading h1 {color:#fff}.stat {background:rgba(6,42,85,.72);border-color:rgba(131,182,236,.17);color:#fff}.stat:hover {border-color:rgba(0,149,255,.48)}.stat.blue {border-top-color:#0095ff}.stat.blue>strong {color:#69c6ff}.stat.red>strong {color:#ff8a9b}.stat.orange>strong {color:#ffb56e}.stat.green>strong {color:#66e2b8}
  .filter-panel,.filters,.list-heading,.pagination {border-color:rgba(131,182,236,.14)}.search-field input {background:rgba(2,20,45,.58)!important}.filter-bottom>a {color:#94aac3}
  th {color:#8fa5bf;background:rgba(2,20,45,.65);border-color:rgba(131,182,236,.14)}td {border-color:rgba(131,182,236,.105)}tbody tr:hover {background:rgba(0,149,255,.045)}.ticket-title {color:#f6fbff}.ticket-title small,td>small {color:#9fb0c5}
  .ticket-table tr.ticket-priority-1 {background:rgba(190,38,60,.12)}.ticket-table tr.ticket-priority-2 {background:rgba(193,95,23,.11)}.ticket-table tr.ticket-priority-3 {background:rgba(193,145,12,.09)}.ticket-table tr.ticket-priority-4 {background:rgba(0,111,232,.1)}.ticket-table tr.ticket-priority-5 {background:rgba(142,161,185,.075)}
  .ticket-table tr.ticket-resolved {background:rgba(130,146,166,.08);color:#73869e;opacity:.68}.ticket-table tr.ticket-resolved a,.ticket-table tr.ticket-resolved small {color:#8092aa}.ticket-table tr.ticket-resolved .reward-badge {opacity:1}
  .status-new {color:#7bc4ff;background:rgba(0,111,232,.18)}.status-claimed {color:#b7a7ff;background:rgba(102,76,194,.18)}.status-in_progress {color:#8ab8ff;background:rgba(52,103,190,.18)}.status-waiting_customer,.status-waiting_third_party {color:#ffd382;background:rgba(172,113,17,.18)}.status-resolved,.status-closed {color:#7ce3bd;background:rgba(30,145,108,.18)}.status-cancelled,.neutral,.status {background:rgba(144,162,185,.13);color:#bdc9d8}
  .status.status-new {color:#7bc4ff;background:rgba(0,111,232,.18)}.status.status-claimed {color:#b7a7ff;background:rgba(102,76,194,.18)}.status.status-in_progress {color:#8ab8ff;background:rgba(52,103,190,.18)}.status.status-waiting_customer,.status.status-waiting_third_party {color:#ffd382;background:rgba(172,113,17,.18)}.status.status-resolved,.status.status-closed {color:#7ce3bd;background:rgba(30,145,108,.18)}
  .count {background:rgba(0,149,255,.1);color:#9fd7ff}.empty-symbol {background:rgba(0,149,255,.12);color:#73c6ff}.attachment {border-color:rgba(131,182,236,.18);color:#e8f4ff}.attachment img {background:rgba(2,20,45,.55)}
  .timeline li {border-color:rgba(131,182,236,.2)}.timeline li:before {border-color:#062a55;background:#0095ff}.note,.alias-section,.alias-list li,.login-caption {border-color:rgba(131,182,236,.15)}.technical-panel summary {color:#a9bdd4}
  .login-shell::before {content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 18%,rgba(0,111,232,.18),transparent 35%);pointer-events:none}.login-panel {border-top:2px solid #0095ff}.login-panel .brand {margin-bottom:34px}
  main.report-document,.report-time {background:rgba(6,42,85,.78);border-color:rgba(131,182,236,.18)}.report-summary {border-color:rgba(131,182,236,.18)}.report-summary>div {border-color:rgba(131,182,236,.18)}.report-method {color:#a9bad0}
  .report-brand {display:flex;align-items:center;gap:9px;margin-bottom:18px}.report-brand img {width:30px;height:30px}.report-brand strong {font-size:.9rem;letter-spacing:-.03em;color:#fff}.report-brand strong span {color:#0095ff}
  .reward-badge {background:rgba(199,153,26,.16)!important;color:#ffe58f!important;border-color:rgba(232,207,115,.38)!important}

  /* Reserved lockup for later customer-specific branding. */
  .client-lockup {display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(131,182,236,.16);border-radius:10px;background:rgba(3,22,47,.34)}
  .client-lockup img {display:block;max-width:120px;max-height:44px}.client-lockup-copy small {display:block;color:#8fa5bf}.client-lockup-copy strong {display:block;color:#fff}
}

@media screen and (max-width:740px) {
  .public-header {height:auto;min-height:84px;padding:14px 18px}.public-header .brand-symbol {width:42px;height:42px}.public-header .brand-copy {font-size:1rem}.brand-slogan {font-size:.45rem;letter-spacing:.14em}
  .header-actions {gap:8px}.header-link {display:none}.header-cta {padding:8px 12px;font-size:.68rem}.public-main {padding-top:38px}.page-intro h1 {font-size:2.45rem}.public-grid {grid-template-columns:1fr}.public-footer {margin-inline:18px}.footer-actions {text-align:left;white-space:normal}
  .sidebar .brand-symbol {width:34px;height:34px}.sidebar .brand-copy {font-size:.9rem}
}

@media screen and (max-width:960px) {
  .sidebar {display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;padding:14px 18px 10px;gap:10px 14px;align-items:center}
  .sidebar .brand {grid-column:1;margin:0;justify-self:start}.sidebar nav {grid-column:1/-1;grid-row:2;order:initial;display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:2px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar {display:none}
  .sidebar-bottom {grid-column:2;grid-row:1;display:flex;margin:0;padding:0;border:0}.sidebar-bottom form {margin:0}.logout {width:38px;height:38px;border:1px solid rgba(131,182,236,.18);border-radius:8px}
}

@media screen and (max-width:480px) {
  .brand-slogan {display:none}.public-header .brand-symbol {width:38px;height:38px}.public-header .brand-copy {font-size:.92rem}.header-cta {letter-spacing:.02em}.page-intro h1 {font-size:2.1rem}.page-intro>p:last-child {font-size:.96rem}.report-panel {padding:24px 20px}
}

@media print {
  .report-brand {display:flex;align-items:center;gap:7px;margin-bottom:10px}.report-brand img {width:25px;height:25px}.report-brand strong {font-size:9pt;color:#03162f}.report-brand strong span {color:#006fe8}
}