/*
 * Phuture Me professional-reading workspace.
 *
 * This layer is intentionally limited to the client list, reader assignments
 * and the two reading-detail layouts. It preserves the component's tables,
 * conversation bubbles and jQuery Mobile controls while preventing the broad
 * My Phuture account rules from flattening their established presentation.
 */

.pm-reading-workspace {
  --pm-reading-navy: #082f58;
  --pm-reading-blue: #087fba;
  --pm-reading-sky: #e8f6fd;
  --pm-reading-line: #c7e2ef;
  --pm-reading-ink: #173f5e;
  --pm-reading-muted: #5c788d;
  --pm-reading-paper: #fffffa;
  --pm-reading-warm: #f7f3ea;
  --pm-reading-gold: #ba9959;
}

.pm-reading-workspace .pm-info-hero {
  min-height: 0;
  padding-top: 56px;
  padding-bottom: 58px;
}

.pm-reading-workspace .pm-info-hero h1 {
  max-width: 900px;
  font-size: clamp(40px, 4.2vw, 61px);
}

.pm-reading-workspace .pm-info-hero > div > p:last-child {
  max-width: 720px;
}

.pm-reading-workspace .pm-account-shell {
  max-width: 1480px;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 34px;
  padding-top: 48px;
  padding-bottom: 86px;
}

.pm-reading-workspace .pm-account-primary {
  padding: 0;
  overflow: hidden;
  background: var(--pm-reading-paper);
  border-color: var(--pm-reading-line);
  box-shadow: 0 20px 48px rgba(7, 54, 89, .11);
  color: var(--pm-reading-ink);
}

.pm-reading-workspace .pm-account-primary > div[style] {
  padding: 28px 30px 32px !important;
}

.pm-reading-workspace .pm-account-primary a {
  color: var(--pm-reading-blue);
}

/* Lists: retain the readable desktop table, with calmer branded hierarchy. */
.pm-reading-view-readings .pm-account-primary h4 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.pm-reading-view-readings .pm-account-primary form,
.pm-reading-view-assignments .pm-account-primary form {
  width: 100%;
}

.pm-reading-workspace .pm-account-primary .js-stools-container-bar,
.pm-reading-workspace .pm-account-primary .js-stools-container-filters,
.pm-reading-workspace .pm-account-primary .btn-toolbar {
  gap: 10px;
  margin: 0 0 24px;
}

.pm-reading-workspace .pm-account-primary .js-stools-search-string {
  min-height: 44px !important;
  background: #fff;
  border-color: #afcfdf;
}

.pm-reading-workspace .pm-account-primary .chzn-single {
  height: 44px !important;
  padding-top: 9px !important;
  background: #fff !important;
  border-color: #afcfdf !important;
}

.pm-reading-workspace .pm-account-primary .js-stools-container-bar .btn,
.pm-reading-workspace .pm-account-primary .js-stools-container-filters .btn,
.pm-reading-workspace .pm-account-primary .btn-toolbar .btn {
  min-height: 44px;
  background: #edf8fd;
  color: var(--pm-reading-navy);
  border-color: #afcfdf;
}

.pm-reading-workspace .pm-account-primary .js-stools-container-bar .btn:hover,
.pm-reading-workspace .pm-account-primary .js-stools-container-bar .btn:focus,
.pm-reading-workspace .pm-account-primary .js-stools-container-filters .btn:hover,
.pm-reading-workspace .pm-account-primary .js-stools-container-filters .btn:focus,
.pm-reading-workspace .pm-account-primary .btn-toolbar .btn:hover,
.pm-reading-workspace .pm-account-primary .btn-toolbar .btn:focus {
  background: #dff2fb;
  color: var(--pm-reading-blue);
  border-color: #70c4e8;
}

.pm-reading-workspace .pm-account-primary #readingList {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  background: transparent;
  color: var(--pm-reading-ink);
  font-size: 14px;
}

.pm-reading-workspace .pm-account-primary #readingList thead th {
  padding: 15px 14px;
  background: var(--pm-reading-navy);
  color: #eaf8ff;
  border: 0;
  border-bottom: 3px solid var(--pm-reading-gold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .7px;
  line-height: 1.35;
  text-transform: uppercase;
  vertical-align: bottom;
}

.pm-reading-workspace .pm-account-primary #readingList thead th:first-child {
  padding-left: 18px;
}

.pm-reading-workspace .pm-account-primary #readingList thead th:last-child {
  padding-right: 18px;
}

.pm-reading-workspace .pm-account-primary #readingList thead a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
}

.pm-reading-workspace .pm-account-primary #readingList tbody tr,
.pm-reading-workspace .pm-account-primary #readingList tbody tr:nth-child(even) {
  background: var(--pm-reading-paper);
  transition: background .16s ease, box-shadow .16s ease;
}

.pm-reading-workspace .pm-account-primary #readingList tbody tr:nth-child(even) {
  background: #f6fbfd;
}

.pm-reading-workspace .pm-account-primary #readingList tbody tr:hover {
  background: #eaf7fd;
  box-shadow: inset 4px 0 0 var(--pm-reading-blue);
}

.pm-reading-workspace .pm-account-primary #readingList td {
  padding: 17px 14px;
  border: 0;
  border-bottom: 1px solid #d7e9f2;
  line-height: 1.45;
  vertical-align: middle;
}

.pm-reading-workspace .pm-account-primary #readingList td:first-child {
  padding-left: 18px;
  color: #183e5a;
  font-weight: 600;
}

.pm-reading-workspace .pm-account-primary #readingList td:last-child {
  padding-right: 18px;
}

.pm-reading-workspace .pm-account-primary #readingList tfoot td {
  padding: 17px 18px 0;
  border: 0;
  background: var(--pm-reading-paper);
}

.pm-reading-workspace .pm-account-primary #readingList .btn-mini {
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0;
  background: #edf8fd;
  color: var(--pm-reading-navy);
  border: 1px solid #b7d8e7;
  border-radius: 50%;
}

.pm-reading-workspace .pm-account-primary #readingList .btn-mini:hover,
.pm-reading-workspace .pm-account-primary #readingList .btn-mini:focus {
  background: var(--pm-reading-navy);
  color: #fff;
  border-color: var(--pm-reading-navy);
  outline: 3px solid rgba(83, 191, 236, .2);
}

.pm-reading-workspace .pm-account-primary #readingList .delete-button {
  background: #fff8f6;
  color: #9c3030;
  border-color: #dfb8b1;
}

.pm-reading-workspace .pm-account-primary #readingList .delete-button:hover,
.pm-reading-workspace .pm-account-primary #readingList .delete-button:focus {
  background: #9c3030;
  color: #fff;
  border-color: #9c3030;
}

.pm-reading-workspace .pm-account-primary #readingList .center {
  text-align: center;
}

/* Keep Joomla's page-size Chosen control compact. The generic account
   pagination rules otherwise style its internal option list as pagination. */
.pm-reading-workspace .pm-account-primary .pagination .limit,
.pm-reading-workspace .pm-account-primary .list-footer .limit {
  display: flex;
  float: none !important;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin: 18px 0 0;
  color: var(--pm-reading-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 36px;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-container,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-container {
  flex: 0 0 78px;
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  line-height: normal;
  text-align: left;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-single,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-single {
  width: 78px !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 5px 27px 5px 10px !important;
  background: #f5fbfe !important;
  border: 1px solid #a9ccdd !important;
  border-radius: 5px !important;
  color: var(--pm-reading-navy) !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px !important;
  text-align: left;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-single span,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-single span {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  line-height: 24px !important;
  text-align: left !important;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-drop,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-drop {
  width: 78px !important;
  min-width: 78px !important;
  margin-top: 2px;
  background: var(--pm-reading-paper) !important;
  border: 1px solid #a9ccdd !important;
  border-radius: 5px !important;
  box-shadow: 0 10px 24px rgba(7, 54, 89, .14) !important;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-results,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-results {
  display: block !important;
  max-height: 220px;
  margin: 0 !important;
  padding: 4px 0 !important;
  overflow-y: auto;
  list-style: none;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-results li,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-results li {
  display: block !important;
  width: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 7px 10px !important;
  background: transparent;
  border: 0;
  color: var(--pm-reading-ink);
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
}

.pm-reading-workspace .pm-account-primary .pagination .limit .chzn-results li.highlighted,
.pm-reading-workspace .pm-account-primary .list-footer .limit .chzn-results li.highlighted {
  background: var(--pm-reading-navy);
  color: #fff;
}

/* Reading views: restore the conversation as a conversation, not a data table. */
.pm-reading-view-reading .pm-account-primary {
  padding: 36px clamp(22px, 4vw, 56px) 48px;
  overflow: visible;
}

.pm-reading-view-reading .pm-account-primary #workspace {
  width: 100%;
  min-width: 0;
  margin: 0 auto;
  padding: 0 !important;
  background: transparent !important;
  color: var(--pm-reading-ink);
  font-size: 15px !important;
}

.pm-reading-view-reading .pm-account-primary #workspace > center {
  display: block;
  width: 100%;
}

.pm-reading-view-reading #workspace > center > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 0 28px;
  border-bottom: 1px solid var(--pm-reading-line);
  text-align: center !important;
}

.pm-reading-view-reading #workspace > center > div:first-child h1,
.pm-reading-view-reading #workspace > center > div:first-child h5 {
  margin: 0 0 9px;
  color: var(--pm-reading-navy);
  font: 400 clamp(27px, 3vw, 39px)/1.18 Georgia, serif;
  letter-spacing: -.8px;
  text-align: center !important;
}

.pm-reading-view-reading #workspace > center > div:first-child > p {
  margin: 7px 0;
  color: var(--pm-reading-muted);
  text-align: center !important;
}

.pm-reading-view-reading #workspace > center > div:first-child img {
  display: block;
  width: 96px;
  height: 120px;
  margin: 0 auto;
  object-fit: cover;
  border: 5px solid var(--pm-reading-paper);
  box-shadow: 0 12px 28px rgba(7, 54, 89, .18);
}

.pm-reading-view-reading #workspace > center > div:first-child img.pm-sample-corporate-icon {
  width: 112px;
  height: 112px;
  object-fit: contain;
  border-radius: 22px;
}

.pm-reading-view-reading #workspace > center > div:first-child b,
.pm-reading-view-reading #workspace > center > div:first-child em {
  color: var(--pm-reading-blue);
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 400;
}

.pm-reading-view-reading .chat {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  color: var(--pm-reading-ink) !important;
  text-align: left;
}

.pm-reading-view-reading .chat table,
.pm-reading-view-reading .chat tbody,
.pm-reading-view-reading .chat tr,
.pm-reading-view-reading .chat td,
.pm-reading-view-reading #readercontrols table,
.pm-reading-view-reading #readercontrols tbody,
.pm-reading-view-reading #readercontrols tr,
.pm-reading-view-reading #readercontrols td {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  color: inherit;
  box-shadow: none;
}

.pm-reading-view-reading .chat table,
.pm-reading-view-reading #readercontrols table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.pm-reading-view-reading .chat td {
  padding: 4px 15px !important;
  vertical-align: top;
}

.pm-reading-view-reading .bubble {
  max-width: min(78%, 690px);
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 14px 18px;
  border: 1px solid #d1e1e9;
  border-radius: 18px;
  box-shadow: 0 7px 20px rgba(7, 47, 83, .09);
  color: #244c68;
  font-size: 15px;
  line-height: 1.58;
  text-shadow: none;
  white-space: normal;
}

.pm-reading-view-reading .bubble.reader {
  margin-left: 14px;
  margin-right: 70px;
  background: var(--pm-reading-paper);
  border-color: #d5e1e7;
  border-bottom-left-radius: 7px;
}

.pm-reading-view-reading .bubble.reader::before {
  left: -8px;
  right: auto;
  width: 14px;
  height: 14px;
  background: var(--pm-reading-paper);
  border: 0;
  border-left: 1px solid #d5e1e7;
  border-bottom: 1px solid #d5e1e7;
  box-shadow: none;
  transform: rotate(45deg);
}

.pm-reading-view-reading .bubble.client {
  margin-left: 70px;
  margin-right: 14px;
  background: var(--pm-reading-sky);
  border-color: #a9d5e8;
  border-bottom-right-radius: 7px;
}

.pm-reading-view-reading .bubble.client::before {
  left: auto;
  right: -8px;
  width: 14px;
  height: 14px;
  background: var(--pm-reading-sky);
  border: 0;
  border-top: 1px solid #a9d5e8;
  border-right: 1px solid #a9d5e8;
  box-shadow: none;
  transform: rotate(45deg);
}

.pm-reading-view-reading .bubble p:last-child {
  margin-bottom: 0;
}

.pm-reading-view-reading .bubble textarea,
.pm-reading-view-reading .bubble.reader textarea,
.pm-reading-view-reading .bubble.client textarea {
  width: min(100%, 700px) !important;
  max-width: 100%;
  min-height: 118px;
  margin: 0;
  padding: 13px 14px;
  background: #fff !important;
  color: var(--pm-reading-ink) !important;
  border: 1px solid #a9ccdc !important;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(5, 42, 72, .06) !important;
  font: 15px/1.55 Arial, Helvetica, sans-serif !important;
  text-shadow: none !important;
  resize: vertical;
}

.pm-reading-view-reading .bubble textarea:focus {
  outline: 3px solid rgba(59, 175, 225, .18);
  border-color: var(--pm-reading-blue) !important;
}

.pm-reading-view-reading .conversation-attachment img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 9px;
  border: 1px solid #c7dde8;
  box-shadow: 0 10px 24px rgba(7, 54, 89, .12);
}

/* Attachment thumbnails include legacy width/height attributes. Let their
   intrinsic aspect ratio determine the rendered height at every width. */
.pm-reading-view-reading #attachmentscontainer img.popphoto {
  height: auto !important;
  object-fit: contain;
}

.pm-reading-view-reading .conversation-spread {
  width: 100%;
  margin: 18px auto 24px;
  padding: 22px 18px;
  overflow-x: auto;
  background: #eef8fd;
  border: 1px solid var(--pm-reading-line);
}

/* A spread card is an image link, not a branded control. Keep the link and
   image locked to the dimensions calculated by the shared spread renderer so
   the canvas cannot show through as a false blank half-card. */
.pm-reading-view-reading #workspace [id^="carddiv_"] > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  text-shadow: none !important;
}

.pm-reading-view-reading #workspace [id^="carddiv_"] > a::after {
  display: none !important;
}

.pm-reading-view-reading #workspace [id^="carddiv_"] > a > img,
.pm-reading-view-reading #workspace [id^="carddiv_"] > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* The conversation is left-aligned, but spread-position labels retain the
   original centred alignment inside their calculated label boxes. */
.pm-reading-view-reading #workspace [id^="cardlabel_"] {
  text-align: center !important;
}

/* Branded controls, without altering IDs or JavaScript event targets. */
.pm-reading-view-reading #workspace .ui-btn,
.pm-reading-view-reading #workspace button.ui-btn,
.pm-reading-view-reading #workspace a.ui-btn {
  min-height: 44px;
  margin: 8px 4px;
  padding: 12px 18px 12px 46px;
  background: #edf8fd !important;
  color: var(--pm-reading-navy) !important;
  border: 1px solid #b4d6e6 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font: 700 11px/1.3 Arial, Helvetica, sans-serif !important;
  letter-spacing: .45px;
  text-transform: uppercase;
  text-shadow: none !important;
}

.pm-reading-view-reading #workspace .ui-btn:hover,
.pm-reading-view-reading #workspace .ui-btn:focus {
  background: #dff2fb !important;
  color: var(--pm-reading-blue) !important;
  border-color: #69bee4 !important;
  outline: 3px solid rgba(83, 191, 236, .17);
}

.pm-reading-view-reading #workspace .ui-btn::after {
  background-color: #7294a8 !important;
}

.pm-reading-view-reading #workspace #sendbutton,
.pm-reading-view-reading #workspace [id^="sendbutton"],
.pm-reading-view-reading #workspace #questionbutton,
.pm-reading-view-reading #workspace button.ui-icon-mail,
.pm-reading-view-reading #workspace a.ui-icon-video {
  background: var(--pm-reading-navy) !important;
  color: #fff !important;
  border-color: var(--pm-reading-navy) !important;
}

.pm-reading-view-reading #workspace #sendbutton:hover,
.pm-reading-view-reading #workspace [id^="sendbutton"]:hover,
.pm-reading-view-reading #workspace #questionbutton:hover,
.pm-reading-view-reading #workspace button.ui-icon-mail:hover,
.pm-reading-view-reading #workspace a.ui-icon-video:hover,
.pm-reading-view-reading #workspace #sendbutton:focus,
.pm-reading-view-reading #workspace [id^="sendbutton"]:focus,
.pm-reading-view-reading #workspace #questionbutton:focus,
.pm-reading-view-reading #workspace button.ui-icon-mail:focus,
.pm-reading-view-reading #workspace a.ui-icon-video:focus {
  background: var(--pm-reading-blue) !important;
  color: #fff !important;
  border-color: var(--pm-reading-blue) !important;
}

.pm-reading-view-reading #workspace #sendbutton::after,
.pm-reading-view-reading #workspace [id^="sendbutton"]::after,
.pm-reading-view-reading #workspace #questionbutton::after,
.pm-reading-view-reading #workspace button.ui-icon-mail::after,
.pm-reading-view-reading #workspace a.ui-icon-video::after {
  background-color: rgba(255, 255, 255, .28) !important;
}

.pm-reading-view-reading #workspace #rejectbutton,
.pm-reading-view-reading #workspace #closebutton {
  background: #fff8f6 !important;
  color: #8f2e2e !important;
  border-color: #dfb8b1 !important;
}

.pm-reading-view-reading #workspace #menuoption {
  clear: both;
  margin: 34px 0 0;
  padding-top: 23px;
  border-top: 1px solid var(--pm-reading-line);
  text-align: center;
}

.pm-reading-view-reading #workspace #menuoption .ui-btn {
  background: var(--pm-reading-warm) !important;
  border-color: #d9c9a8 !important;
}

/* Scheduled-call panel: keep the existing content and controls, improve focus. */
.pm-reading-view-reading .chat .ui-body.ui-body-a {
  clear: both;
  margin: 22px 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--pm-reading-paper) !important;
  color: var(--pm-reading-ink) !important;
  border: 1px solid #afd5e6 !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 28px rgba(7, 54, 89, .09) !important;
  text-shadow: none !important;
}

.pm-reading-view-reading .chat .ui-body.ui-body-a > .ui-bar {
  padding: 13px 16px;
  background: var(--pm-reading-navy) !important;
  color: #fff !important;
  border: 0 !important;
  font: 400 20px/1.3 Georgia, serif !important;
  text-shadow: none !important;
}

.pm-reading-view-reading .chat .ui-body.ui-body-a > div:last-child {
  padding: 18px !important;
}

.pm-reading-view-reading .chat .ui-body.ui-body-a .ui-btn {
  min-height: 38px;
  padding: 9px 13px 9px 38px;
  font-size: 9px !important;
}

.pm-reading-view-reading #requestpanel,
.pm-reading-view-reading #uploadpanel,
.pm-reading-view-reading #videocallpanel,
.pm-reading-view-reading #blockformview {
  margin: 22px auto;
  padding: 24px;
  background: #f4fbfe;
  border: 1px solid var(--pm-reading-line);
  text-align: left;
}

.pm-reading-view-reading #requestpanel legend,
.pm-reading-view-reading #uploadpanel legend,
.pm-reading-view-reading #videocallpanel legend,
.pm-reading-view-reading #blockformview legend,
.pm-reading-view-reading #attachmentscontainer legend {
  width: 100%;
  margin: 0 0 18px;
  padding: 0 0 12px;
  color: var(--pm-reading-navy);
  border-bottom: 1px solid var(--pm-reading-line);
  font: 400 25px/1.25 Georgia, serif;
}

.pm-reading-view-reading #readercontrols {
  clear: both;
  padding-top: 8px !important;
  text-align: center;
}

.pm-reading-view-reading #readercontrols td {
  text-align: center;
}

.pm-reading-view-reading .img-wrap {
  margin: 7px;
  overflow: hidden;
  background: var(--pm-reading-paper) !important;
  border: 1px solid var(--pm-reading-line) !important;
  box-shadow: 0 10px 25px rgba(7, 54, 89, .12) !important;
  font-size: 12px !important;
}

.pm-reading-view-reading .img-wrap label {
  display: block;
  padding: 8px;
  color: var(--pm-reading-ink);
}

@media (max-width: 1000px) {
  .pm-reading-workspace .pm-account-shell {
    grid-template-columns: 1fr;
  }

  .pm-reading-workspace .pm-account-shell .pm-info-sidebar {
    position: static;
    order: -1;
  }
}

@media (max-width: 700px) {
  .pm-reading-workspace .pm-info-hero {
    padding-top: 47px;
    padding-bottom: 49px;
  }

  .pm-reading-workspace .pm-account-shell {
    padding-top: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pm-reading-workspace .pm-account-primary > div[style] {
    padding: 20px 0 24px !important;
    overflow-x: auto;
  }

  .pm-reading-workspace .pm-account-primary .js-stools-container-bar,
  .pm-reading-workspace .pm-account-primary .js-stools-container-filters,
  .pm-reading-workspace .pm-account-primary .btn-toolbar {
    padding: 0 17px;
  }

  .pm-reading-workspace .pm-account-primary #readingList {
    min-width: 690px;
  }

  .pm-reading-workspace .pm-account-primary #readingList thead th,
  .pm-reading-workspace .pm-account-primary #readingList td {
    padding-left: 11px;
    padding-right: 11px;
  }

  .pm-reading-view-reading .pm-account-primary {
    padding: 26px 4px 36px;
  }

  .pm-reading-view-reading #workspace h5 {
    font-size: 27px;
  }

  .pm-reading-view-reading .chat td {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pm-reading-view-reading .bubble,
  .pm-reading-view-reading .bubble.reader,
  .pm-reading-view-reading .bubble.client {
    max-width: calc(100% - 31px);
    margin-left: 15px;
    margin-right: 15px;
    padding: 13px 14px;
  }

  .pm-reading-view-reading .chat .ui-body.ui-body-a > .ui-bar {
    font-size: 18px !important;
  }

  .pm-reading-view-reading #requestpanel,
  .pm-reading-view-reading #uploadpanel,
  .pm-reading-view-reading #videocallpanel,
  .pm-reading-view-reading #blockformview {
    margin-left: 8px;
    margin-right: 8px;
    padding: 18px 14px;
  }
}