/* 1999.LOC - the PDF unlocker's face.
 *
 * ACROBAT'S DOCUMENT SECURITY DIALOG: the little properties window that listed
 * what a file would and would not let you do, each line reading Allowed or Not
 * Allowed. That is precisely what this page is about, so it is drawn as that
 * dialog rather than as a converter with a red title bar.
 */

/* ---- the menu bar, pinned to the window --------------------------- */
[data-app="unlock"] .app-window > .sec-menu {
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 2px 4px;
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  /* Stated rather than inherited: this sits outside the panels, so it would
     otherwise come out in the page's serif. */
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 11px;
  line-height: 1.3;
  color: #000000;
}
[data-app="unlock"] .app-window > .sec-menu .menu-title {
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 11px;
  /* A thumb needs a target. */
  min-height: 26px;
}
[data-app="unlock"] .client-title { background: linear-gradient(90deg,#5a1414 0%,#8a2626 60%,#c06060 100%); color: #ffffff; }

/* ---- the body ------------------------------------------------------ */
[data-app="unlock"] .app-body {
  background: #d4d0c8;
  color: #000000;
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 11px;
}
/* The gutter. The shell sets `padding: 0` on an application's body, for the
   programs that lay themselves out in bands and bring their own spacing; this
   one is content, and with no gutter every line starts hard against the tube.
   A plain `[data-app] .app-body` loses to that shell rule, which carries an
   element plus two classes, which is why the padding this asked for never
   arrived. Naming the desk the window sits on wins on class count without
   reaching outside the app. */
[data-app="unlock"] .desk-shell .app-window > .app-body { padding: 8px 14px; }

[data-app="unlock"] .app-body h3 {
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #7a2020;
  margin: 12px 0 6px 0;
}
[data-app="unlock"] .app-body p,
[data-app="unlock"] .app-body label,
[data-app="unlock"] .app-body li,
[data-app="unlock"] .app-body legend {
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #000000;
}
[data-app="unlock"] .app-body .note { color: #4a4a4a; }
[data-app="unlock"] .app-body > p,
[data-app="unlock"] .app-body > div > p { max-width: 620px; }

/* What to do on this screen. */
[data-app="unlock"] .app-body .sec-hint {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 0 0 10px 0;
  padding: 6px 9px;
  background: #ffffe1;
  border: 1px solid #808080;
  color: #000000;
  font-size: 11.5px;
  line-height: 1.45;
  max-width: 820px;
}
[data-app="unlock"] .app-body .sec-hint,
[data-app="unlock"] .app-body .sec-hint * { color: #000000; }
[data-app="unlock"] .app-body .sec-hint > .sec-hint-mark {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7a2020;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
}

/* ---- controls ------------------------------------------------------ */
[data-app="unlock"] button:not(.notice-x):not(.menu-title):not(.win-min) {
  border: 2px outset #d4d0c8;
  background: #d4d0c8;
  color: #000000;
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 11px;
  padding: 3px 12px;
  cursor: pointer;
}
[data-app="unlock"] button:not(.notice-x):active { border-style: inset; }
[data-app="unlock"] select,
[data-app="unlock"] input[type="text"],
[data-app="unlock"] input[type="number"],
[data-app="unlock"] textarea {
  border: 2px inset #d4d0c8;
  background: #ffffff;
  color: #000000;
  font-family: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;
  font-size: 11px;
}
[data-app="unlock"] .dropzone {
  background: #ffffff;
  border: 2px inset #d4d0c8;
  color: #000000;
}
[data-app="unlock"] fieldset {
  border: 2px groove #ffffff;
  background: #d4d0c8;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 8px 10px;
  max-width: 620px;
}
/* A fieldset is a light tray, even in a program whose chrome is dark, so
   everything inside it goes back to black. Said with .app-body in the
   selector on purpose: the body rule above sets a light ink for the dark
   chrome and is an attribute plus a class plus an element, so a plainer
   `fieldset label` loses to it and the tray comes out grey on grey. */
[data-app="unlock"] .app-body fieldset p,
[data-app="unlock"] .app-body fieldset label,
[data-app="unlock"] .app-body fieldset legend,
[data-app="unlock"] .app-body fieldset span,
[data-app="unlock"] .app-body fieldset li,
[data-app="unlock"] .app-body fieldset .note { color: #000000; }

/* The boxes the tool draws into. */
[data-app="unlock"] .notice-box,
[data-app="unlock"] .app-body details {
  background: #ffffe1;
  border: 1px solid #808080;
  max-width: 820px;
}
[data-app="unlock"] .notice-box *,
[data-app="unlock"] .app-body details * { color: #000000; }

/* ---- DOCUMENT SECURITY ---------------------------------------------
   The dialog this is a copy of listed each permission with Allowed or
   Not Allowed beside it, and that is exactly the shape of what this
   page has to report. */
[data-app="unlock"] #result,
[data-app="unlock"] #result-box {
  background: #ffffff;
  border: 2px inset #d4d0c8;
  padding: 10px;
  max-width: 620px;
}
[data-app="unlock"] #result table,
[data-app="unlock"] #result-box table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  border: 1px solid #808080;
}
[data-app="unlock"] #result th[scope="row"] {
  background: #ece9d8;
  color: #000000;
  font-weight: normal;
  width: 60%;
}
[data-app="unlock"] #result td { background: #ffffff; }
[data-app="unlock"] .is-allowed { color: #1a7a3a; font-weight: bold; }
[data-app="unlock"] .is-denied { color: #a01010; font-weight: bold; }
[data-app="unlock"] .status { color: #7a2020; }
[data-app="unlock"] .error { color: #a01010; }

/* ---- responsive ---------------------------------------------------- */
@media (max-width: 700px) {
  [data-app="unlock"] .desk-shell .app-window > .app-body { padding: 6px 10px; }
  [data-app="unlock"] .app-window > .sec-menu span { padding: 2px 5px; }
}